/*
Theme Name: Starkers
Theme URI: http://www.lanterra.com
Author: David Turton
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@charset "utf-8";
/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body {background-color:#111108;}
body {background-color:#111108; font-family:"san serif", Calibri, Tahoma, Arial, Helvetica, sans}

a {color: #555555;}
a:hover {color:#302f2f;}

p { font-size:13px; font-weight:normal; color:#555555; line-height:1.3em}
p.mediacontact { font-size:13px; font-weight:normal; color:#555555; line-height:1.6em; position: absolute; top:80px; left: 10px;}
p.mediacontact span {color: #A4882F;}
p.mediacontact span.mediacontactname {color:#333333; font-weight: bold;}

h1 { font-size:18px; font-weight:normal; color:#555555}
h2 { font-size:14px; font-weight:normal; color:black;}
h3 { font-size:12px; font-weight:normal; color:black;}

.text_bold { font-weight:bold; color:#333333}
a.text_bold {text-decoration: none;}
a:hover.text_bold {text-decoration: underline;}
.text_gold { color:#A4882F}
.text_blue { color:#528BC6}
.text_pink { color:#FF00FF}
.date { color:#5588CC}


/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:970px; float:left; padding-bottom:107px}

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:970px; float:left; background:#FFFFFF}

/*
---------------------------------------------
04. header
---------------------------------------------
*/

#header { width:970px; height:410px; float:left}

/*
---------------------------------------------
04.1 header - header image and welcome text
---------------------------------------------
*/

.photo_header { float:left}

.welcome { width:288px; float:left; padding-left:38px; padding-top:90px}
.welcome p { line-height:1.5em; padding-top:27px}


/*
---------------------------------------------
05. content
---------------------------------------------
*/


#content { width:970px; float:left;min-height: 550px;}
#content-home { width:970px; float:left;}


/*
---------------------------------------------
05.1 content - logo
---------------------------------------------
*/


.logo { float:left; margin-top:-38px; position:relative}


/*
---------------------------------------------
06. rightpanel
---------------------------------------------
*/


#rightpanel { width:736px; float:left; padding-left:9px}


/*
---------------------------------------------
06.1 rightpanel - homepage navigation
---------------------------------------------
*/


#nav { width:720px; float:left; padding:48px 0; padding-left:16px}
#nav ul li { float:left; padding:0 7px}
#nav ul li a { height:20px; float:left; display:block;background: transparent url(style/images/home_nav.png); text-indent:-9999px;}

#nav ul li a.home {width:46px; background-position: 0 0; }
#nav ul li a.home:hover {}
#nav ul li a.home_selected {width:46px; background-position: 0 -24px; }

#nav ul li a.aboutus {width:73px; background-position: -59px 0; }
#nav ul li a.aboutus:hover {background-position:-59px -24px; }

#nav ul li a.capabilities {width:94px; background-position:-144px 0; }
#nav ul li a.capabilities:hover { background-position:-144px -24px;}

#nav ul li a.specialtymarkets {width:143px; background-position:-250px 0; }
#nav ul li a.specialtymarkets:hover {background-position:-250px -24px;}

#nav ul li a.projects {width:67px; background-position:-402px 0; }
#nav ul li a.projects:hover {background-position:-402px -24px; }

#nav ul li a.news {width:110px; background-position:-479px 0; }
#nav ul li a.news:hover { background-position:-479px -24px;}

#nav ul li a.contactus {width:89px; background-position:-601px 0; }
#nav ul li a.contactus:hover { background-position:-601px -24px;}


/*
---------------------------------------------
06.2 rightpanel - news and events
---------------------------------------------
*/


#newsandevents { width:736px; float:left}

.buttonlist { width:736px; float:left}
.button_back { float:left; padding-right:10px}

.line { width:708px; float:left; background:url(style/images/bg_line.gif) repeat-x center}
.line a { float:right; font-size:12px; font-weight:normal; color:#5588CC; text-decoration:none; background:#FFFFFF; text-align:right; padding: 0px 10px}

.button_next { float:left} 


.set_news { width:210px; float:left; padding:15px 15px 30px 20px}
.set_news p { font-size:11px}


/*
---------------------------------------------
07. footer styles
---------------------------------------------
*/


#footer { width:935px; float:left; background:#AA8833; padding:10px 25px 20px 10px;margin-top:5px}

#footer p { font-size:13px; color:#FFFFFF; text-align:right; position:relative}
#footer p a:link, #footer p a:visited { color:#FFFFFF; text-decoration:none}
#footer p a:hover { color:#FFFFFF; text-decoration:underline}


/*
---------------------------------------------
08. header innerpage
---------------------------------------------
*/

#header-inner { width:970px; height:100px; float:left}

.goldbar_aboutus { width:81px; height:100px; float:left; background:#A4882F}
.goldbar_capabilities { width:105px; height:100px; float:left; background:#A4882F}
.goldbar_lanterra { width:150px; height:100px; float:left; background:#A4882F; margin-left:-3px}
.goldbar_projects { width:77px; height:100px; float:left; background:#A4882F}
.goldbar_news { width:120px; height:100px; float:left; background:#A4882F; margin-left:-1px}
.goldbar_contactus { width:98px; height:100px; float:left; background:#A4882F; margin-left:-121px}


/*
---------------------------------------------
09. logo - innerpage
---------------------------------------------
*/


.logo_inner {  margin-top:-32px; position:absolute}


/*
---------------------------------------------
10. nav - innerpage
---------------------------------------------
*/


#nav_inner { width:715px; height:90px; float:left; padding-top:22px }
#menu-main-nav {}
#nav_inner ul li { float:left; padding:0 7px}
#nav_inner ul li.page-item-6 { padding-left:0}
#nav_inner ul li a { height:21px; float:left; text-indent: -9999px; background: transparent url(style/images/new_nav.png) no-repeat}

#nav_inner ul li#menu-item-225 {padding-left:0;}
#nav_inner ul li#menu-item-225 a { width:45px; background-position: 0 0; }
#nav_inner ul li#menu-item-225 a:hover {background-position: 0 -21px; }



#nav_inner ul li#menu-item-212 a {width: 72px; background-position: -60px 0}
#nav_inner ul li#menu-item-212 a:hover {background-position: -60px -21px }
#nav_inner ul li#menu-item-212.current-menu-item a, .pageid-11 #nav_inner ul li#menu-item-212 a { width:81px; background: #A4882F url(style/images/current_nav.png) no-repeat -55px bottom;  margin-left: -2px; padding-top: 62px;margin-top:-23px; }


#nav_inner ul li#menu-item-223 a {width: 92px; background-position: -145px 0}
#nav_inner ul li#menu-item-223 a:hover { background-position: -145px -21px;}
#nav_inner ul li#menu-item-223.current-menu-item a{ width:105px; background:#A4882F url(style/images/li_capabilities_selected_in.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; margin-left:-6px; position:relative}



#nav_inner ul li#menu-item-224 a { width:139px; background-position: -251px 0; }
#nav_inner ul li#menu-item-224 a:hover { background-position: -251px -21px}
#nav_inner ul li#menu-item-224.current-menu-item a, #nav_inner ul li#menu-item-224.current-page-ancestor a { width:139px; background: #A4882F url(style/images/current_nav.png) no-repeat -246px bottom; padding-top:62px; margin-top:-23px; position:relative; margin-left: 2px; padding-left: 11px}


#nav_inner ul li#menu-item-318 a { width:65px; background-position: -403px 0}
#nav_inner ul li#menu-item-318 a:hover { background-position: -403px -21px}
#nav_inner ul li#menu-item-318.current-menu-item a {background-position: 0 0; width:77px; background:#A4882F url(style/images/li_projects_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative; margin-left: 0px}
.Multi-Family #nav_inner ul li#menu-item-318 a, .Residential #nav_inner ul li#menu-item-318 a , .Commercial #nav_inner ul li#menu-item-318 a  {background-position: 0 0; width:77px; background:#A4882F url(style/images/li_projects_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative; margin-left: 0px}


#nav_inner ul li#menu-item-319 a { width:108px; background-position: -480px 0;}
#nav_inner ul li#menu-item-319 a:hover { background-position: -480px -21px;}
#nav_inner ul li#menu-item-319.current-menu-item a { width:120px; background:#A4882F url(style/images/li_news_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative; margin-left: 0}


#nav_inner ul li#menu-item-216 a { width:85px; background-position: -601px 0}
#nav_inner ul li#menu-item-216 a:hover { background-position: -601px -21px}
#nav_inner ul li#menu-item-216.current_page_item a { width:98px; background:#A4882F url(style/images/li_contactus_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative; margin-left: 0}



/*
---------------------------------------------
11. right panel innerpage
---------------------------------------------
*/

#leftpannel-inner {width:180px;  float: left; margin-top: 80px; overflow: hidden }
#leftpannel-inner p {color: black;}
#rightpanel-inner {width:665px; float:right; margin-right: 61px; padding-bottom:40px}
#rightpanel-inner p { line-height:1.5em; padding-bottom:20px}
#rightpanel-inner p a.contact { color:#FFFFFF; text-decoration:none; background:#528BC6; padding:3px} 

#rightpanel-inner h1.projectspot { border-bottom:1px solid #BBBBBB; padding-bottom:8px; margin-bottom:15px; font-weight: bold; text-indent: -9999px; 
background: url(style/images/project_spotlight.gif) no-repeat; height: 23px; width: 133px;}


.leftcontent { width:320px; float:left; padding-right:30px}
.leftcontent p { padding-bottom:20px}


.rightphotolist { width:300px; float:right;}
#rightpanel-inner .rightphotolist h1 {color: #a4882f; border-bottom: 0 !important; padding-bottom: 0; font-family: Arial; font-weight: normal; margin-bottom: 10px;}
#rightpanel-inner .rightphotolist h2 {color: #a4882f; line-height: 19px;}
.rightphoto { float:left; padding-bottom:10px}
#rightpanel-inner .rightphotolist img {padding: 1px; border: 1px solid #bfbfbf;}

.currentprojects {width: 665px; border-bottom: 1px solid #dddddd; overflow: hidden; padding-bottom: 10px;padding-top: 10px;}
.currentprojects img.project {float: right;}
.currentprojects .info {float: left; width: 310px;}
.currentprojects h2 {font-weight: bold; color: #a4882f; font-size: 16px;margin-bottom: 4px;}
.currentprojects h3 {color: #555555; font-size: 13px;}
.currentprojects img {padding: 1px; border: 1px solid #bfbfbf;}

#inprogressprojects { width:665px; float:left; margin-top:-20px}

/*
---------------------------------------------
12. Capabilities Page
---------------------------------------------
*/

ul.capabilities col1 {
	list-style:hiragana;	
}

ul.capabilities li {
	color: #555555;
	font-size: 13px;
}

/*
---------------------------------------------
13. News Page
---------------------------------------------
*/
span.postdate {color:#5588cc; font-size: 13px;}
#rightpanel-inner.news {margin-top: 5px}
.news a {color: #333333; text-decoration: none; font-size: 14px; margin-left: 5px; text-transform: uppercase; }
.news a:hover {color: #333333; text-decoration: underline; }
.news p a {text-decoration: underline;}
#rightpanel-inner .news p {border-bottom: 1px solid #BBBBBB; padding-bottom: 10px;}

ul.breadcrums {padding-bottom: 10px; border-bottom: 1px solid #BBBBBB;clear: both;height: 20px;}
ul.breadcrums li a {color:#5588CC; font-size:13px;}
ul.breadcrums li {float: left;}
ul.breadcrums li.print {float: right;}


/*
---------------------------------------------
14. Capabilities Page
---------------------------------------------
*/

.col1 {
	width: 300px;
	float: left;
}

.col2 {
	width: 300px;
	float: left;
	margin-bottom: 30px;
}

.col1 ul, .col2 ul {
	list-style:disc;
	margin-bottom: 5px;
}

.col1 ul li, .col2 ul li {
	margin-left: 15px;
	padding: 3px 0;
}

ul.capabilities2 {list-style:disc; margin-bottom:15pxpx; margin-left:25px; color:#555555;font-size:13px;}


/*
---------------------------------------------
14. Contact Page
---------------------------------------------
*/

img.map {float: right;}
div#contactinfo {float: left;}
div#contactinfo p {border-bottom: 1px solid #BBBBBB; padding: 10px 0;}
div#contactinfo p.lastitem {border-bottom: 0; padding: 10px 0;}

/*
---------------------------------------------
15. Categories Menu
---------------------------------------------
*/

div.breadcrums {margin-bottom:30px;}
div.breadcrums a {color: #555555; text-decoration: none;}
div.breadcrums span {color: #a4882f;}

li.categories {text-indent: -9999px;}

.category ul {margin-top: 50px;}
.category ul li {padding-left: 10px; border-top: 1px solid #cccccc;}
.category ul li a {text-indent: -9999px; display: block; background: url(style/images/categories_sprites.gif) no-repeat top left; margin: 10px 0 10px 10px;}

.category ul li.cat-item-5 a {background-position: 0 0; height: 16px;}
.categories ul li.cat-item-5 a:hover {background-position: 0 -66px; height: 16px;}
#commercial ul li.current-cat a {background-position: 0 -66px; height: 16px;}


.category ul li.cat-item-6 a {background-position: 0 -132px; height: 16px;}
.category ul li.cat-item-6 a:hover {background-position: 0 -198px; height: 16px;}
#industrial ul li.current-cat a {background-position: 0 -198px; height: 16px;}

.category ul li.cat-item-7 a { background-position: 0 -400px; height: 16px;}
.category ul li.cat-item-7 a:hover {background-position: 0 -469px; height: 16px;}
#multifamily ul li.current-cat a {background-position: 0 -469px; height: 16px;}


	
.sprite-inprogress_off { background-position: 0 -264px; } 
.sprite-inprogress_on { background-position: 0 -332px; } 
.sprite-multifamily_off { background-position: 0 -400px; } 
.sprite-multifamily_on { background-position: 0 -469px; } 
.sprite-residential_off { background-position: 0 -538px; } 
.sprite-residential_on { background-position: 0 -603px; } 

/*
---------------------------------------------
16. Specialty Markets
---------------------------------------------
*/

ul#menu-specialy-markets-menu {margin-left:5px;}
ul#menu-specialy-markets-menu  li {padding:5px 0;border-bottom:1px solid #cccccc;}
ul#menu-specialy-markets-menu  li a { background: transparent url(style/images/specialty-market.png) no-repeat; height: 21px; display: block; text-indent: -9999px; }
ul#menu-specialy-markets-menu  li#menu-item-243 a {background-position: 0 0 }
ul#menu-specialy-markets-menu  li#menu-item-243 a:hover {background-position: 0 -84px }
ul#menu-specialy-markets-menu  li#menu-item-243.current-menu-item a {background-position: 0 -84px }

ul#menu-specialy-markets-menu  li#menu-item-242 a {background-position: 0 -21px }
ul#menu-specialy-markets-menu  li#menu-item-242 a:hover {background-position: 0 -105px }
ul#menu-specialy-markets-menu  li#menu-item-242.current-menu-item a {background-position: 0 -105px }

ul#menu-specialy-markets-menu  li#menu-item-241 a {background-position: 0 -42px }
ul#menu-specialy-markets-menu  li#menu-item-241 a:hover {background-position: 0 -126px }
ul#menu-specialy-markets-menu  li#menu-item-241.current-menu-item a {background-position: 0 -126px }

ul#menu-specialy-markets-menu  li#menu-item-245 a {background-position: 0 -63px}
ul#menu-specialy-markets-menu  li#menu-item-245 a:hover {background-position: 0 -147px}
ul#menu-specialy-markets-menu  li#menu-item-245..current-menu-item a {background-position: 0 -147px}


/*
---------------------------------------------
17. New Projects Page
---------------------------------------------
*/
.project{overflow:hidden; border-bottom:1px solid #ccc; padding:20px 0;clear: both; width: 660px;}
.project h2 {font-size:16px;font-weight:bold;color: #555555}
.project ul {width:340px;}
.project ul li {color: #555555; font-size:13px;} 

.project-info {width:350px;float:left;}

.slideshow {width:300px; float:left;}
.slideshow img {border:1px solid #BFBFBF; padding:2px; }
.slideshow ul#slides-cycle li a span {display:block; background: transparent url(style/images/view_more.gif) no-repeat right center; font-size:12px;  width:80px; margin-bottom:2px; float:right; margin-right:35px;}

ul#menu-projects-menu { margin-left:5px; width:86px; }
ul#menu-projects-menu  li {height:17px;padding:5px 0;border-bottom:1px solid #cccccc;}
ul#menu-projects-menu  li a { background: transparent url(style/images/projects.png) no-repeat; height: 17px; display: block; text-indent: -9999px;   }
ul#menu-projects-menu  li#menu-item-251 a {background-position: 0 0 }
ul#menu-projects-menu  li#menu-item-251 a:hover {background-position: 0 -58px }
ul#menu-projects-menu  li#menu-item-251.current-menu-item a {background-position: 0 -58px }

ul#menu-projects-menu  li#menu-item-252 a {background-position: 0 -18px }
ul#menu-projects-menu  li#menu-item-252 a:hover {background-position: 0 -76px }
ul#menu-projects-menu  li#menu-item-252.current-menu-item a {background-position: 0 -76px }

ul#menu-projects-menu  li#menu-item-253 a {background-position: 0 -39px }
ul#menu-projects-menu  li#menu-item-253 a:hover {background-position: 0 -97px }
ul#menu-projects-menu  li#menu-item-253.current-menu-item a {background-position: 0 -97px }

/*
---------------------------------------------
18. Menu About
---------------------------------------------
*/

ul#menu-about-menu {margin-left:5px;}
ul#menu-about-menu li {height:17px;padding:5px 0;border-bottom:1px solid #cccccc; width:122px;}
ul#menu-about-menu li a {background: transparent url(style/images/lanterra_team.png) no-repeat; height: 17px; display: block; text-indent: -9999px;}
ul#menu-about-menu li#menu-item-329 a {background-position: 0 0;}
ul#menu-about-menu li#menu-item-329 a:hover {background-position: 0 -21px;}
ul#menu-about-menu li#menu-item-329.current-menu-item a {background-position: 0 -21px;}