@charset "utf-8";

/*
Theme Name: Slarc Theme
Theme URI: http://www.slarc.com
Description: New theme for Smith LaRock's website to match new brochure as of 2009.
Version: 1.0
Author: Lorne Bourdo
Author URI: http://www.BourdoDesigns.com
*/


/***IE transparency support***/

img, div, a	{ behavior: url("http://www.slarc.com/wp-content/themes/slarc%20theme/js/iepngfix/iepngfix.php") }

/********************************/


/*************************************************
**			Wordpress Styles					**
*************************************************/
img						{ border:none; }
a img 					{ display:block; }
img.alignright 			{ float:right; margin:0 0 1em 1em }
img.alignleft 			{ float:left; margin:0 1em 1em 0 }
img.aligncenter 		{ display: block; margin-left: auto; margin-right: auto }
a img.alignright		{ float:right; margin:0 0 1em 1em }
a img.alignleft 		{ float:left; margin:0 1em 1em 0 }
a img.aligncenter 		{ display: block; margin-left: auto; margin-right: auto }

/** Blog Page **/
.postmetadata			{ margin:0 0 20px 0; }
/** Single Item Blog Pages **/
#comment				{ width:400px; height:75px; }
#comments				{ text-align:center; border-top-width:thick; border-top-color:#000000 }
.commentlist			{ list-style:none; padding:0; }
#commentform			{ text-align:left; margin:0 0 0 120px; }


{
	margin:0;
	padding:0;
}

body					{ font-family:Arial; font-size:12px; font-weight:bolder; background-color:#FFF; background-position:30px 0; text-align:center; color:#333; margin:0; padding:0; }

/* Links Formating Section */
a						{ font-weight:bold; color:#325041; text-decoration:underline; font-variant:small-caps; }
a:hover					{ background-image:url(Images/hover-grey-bg.png); color:#FFF; font-variant:small-caps; }

ul						{ margin-left:10px; }
li						{ mmargin-left:20px; }
ol li					{ margin-left:30px; }

html					{ overflow:auto; }

/* Character Formating Section */
h1 						{ font-size:400%; margin:0; }
h1,h2,h3,h4,h5,			{ color:#333; margin:0; }
h2						{ font-size:200%; margin:0; padding:0; }
h3						{ font-size:170%; }
h4						{ font-size:150%; padding:0; }
h5						{ font-size:16px; margin:10px 0 0; padding:10px 0 0; }
h6						{ font-size:10px; margin:0 0 0 0; padding:0; }
p						{ font-size:115%; margin:2px 0 0; padding:2px 0 8px; }

/*All #container divs for all pages.  Backgrounds specified below*/
#container				{ background-position:0 72px; background-repeat:no-repeat; position:relative; width:985px; height:600px; top:15px; border:0 solid #000; text-align:left; margin:0 auto; }

	.FirmProfile #container, .Contact #container 								{ background-image:url("Images/bg-Green.jpg"); }
	.Portfolio #container,.Links #container, .News #container, .Blog #container { background-image:url("Images/bg-Orange.jpg"); }
	.WhySLA #container, .default #container, .SinglePost #container				{ background-image:url("Images/bg-Yellow.jpg"); }
	.HumanFactors #container, .CaseStudies #container							{ background-image:url("Images/bg-Blue.jpg"); }
	.error #container															{ background-image:url("Images/bg-Yellow.jpg"); }

/* DistanceDesign TRADEMARK FORMATING */
.DistanceDesign			{ font-size:125%; font-style:italic; font-weight:bold; 

}

/*************************************************
**			#container content					**
*************************************************/
#header					{ position:relative; height:80px; width:975px; background:#FFF; padding:0; }
#headerlogo				{ background-image:none; position:absolute; background-color:transparent; top:4px; left:-29px; z-index:150; height:auto; width:auto; padding:32px 0 0; }

/*************************************************
**#navbar div for all pages.  Holds #NavMenu	**
*************************************************/
#navbar					{ height:24px; padding:0; position:absolute; right:0px; text-align:right; top:44px; width:750px; z-index:30; 
						/*for IE Only*/ _left:266px; _top:56px;  }

/***	#NavMenu div for all pages.				***/
#NavMenu h2				{ clear:both; padding-top:20px; }
#NavMenu ul				{ list-style:none; margin:0; padding:0; }
#NavMenu li				{ list-style-type:none; font-family:"Arial Narrow", Arial, sans-serif; font-size:15px; float:left; height:24px; text-align:center; overflow:hidden; border-left:solid #CCC 1px; text-transform:uppercase; margin:0; padding:0; }
#NavMenu li a			{ display:block; width:auto; height:100%; color:#343C38; text-decoration:none; background:url(../bg2.jpg) repeat-400px 0 0; }
#NavMenu li a:hover,#NavMenu li a:focus,#NavMenu li a:active { color:#343C38; }
#NavMenu a				{ background:url(Images/NavMenu/gradients.gif) no-repeat -127px 0; float:left; }
#NavMenu li,#NavMenu span,#NavMenu a { position:relative; float:left; }
#NavMenu span			{ display:block; float:left; height:24px; background:url(Images/NavMenu/gradients.gif) no-repeat; }

#NavMenu .one			{ border-left:0; }
#NavMenu .one a			{ width:90px; }
#NavMenu .one span		{ background-position:0 0; background-color:#B27253; }
#NavMenu .two a			{ width:125px; }
#NavMenu .two span		{ background-position:0 -24px; background-color:#325041; }
#NavMenu .three a		{ width:100px; }
#NavMenu .three span	{ background-position:0 -48px; background-color:#DDC067; }
#NavMenu .four a,#NavMenu .six a	{ width:115px; }
#NavMenu .four span		{ background-position:0 -72px; background-color:#B27253; }
#NavMenu .five a		{ width:150px; }
#NavMenu .five span		{ background-position:0 -96px; background-color:#63719f; }
#NavMenu .six span		{ background-position:0 -120px; background-color:#325041; }


/*************************************************
**				Recent Posts					**
*************************************************/
#NewsTitle				{ position:absolute; left:94px; top:501px; z-index:99; }
#RecentPosts			{ position:absolute; left:94px; top:518px; z-index:100; height:15px; width:517px; margin:0; padding:0; }
#RecentPosts ul			{ float:left; }
#RecentPosts li			{ margin-left:10px; display:inline; }
div.scrollWrapper		{ position:relative; overflow:hidden; width:100%; height:100%; }
div.scrollableArea		{ position:relative; width:auto; height:100%; text-decoration:none; }

.post-info				{ margin-left:5px; color:#CCCCCC; font-size:9px; }

/*************************************************
**	All #pagetitle divs for all pages.		**
*************************************************/
#pagetitle				{ position:absolute; left:0; top:100px; z-index:10; height:80px; width:618px; }

	/***Page specific titles specified below***/
	.FirmProfile #pagetitle			{ background-image:url("Images/PageTitles/Title-FirmProfile.png"); }
	.WhySLA #pagetitle				{ background-image:url("Images/PageTitles/Title-WhySLA.png"); }
	.Portfolio #pagetitle 			{ background-image:url("Images/PageTitles/Title-Portfolio.png"); }
	.HumanFactors #pagetitle		{ background-image:url("Images/PageTitles/Title-HumanFactors.png"); }
	.Contact #pagetitle				{ background-image:url("Images/PageTitles/Title-Contact.png"); }
	.Links #pagetitle				{ background-image:url("Images/PageTitles/Title-Links.png"); }
	.News #pagetitle				{ background-image:url("Images/PageTitles/Title-News.png"); }
	.CaseStudies #pagetitle			{ background-image:url("Images/PageTitles/Title-CaseStudies.png"); }
	.SinglePost #pagetitle			{ background-image:url("Images/PageTitles/Title-PressReleases.png"); }
	.Blog #pagetitle				{ background-image:url("Images/PageTitles/Title-Blog.png"); }
	.error #pagetitle				{ background-image:url("Images/PageTitles/Title-error-404.png"); }

/*****************************
**	BODY CONTENT		**
*****************************/
#bodycontent			{ font:Arial, Helvetica, sans-serif; text-align:justify; position:absolute; left:0; top:190px; overflow:auto; z-index:11; width:682px; height:312px; margin:0; padding:0 10px 0 10px; }
/***	Placing Image into Paragraph Body		***/
.contentimage 			{ float: right; margin: 5px; }
/***	Licenses & NCARB Flags		***/
.flagcontainer 			{ float: left; width: 325px; height: auto; }
.flag					{ float:left; padding-left:3px; padding-bottom:5px; width:75px; height:auto; }

/***	Contact Info		***/
.contactinfo			{ float:left; width:auto; height:80px; text-align:center; padding:0 10px 10px; }

/***	Links Page Divs		***/
.linksleft,.linksright	{ text-align:left; float:left; padding-left:5px; padding-bottom:5px; width:310px; height:auto; }

.linksleft a,.linksright a	{ text-align:left; }

/*********************************
**	Portfolio CONTENT		**
*********************************/
.album					{ float:left; height:77px; width:333px; padding:2px 2px 0 0; }

/*********************************************
**	sidebar w/ Box elements		**
*********************************************/
#sidebar				{ position:absolute; zoom:1; clear:both; text-align:center; right:10px; top:80px; z-index:10; height:520px; width:auto; padding:0; 
						/*IE ONLY*/ _left:702px;}
.index #sidebar			{ /*IE ONLY*/ _left:0px; }

/***	added text between box 1 & 3	***/
#sidebarlist 			{ left:55px; margin: 0; position:absolute; text-align:left; top:35px; }
#sidebarlist ul			{ padding:0 0 0 20px; }
#sidebarlist li			{ margin:0 0 0 70px; }

/***	Black & White Borders		***/
#vbar1					{ position:absolute; left:209px; top:0; background-color:#000; width:1px; height:111px; }
#vbar2					{ position:absolute; left:104px; top:85px; background-color:#000; width:1px; height:172px; }
#vbar3					{ position:absolute; left:165px; bottom:0; background-color:#FFF; width:3px; height:265px; }
#hbar1					{ position:absolute; left:67px; top:111px; background-color:#000; width:208px; height:1px; }
#vbar1,#vbar2,#vbar3,#hbar1	{ overflow:hidden;	z-index:15; }

/***	BOX COLOR TINTS	***/
.green a,.blue a,.orange a,.yellow a	{ opacity:0.7px; filter:alpha(opacity=70); }
.green a				{ background-image:url(Images/sidebar/tint-green.png); }
.blue a					{ background-image:url(Images/sidebar/tint-blue.png); }
.orange a				{ background-image:url(Images/sidebar/tint-orange.png); }
.yellow a				{ background-image:url(Images/sidebar/tint-yellow.png); }

/***	BOX POSITIONS	***/
.box1,.box2,.box3,.box4	{ margin:0; padding:0; }
.box1 					{ position: absolute; left: 162px; top: 0px; width: 47px; height: 47px; }  
.box2 					{ position: absolute; left: 210px; top: 47px; width: 64px; height: 64px; } 
.box3 					{ position: absolute; left: 105px; top: 112px; width: 105px; height: 105px; }    
.box4 					{ position: absolute; left: 0px; top: 256px; width: 165px; height: 165px; }    

/***	BOXES  CONTROL	***/
.box1 a,.box2 a,.box3 a,.box4 a	 { display:block; width:100%; height:100%; position:relative; z-index:2; text-decoration:none; }
.box1 a:hover,.box2 a:hover,.box3 a:hover,.box4 a:hover { opacity:0; filter:alpha(opacity=0); }
.box1:hover a,.box1 a:hover,.box2:hover a,.box2 a:hover,.box3:hover a,.box3 a:hover,.box4:hover a,.box4 a:hover { z-index:3; }

.box1 img,.box2 img,.box3 img,.box4 img { display:block; width:100%; height:100%; border:0; position:absolute; top:0; left:0; z-index:1; }

.box1 p,.box2 p,.box3 p,.box4 p { text-align:right; text-transform:lowercase; color:#FFF; z-index:2; margin:0; padding:0; }
.box1 p					{ line-height:11px; font-size:14px; position:absolute; bottom:0; right:-1px; }
.box2 p					{ line-height:15px; font-size:21px; position:absolute; bottom:0; right:-1px; }
.box3 p					{ line-height:18px; font-size:24px; position:absolute; bottom:-1px; right:-2px; }
.box4 p					{ line-height:27px; font-size:32px; position:absolute; bottom:-2px; right:-3px; }

/*****************************
**	SUBMENU CSS ITEMS	**
*****************************/
#submenu						{ position:absolute; top:502px; left:0; width:785px; height:20px; text-align:left; text-transform:uppercase; vertical-align:middle; padding:0 20px 0 0; }
#submenucontent 				{ width:100%; background:transparent; voice-family:inherit; padding:0; }
#submenucontent ul				{ list-style:none; margin:0; padding:0; }
#submenucontent li				{ display:inline; margin:0 2px 0 0; padding:0; }
#submenucontent a				{ float:left; display:block; font:bold 11px Arial; color:#325041; text-decoration:none; background:transparent; border-top:1px solid #FFF; margin:0 1px 0 0; padding:15px 10px; }
#submenucontent a:hover			{ background-image:url(Images/hover-grey-bg.png); color:#FFF; }
#submenucontent #current a		{ background-image:url(Images/hover-grey-bg.png); color:#FFF; border-color:#FFF; }

#whitebar						{ overflow:hidden; position:absolute; left:0; bottom:96.4px; z-index:20; height:3px; width:910px; background:#FFF; padding:0; }


/*****************************
**	Footer Elements	**
*****************************/

.index #footer 					{ z-index:50; background-color:transparent; }
#footer							{ position:absolute; left:0; top:545px; z-index:5; height:55px; width:805px; padding:0 20px; text-align:center; }
#footermenu						{ position: relative; top: 10px; left:0; background:transparent; voice-family:inherit; }
#footermenu ul					{ list-style-image:none; list-style-position:outside; width: 760px; list-style-type:none; padding:0; margin: 0 auto; }
#footermenu li					{ display:inline; margin:0 2px 0 0; padding:0; }
#footercontact					{ clear:both; color:#92C4AA; float:left; font-size:100%; padding:0 0 15px 80px; } 
#footer a						{ float:left; display:block; font:bold 11px Arial; color:#325041; text-decoration:none; background:transparent; margin:0 1px 0 0; padding:5px 10px; }
#footer a:hover					{ text-decoration:underline; background-image:url(Images/hover-grey-bg.png); color:#FFF; }

#copyright						{ font-size:8px; color:#89b49e; position:absolute; right:0; bottom:-19px; z-index:200; width:auto; height:auto; }