@import url("reset.css");

body {background:#000;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;}
#container {width:960px;margin:20px auto;}



/* HEADER */

#header {width:950px;padding:20px 5px;}
#logo {width:209px;height:42px;float:left;}
#nav {width:441px;float:left;height:20px;padding:17px 0 0 195px;}

#nav ul {list-style:none;margin:0;padding:0;z-index:2;position:absolute;}
#nav li {float:left;line-height:1.25em;margin-bottom:-1px;margin-right:-1px;position:relative;}
#nav li ul {left:-9999em;position:absolute;border-top:10px solid #000;}
#nav li ul ul {left:-9999em;margin-left:201px;top:0;}
#nav li a {display:block;height:20px;overflow:hidden;text-decoration:none;text-indent:-999px;width: 200px;cursor:pointer;}	
#nav li a:hover { background-position: 0 -20px !important;}	

#nav ul li#home a {background:url(../images/nav/home.gif) no-repeat 0 0;width:58px;}
#nav ul li#studio-profile a {background:url(../images/nav/studio-profile.gif) no-repeat 0 0;width:104px;}
#nav ul li#services a {background:url(../images/nav/services.gif) no-repeat 0 0;width:71px;}
#nav ul li#awards a {background:url(../images/nav/awards.gif) no-repeat 0 0;width:68px;}
#nav ul li#projects a {background:url(../images/nav/projects.gif) no-repeat 0 0;width:70px;}
#nav ul li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:70px;}
#nav ul li#testimonials a {background:url(../images/nav/testimonials.gif) no-repeat 0 0;width:95px;}


#nav li ul a {background:#111!important;border:1px solid #222;color:#bbb;display:block;font-size:1.1em;height:auto;text-decoration:none;text-indent:0;padding:5px 5px 5px 13px;	width:220px!important;}	
#nav li ul a:hover { background-color:#181818!important;color:#ee820d;}	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-9999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}



/* CONTENT */

#content {background:#1d1d1d;padding:5px;width:950px;}
#flash-container {width:630px;margin:0 5px 0 0;float:left;height:400px;background:#111;}
#flash {}
#home-copy {width:305px;float:left;background:url(../images/bg-home-copy.jpg) no-repeat 0 0;height:360px;padding:20px 10px 20px 0;}

#feature-image {width:315px;float:left;height:400px;}
#inner-copy {float:left;width:605px;height:400px;}
#inner-copy div#text {padding:15px 15px 0 0;}



/* FOOTER */

#footer {color:#1d1d1d;font-size:1.1em;padding:10px 0;width:960px;}
#footer p {padding:5px;color:#333;font-size:0.8em;}
.wf-logo {float:right;}



/* TEXT STYLES */

body#p-home h1 {background:url(../images/titles/welcome.gif) no-repeat 0 0;height:25px;display:block;}
body#p-studio-profile h1 {background:url(../images/titles/studio-profile.gif) no-repeat 0 0;height:25px;display:block;}
body#p-services h1 {background:url(../images/titles/services.gif) no-repeat 0 0;height:25px;display:block;}
body#p-resort-fitouts h1 {background:url(../images/titles/resort-fitouts.gif) no-repeat 0 0;height:25px;display:block;}
body#p-retail-design-commercial-interiors h1 {background:url(../images/titles/retail-design-commercial-interiors.gif) no-repeat 0 0;height:25px;display:block;}
body#p-tenancy-coordination h1 {background:url(../images/titles/tenancy-coordination.gif) no-repeat 0 0;height:25px;display:block;}
body#p-awards h1 {background:url(../images/titles/awards.gif) no-repeat 0 0;height:25px;display:block;}
body#p-projects h1 {background:url(../images/titles/projects.gif) no-repeat 0 0;height:25px;display:block;}
body#p-contact h1 {background:url(../images/titles/contact.gif) no-repeat 0 0;height:25px;display:block;}
body#p-testimonials h1 {background:url(../images/titles/testimonials.gif) no-repeat 0 0;height:25px;display:block;}

h2.project-description {background:url(../images/titles/project-description.gif) no-repeat 0 0;height:25px;display:block;margin:0 0 1em 0; text-indent: -9999px;}
h2.image-gallery {background:url(../images/titles/image-gallery.gif) no-repeat 0 0;height:25px;display:block;margin:0 0 1em 0; text-indent: -9999px;}

h1 {margin:0 0 1em 0;text-indent:-999px;overflow:hidden;}
body#projects h2 {text-indent:-999px;overflow:hidden;}

h2 {color:#f1761b;font-weight:bold;font-size:1.4em;margin:0 0 1em 0;}
h3 {color:#fff;font-weight:bold;font-size:1.4em;margin:0 0 1em 0;}
h4 {color:#c8c8c8;font-weight:bold;font-size:1.2em;margin:0 0 1em 0;}
h5 {color:#c8c8c8;font-weight:bold;font-size:1.2em;}

p {margin:0 0 1em 0;color:#c8c8c8;font-size:1.1em;line-height:1.8em;}
a {color:#f1761b;}

body#p-home p { line-height: 1.6em; }

#home-copy ul { margin-bottom: 10px; }
#home-copy ul li {font-size:1.1em;color:#c8c8c8;line-height:1.8em;padding:0 0 0 15px;background:url(../images/core/arrows.gif) no-repeat 3px 7px;}

.contentwrapper ol li, #text ol li {color:#c8c8c8; list-style:disc; font-size:1em; margin-left:15px; padding:3px; line-height:1.4em; }
.contentwrapper ol, #text ol { margin:2px 0 15px 0; }
#enquiry-form ol li {list-style:none; padding:0; margin:0; color: #808080; font-size: 11px; }



/* PROJECTS */
#project-nav {width:210px;padding:15px 15px 0 10px;float:left;}
#project-nav ul#navigation {width:210px;font-size:1.2em;border-top:1px solid #444;}
#project-nav ul#navigation a.head {font-weight:bold;border-bottom:1px solid #444;}
#project-nav ul#navigation li {display:inline; }
#project-nav ul#navigation li a {color:#fff;padding:5px 25px;display:block;text-decoration:none;background:url(../images/core/arrows.gif) no-repeat 8px 8px;}
#project-nav ul#navigation li ul {border-bottom:1px solid #444; height: 210px; padding-bottom: 0.3em; }
#project-nav ul#navigation li a:hover {background:#333;color:#fff;}
#project-nav ul#navigation a.selected {background:#000 url(../images/core/arrow-down.gif) no-repeat 8px 8px!important;}
#project-nav ul#navigation a.current {background:#f1761b url(../images/core/arrow-black.gif) no-repeat 8px 8px!important;color:#000;}

#project-description {width:225px;padding:15px 10px 15px 5px;float:left;}
#project-description p {padding:0 0 0 8px;}
#project-description h3 {color:#f1761b;font-weight:bold;font-size:1.2em;padding:6px 8px;margin:0 0 1em 0;background:#000;}

#project-gallery {width:470px;padding:15px 0 0 5px;float:left;}
#project-gallery .gallery-image {width:470px;height:316px;background:#000;}
#project-gallery .gallery-image img {padding:5px;}
#gallery-navigation {padding:3px 0 0 0;}
#gallery-navigation a {display:block;float:left;padding:5px;font-size:1.2em;background:#000;margin:0 3px 0 0;text-decoration:none;}
#gallery-navigation a:hover {background:#0d0d0d;color:#ff903e;}



/* TESTIMONIALS */
#testimonials-nav {
	float: left;
	width: 200px;
	margin: 3px 15px 0 0;
}

#testimonials-nav li a { color:#fff;padding:5px 25px;display:block;text-decoration:none;background:url(../images/core/arrows.gif) no-repeat 8px 8px; width: 150px; text-align:left; }
#testimonials-nav li.ui-tabs-selected a { background-color:#000 !important; }

#testimonials-container div {
	float: left;
	width: 370px;
}

#testimonials-container div p, 
#testimonials-container div li {
	line-height: 14px !important;
	color: #C8C8C8;
}

#testimonials-container div ul {
	margin-left: 30px;
	list-style: disc;
	margin-bottom: 15px;
}





/* CONTACT */

#contact-info {float:left;width:605px;}
#contact-info ul li {display:block;float:left;width:200px; height: 300px;}



/* CLEARFIX */

.clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */