/* XXX Stylesheet - Developed by XYZ - name@yourdomain.com */

/* Global Styles */
body {
	background: #151d36;
	font-family: Arial, sans-serif;
	font-size: 17px;
	line-height: 130%;
	color: #F1F1F1;
}
.wrapper { width:980px; margin:0 auto; padding: 30px 40px; background:#202f58; }

h1, h2, h3, h4, h5, h6 {font-family: "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 400; }
h1#logo a { float: left; display:block; width: 173px; height: 0; margin-left: 40px; padding-top: 113px; /* The required height */ text-indent: -999em; overflow: hidden; background: url(../images/logo.png) top left no-repeat; } 
h2 {color: #d4d4d4; margin-bottom: 10px; font-size: 170%; line-height: 100%;}
body#home h2 { text-transform: uppercase; font-size: 150%; }
h3 {}
h4 {}
h5 {}
h6 {}

p {font-family: "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 300; margin-bottom: 15px;}
p.links a{
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #FE7F00;
	text-decoration: none;
	font-size: 90%;
}
p.links a.go {padding-right: 23px; background:url(../images/bullet-go.jpg) right no-repeat;}
p.links a:hover { text-decoration: underline; }
a {color: #FE7F00;}
blockquote {}
strong {}
em {}
hr {}

ul {}
ol {}
ul li {}
ol li {}

/* Clearfix (all browsers) */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/* Nav + Drop Downs */
#nav {
	width: 690px;
	float: left;
	margin-left: 20px;
	margin-top: 60px;
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
}
#nav ul { height:60px;}
#nav ul li { float:left; line-height:30px; padding: 11px 28px; margin-right: 3px;  box-shadow:0 0 0 1px #FFFFFF, 0 0 0 2px #CCCCCC;}
#nav ul li:hover {
	background: #151d36;
}
#nav ul li a { color:#d4d4d4; text-decoration:none; text-transform: uppercase; font-size: 90%; }
#nav ul li ul { display:none; } /* hide second ul until you hover */
#nav ul li:hover ul { display:block; position:absolute; top:30px; left:0px; width:150px; height:auto; padding:5px 15px 15px; background:#dadada; z-index:99999; }
#nav ul li:hover ul li { float:none; display:block; padding:5px; margin:0; font-size:90%; line-height:15px; border-bottom:1px solid #fff; }
#nav ul li:hover ul li:hover { background:none; }
#nav ul li:hover ul li a { color:#FF0000; }
body.company li#company a, body.portfolio li#portfolio a, body.services li#services a, body.contact li#contact a {color: #FE7F00;}

/* Home Page Jquery */
#jquery {float: left; width: 980px; border-top: 7px #232323 solid; margin-top: 25px; clear: both;}
/*Home Page - Content */
body#home #content { float:left; width: 980px; padding: 20px 0px; margin-top: 25px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF; }
#left-copy {float: left; width: 305px; margin-right: 36px; }
.home-photo {
	float: left;
	width: 170px;
	padding: 12px 12px 5px 12px;
	background: #151d36;
	border: 1px #D8D8DA solid;
	margin-top: 8px;
	margin-right: 17px;
	margin-bottom: 20px;
}
.home-photo.last {margin-right: 0px;}
.home-photo p { font-family: "myriad-pro-condensed",sans-serif; font-style: normal; font-weight: 400;margin-top: 5px; margin-bottom: 0px; color: #d4d4d4; font-size: 90%; text-transform: uppercase;}
p.button { float: right; font-size: 80%; }
p.button a { background: #232323;color: #FFFFFF; text-transform:uppercase; text-decoration: none; padding: 8px 10px;}
p.button a:hover {background: #000; color: #E4E4E4;}

/*Sub Pages - Content */
body#sub #content { float:left; width: 900px; padding: 40px; margin-top: 25px; border-top: 15px #232323 solid; border-bottom: 1px solid #CCCCCC;box-shadow: inset 0 1px 0 #F1F1F1, 0 1px 0 #FFFFFF; }
#copy { float: left; width: 425px;}
#main-photo {
	float: left;
	width: 412px;
	padding: 15px;
	background: #151d36;
	border: 1px #D8D8DA solid;
	margin-left: 30px;
}
#main-photo p { margin-top: 10px; color: #d4d4d4;}

/*Portfolio Styles*/
#portfolio-subcol {
	float: left;
	width: 220px;
	margin-right: 25px;
	color: #d4d4d4;
}
ul#portfolio-subnav {margin-bottom: 40px;}
ul#portfolio-subnav li { box-shadow:0 0 0 1px #FFFFFF, 0 0 0 2px #CCCCCC; margin-bottom: 3px; padding: 12px 15px;}
ul#portfolio-subnav li:hover {background:#151d36;}
ul#portfolio-subnav li a {
	text-decoration: none;
	color: #d4d4d4;
	text-transform: uppercase;
	font-family: "myriad-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 300;
}
body.plaza ul#portfolio-subnav li.plaza-page a, body.emperio ul#portfolio-subnav li.emperio-page a, body.geox ul#portfolio-subnav li.geox-page a, body.michaelangelo ul#portfolio-subnav li.michaelangelo-page a, body.trump ul#portfolio-subnav li.trump-page a, body.angelo ul#portfolio-subnav li.angelo-page a {color: #FE7F00;}
#portfolio-subcol h3 { padding-left: 15px; text-transform: uppercase;}
#portfolio-subcol p {padding-left: 15px;}
/* Footer */
#footer { float: left; width: 920px; padding: 30px; margin-top: 40px; background: #232323; color:#D8D8D8; font-size: 70%; line-height: 130%;}
#footer a { color: #D8D8D8;}
#footer a:hover { text-decoration: none;}
p.left { float: left; }
p.right { float: right; text-align: right;}
#footer img.right {float: right; margin-left: 15px; margin-top: 3px;}