/* ###########################################################################################################


			 	        Global CSS style sheet for Jordan Design Studios website
			 	    
						  Created by Ballas Creative (www.ballascreative.com)
					
						       Copyright (C) 2012 Jordan Design Studios.


########################################################################################################### */

/* GLOBAL SETTINGS */

body {
	
		width: 100%;
		height: 100%;
		font: 0.875em/1.5em 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
		letter-spacing: -0.01em;
		color: #ccc;
		text-shadow: #000 0px 1px 0px;
		padding: 0;
		margin: 0;
		background-color: #2f302f;

}

p {
	
		line-height: 1.7em;

}

h1 {
		
		font-size: 2.250em;
		color: #fff;
		text-shadow: #000 0px 1px 1px;
		margin-top: 0;
		font-weight: normal;
		line-height: 1em;
	}

h2 {
		
		font-size: 1.500em;
		color: #fff;
		line-height: 20px;
		letter-spacing: -1px;
		text-align: center;
		font-weight: normal;

}

a { 
	
		color: #d09c75;
		text-decoration: none;

}

a:hover {
	
		color: #fff;

}

table,td,tr,img {
	
		border:0;

}

hr {
	
		width: 100%;
		height: 1px;
		border-style: none;
		border-width: thin;
		border-top-style: solid;
		border-top-color: #000;
		padding-top: 2px;
		margin: 0;

}

.clear {
	
		clear: both;	

}

/* WRAPPERS */

#wrapper {
	
		width: 100%;
		height: 100%;
		margin: auto;
		position: relative;
		overflow: hidden;

}

#wrapper #screen {
	
		width: 33px;
		height: 100%;
		background-color: #000;
		position:absolute;
		top:0;
		
		filter: alpha(opacity=30);
		-moz-opacity: 0.30;
		-khtml-opacity: 0.30;
		opacity: 0.30;

}

/* HOMEPAGE */

#wrapper #content-home {
	
		width: 380px;
		/* height: 60%; */
		color: #fff;
		background: url(../images/bg-content.png) repeat;
		margin-left: 40px;
		padding: 40px;

}

/* SECONDARY-BUSINESS */

#wrapper #content-business {
	
		width: 380px;
		/* height: 70%; */
		color: #fff;
		background: url(../images/bg-content.png) repeat;
		margin-left: 40px;
		padding: 40px;

}

/* SECONDARY-WORK */

#wrapper #content-work {
	
		width: 720px;
		height: 450px;
		color: #fff;
		background: url(../images/bg-content.png) repeat;
		margin-left: 40px;
		padding: 40px 0px 40px 40px;

}

#wrapper #content-work a { 
	
		color: #fff;
		text-decoration: none;

}

#wrapper #content-work a:hover {
	
		color: #d09c75;

}


#wrapper #content-work #pod-left {
	
		width: 190px;
		height: 125px;
		float: left;
		border:10px solid white;
		margin:0 25px 25px 0;
	
}

#wrapper #content-work #pod-left:hover {
	
		border:10px solid #744921;
}

#wrapper #content-work #pod-left .thumb-title {
	
		font-size: 12px;
		text-align: right;
		padding: 5px 10px 5px 10px;
		position: relative;
		bottom: 31px;
		float: right;
		background-color: #282828;	

}

#wrapper #content-work #pod-right {

		width: 190px;
		height: 125px;
		float: left;
		border:10px solid white;
		margin:0 25px 25px 0;

}

#wrapper #content-work #pod-right:hover {

		border:10px solid #744921;
	
}

#wrapper #content-work #pod-right .thumb-title {
	
		font-size: 12px;
		text-align: right;
		padding: 5px 10px 5px 10px;
		position: relative;
		bottom: 31px;
		float: right;
		background-color: #282828;	

}

/* GLOBAL NAVIGATION */

#wrapper #nav-global {
	
	 	width: 100%;
		height: 80px;
		font-size: 1.154em;
		background: #000 url(../images/bg-navigation.jpg) repeat-x;
		position: absolute;
		bottom: 0;
		padding-left: 20px;
		
}

#wrapper #nav-global #nav {
	
		float:right;
		margin: 20px 20px 0 0;
		font-size: 0.875em;

}

#wrapper #nav-global #nav a { 
	
		color: #fff;
		text-decoration: none;

}

#wrapper #nav-global #nav a:hover {
	
		color: #d09c75;

}
#wrapper #nav-global #nav a.visit { 
	
		color: #d09c75;
		text-decoration: none;

}

#wrapper #nav-global #nav a.visit:hover {
	
		color: #fff;

}

#wrapper #nav-global #nav ul li {
	
		width: auto;
		list-style-type: none;
		display: inline;
		margin: 20px;

}

#wrapper #nav-global #logo {
	
		float: left;
		margin-top: 15px;
		margin-left: 0;
	
}