/*   
Theme Name: SEP 2012 THEME 
Theme URI: http://www.seproducts.com.au
Description: SEP WordPress theme 
Author: Mateusz Michalik
Author URI: http://www.thehonch.net
Version: 2012
*/

/** GENERAL **/
html { width:100%; height:100%; }
body { width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000; }
#content { width:100%; background:#fff; }

/** HEADER **/
#header { width:915px; height:140px; margin:0 auto; position:relative; z-index:999; }
#logo-se { background:url(images/sep-logo.jpg) no-repeat; width:64px; height:76px; position:absolute; top:30px; left:0; }

/** NAV **/
#nav { position:absolute; right:0; top:30px; }
#nav li { float:left; display:inline; }
.nav-btn { height:40px; }
#nav-seproducts { background:url(images/nav-seproducts.gif); width:156px; }
#nav-secreative { background:url(images/nav-secreative.gif); width:160px; }
#nav-theteam { background:url(images/nav-theteam.gif); width:158px; }
#nav-ourclients { background:url(images/nav-ourclients.gif); width:158px; }
#nav-contactus { background:url(images/nav-contactus.gif); width:157px; }

/** SUBNAV **/
#subnav-sep { position:absolute; display:none; }
.subnav-btn { height:35px; }
#subnav-about { background:url(images/nav-seproducts-about.gif); width:156px; }
#subnav-wholesale { background:url(images/nav-seproducts-wholesale.gif); width:160px; }
#subnav-retail { background:url(images/nav-seproducts-retail.gif); width:158px; }
#subnav-strategic { background:url(images/nav-seproducts-strategic.gif); width:158px; }

/** CONTENT **/
#content-top { border-bottom:1px solid #bdbdbd; padding-bottom:20px; float:left; width:915px; }
#content-bottom { border-top:1px solid #dbdbdb; padding-top:30px; clear:both; float:left; width:915px; }
#content-left { width:420px; float:left; padding-right:30px; }
#content-right { width:450px; float:right; }
#sep-video-btn-a { top:110px; right:110px; }
#sep-video-btn-b { top:295px; right:385px; }
.sep-video-btn { 
	background:url(images/seproducts-retail-btn.jpg) no-repeat top center; display:block; position:absolute;
	color:#fff; text-decoration:none; text-align:center; width:180px; height:80px; font-size:16px; 
	padding-top:75px;
}

/** HOME **/
#slider { margin:0 0 30px -21px; position:relative; background:url(images/home-slider-bg.jpg); width:948px; height:404px; }
.slider-btn { width:45px; height:46px; position:absolute; top:200px; }
#btn-slider-prev { background:url(images/home-slider-btn-l.gif); left:-37px; }
#btn-slider-next { background:url(images/home-slider-btn-r.gif); right:-37px; }
#slides { position:absolute; bottom:0; left:20px; z-index:555; overflow:hidden; width:911px; height:432px; }
#slides img { position:absolute; display:none; top:0; left:0; }
#home-left { width:660px; float:left; }
#home-left h1 { 
	width:600px; margin-bottom:37px; font-family:'Play', sans-serif;
	color:#000; font-size:20px; font-weight:bold; margin-bottom:20px; 
}
#home-left p { font-size:14px; line-height:22px; }
#home-right { width:220px; float:right; }
#btn-home-wholesale { background:url(images/home-btn-wholesaler.jpg); width:213px; height:173px; }
#slide-nav { width:270px; height:14px; position:absolute; bottom:-5px; left:377px; z-index:5000; text-align:center; }
#slide-nav a { 
	background:url(images/home-slider-dot.gif) no-repeat; width:13px; height:13px; background-position:top; 
	display:inline-block; float:left; text-indent:-999em; margin:0 11px 0 0;
}
#slide-nav a.activeSlide { background-position:bottom; }

/** CONTACT **/
#contact-top { border-bottom:1px solid #bdbdbd; padding-bottom:30px; height:250px; }
#contact-info { width:350px; float:left; margin-bottom:20px; }
#contact-map { background:url(images/contactus-map-bg.gif); width:476px; height:247px; float:left; position:relative; clear:both; margin-left:-20px; }
#contact-map iframe { position:absolute; top:0; left:27px; }
#contact-bottom { border-top:1px solid #dbdbdb; padding-top:30px; height:500px; }
#contact-form-info { width:450px; float:left; }
#contact-form { width:450px; float:right; }
.gform_fields li { background:url(images/contactus-input-bg.gif) no-repeat; width:433px; height:48px; margin-bottom:10px; }
.gform_fields li#field_1_5 { background:url(images/contactus-textarea-bg.gif) no-repeat; width:433px; height:178px; margin-bottom:10px; }
.gform_fields li label { float:left; font-weight:bold; color:#363636; font-size:14px; line-height:48px; text-indent:20px; margin-right:20px; }
.gform_fields li.gfield_error label { color:#900; }
.gform_fields li input { 
	float:left; background:none !important; height:48px; line-height:48px; 
	font-size:14px; font-weight:normal; color:#999; width:250px; border:none !important;
}
.gform_fields li textarea { 
	float:left; clear:both; border:none !important; width:390px; margin:0 0 0 20px; height:110px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; resize:none !important;
}
.gform_image_button { float:right; clear:both; margin:0 15px 0 0; }
.validation_error { font-size:14px; font-weight:bold; color:#900; margin:0 0 10px 0; }
.validation_message { display:none; }
#gforms_confirmation_message { font-size:14px; margin:0 0 20px 0; }

/** SEP - WHOLESALE **/
#se-about-btns { width:925px; }
#se-about-btns li { float:left; display:inline; }
#se-about-btns li a { width:226px; height:153px; margin-right:3px; }
#btn-sep-wholesale { background:url(images/seproducts-about-btn-a.jpg); }
#btn-sep-retail { background:url(images/seproducts-about-btn-b.jpg); }
#btn-sep-strategic { background:url(images/seproducts-about-btn-c.jpg); }
#btn-sep-secreative { background:url(images/seproducts-about-btn-d.jpg); }

/** SEP - RETAIL **/
#content-retail { background:url(images/seproducts-retail-bg.jpg) no-repeat; width:915px; height:410px; position:relative; }
#content-retail-text { position:absolute; top:0; left:0; width:460px; }
#content-retail-logos { position:absolute; bottom:0; left:0; }

/** SE CREATIVE **/
#content-secreative-folio { 
	border-bottom:1px solid #bdbdbd; border-top:1px solid #dbdbdb; padding-top:30px; 
	float:left; width:915px; padding-bottom:30px;
}
#content-secreative-folio ul li { 
	float:left; display:inline-block; margin:0 13px 13px 0; width:170px; height:130px; background:#000; 
}
#folio-image-more { display:none; }
.secreative-col { float:left; width:210px; font-size:14px; color:#636466; padding-right:25px; }
.secreative-col li { margin-bottom:5px; }

/** THE TEAM **/
.team-list li { margin-bottom:50px; }

/** PRE FOOTER **/
#prefooter { background:url(images/footer-pre-bg.gif) repeat-x; height:116px; position:relative; margin-top:45px; }
#prefooter .inner { background:url(images/footer-pre-bg-main.gif) no-repeat top center; width:920px; height:116px; }
#prefooter .inner p { position:absolute; top:3px; width:920px; text-align:center; font-style:italic; color:#000; font-size:12px; }
#prefooter .inner ul { position:absolute; top:41px; }
#prefooter .inner ul li { float:left; display:inline; }

/** FOOTER **/
#footer { background:url(images/footer-bg.jpg) no-repeat top center; width:100%; height:500px; color:#fff; }
#footer p, #footer a { color:#f8f8f8; text-shadow:0 1px 0 #000; font-size:12px; line-height:22px; }
#footer a { line-height:15px; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul li { margin-bottom:10px; }
#footer .inner { padding-top:30px; }
#footer .inner div { float:left; height:145px; padding-top:5px; }
#logo-footer { background:url(images/footer-sep-logo.gif); width:40px; height:49px; margin-bottom:23px; }
#footer-col-1, #footer-col-2 { border-right:1px solid #6e6e6e; padding-right:45px; margin-right:45px; }

/** CLASSES **/
.clear { clear:both; }
.button{ display:block; text-indent:-999em; background-position:top; background-repeat:no-repeat !important; }
.button:hover, .button.active { background-position:bottom !important; }
.inner { width:915px; margin:0 auto; position:relative; }
.title { 
	width:913px; height:66px; display:block; margin-bottom:20px; background:url(images/title-bg.jpg); 
	line-height:66px; color:#fff; font-size:29px; font-family:'Play', sans-serif; font-weight:bold;
	text-indent:30px; text-shadow:0 2px 0 #000;
}
.noborder { border:hidden !important; border-style:none !important; }
.last { padding:0 !important; }

/** ELEMENTS **/
p { margin:0 0 10px 0; line-height:22px; font-size:14px; color:#636466; }
b, strong { font-weight:bold; }
h2 { font-family:'Play', sans-serif; text-transform:uppercase; color:#000; font-size:22px; font-weight:bold; margin-bottom:20px; }
h3 { 
	font-family:'Play', sans-serif; text-transform:uppercase; color:#000; font-size:16px; 
	font-weight:bold; margin-bottom:15px; line-height:28px;
}
h3 span { color:#939598; }
a { outline:none !important; }
input, textarea { outline:none !important; }