@charset "utf-8";
/* The default stylesheet.  This is also the stylesheet for the Firefox browser. */
/* ------------------------------------------------------------------------------------------------------------- 
	RESET OF DEFAULT BROWSER STYLES - Resets the default browser stylings, making a consistent base to start from. 
   ------------------------------------------------------------------------------------------------------------- */
/* Remove all margins and padding. */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, option , p, blockquote, th, td, object {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0; 
}
img, fieldset {border:none;} /* This removes the default border that appears around linked images. */

ul {list-style-type:none;}
caption, th { text-align:left; }
a, object { outline: none; } /* This gets rid of those annoying dotted lines that appear when a link is clicked or receives focus. */

/* -----------------------------------------------------------------------------------------------  
	TYPOGRAPHY 
   ----------------------------------------------------------------------------------------------- */
body { 
/*  The default font size. The text size for nearly all modern browsers defaults to 16px. 
	62.5% of 16 px gives us a base of 10px. All other elements should be sized with ems (1em = 10px, 1.4em = 14px, etc.). */
	font-size: 62.5%; 
	font-family:helvetica, ariel, verdana, sans-serif; /* The default font family. */
	color:#000;
	background:url(../images/backgroundFade.jpg) repeat-x bottom center #000 fixed;
	
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%; /* This makes all headers the same size by default. */
	font-weight: normal;
	color:#fff;
}

		
p {
	font-size: 1.2em;
	color: #000;
	padding-bottom: 1.4em;
	letter-spacing:0.05em;
    line-height:1.3em;
}

	
a { 
	text-decoration:none;
}

a:hover { 
	text-decoration:underline;
	}

ul li a {
	text-decoration:none;
	color:#000;
}

a:link {
	color:#000 ;
}

a:visited {
	color: #000;
}

ul li a:hover {
	color: #000;
	text-decoration:underline;
}

 

	
/* -----------------------------------------------------------------------------------------------  
	COLORS
   -----------------------------------------------------------------------------------------------
    
   ----------------------------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------------------  
	TEMPLATE 
   ----------------------------------------------------------------------------------------------- */

	div#container {
	height:45em;
	width:94em;
	margin:0 auto;	
	padding-bottom:4em;	
	
}

.clearBoth {clear:both;}

/** BEGIN HACK: This adds a clearing element after the current element to pull the floated elements back into the flow of the document. **/
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
/* End hide from IE-mac */
/** END HACK **/

span.hide {
	visibility:hidden;
}


 #container #cse-search-box{
 	width:300px;
 	position:absolute;
	top:60px;
	left:671px;
 }
 
 body#search #content{
 	background:white;
 }
 
 
 
 body#search div#content #cse-search-results{
 	text-align:center;
 	
 }

/* -----------------------------------------------------------------------------------------------  
	      HEADER 
   ----------------------------------------------------------------------------------------------- */


/* Logo */


div#headerLogo {
	background:url(../images/elementsLogo.jpg) no-repeat center left;
	width:24.9em;
	height:9.3em;
	
}

div#header a {
	display: block;
	height:9em;
	text-decoration:none;
	
}

div#header a span {
	visibility: hidden; /* Hide logo text for accessibility. */
}

div#header h5 {
	position:relative;
	top:-1.5em;
	left:16.6em;
	font-variant:small-caps;
	letter-spacing:1px;
	
}

div#header {
	position:relative;
}


/*---------------------------------------------------------------------------
                     NAVIGATION
 -----------------------------------------------------------------------------*/

#navigationContainer {	
	display:table-cell;
	vertical-align:top;
	border:solid 1px white;
	width:18.6em;
	margin-right:-1em;
}

#navigationContainer ul{
	width:100%;
}


#navigationContainer ul li{
	background:url(../images/rollOver.jpg) no-repeat bottom left;
}


#navigationContainer ul li a{	
	list-style-type:none;
	font-family:helvetica,ariel,sans-serif;
	letter-spacing:1px;
	font-size:1.2em;
	padding:8px 0px 8px 0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	width:100%;	
	display:block;
	text-indent:2.25em;
	text-decoration:none;
	color:#fff;
}


#navigationContainer ul li ul li a{
	text-align:left;
	width:12em;
	padding-left:3.5em;
	text-indent:0;
	
	
}


#navigationContainer ul li ul li a:hover{
		Background-position:2em;
	}

/*--------------------------------------------------------------------------------------------
                ROLLOVERS
 --------------------------------------------------------------------------------------*/

#navigationContainer ul li:link {
	background-position: bottom left;
	
}


#navigationContainer ul li:visited {
	background-position: bottom left;
	
}

#navigationContainer ul li:hover {
	background-position: center left;
		
}

#navigationContainer ul li:active {
	background-position: top left;
	
	
}

#navigationContainer ul li a:hover, #navigationContainer ul li.currentPage a {
	background:url(../images/leaf.png) no-repeat 8px 7px ;
		
}


#navigationContainer ul li ul li a:hover{
	background-position:24px 7px;
}

#navigationContainer ul li ul li.currentPage a{
	background-position:24px 7px;
}

/*-----------------------------------------------------------------------------------------------
 	Content
   -----------------------------------------------------------------------------------------------*/
   #content {
  	display:table-cell;
	width:752px;
	border:solid 1px white;
	border-left:none;
	/*height:45em;*/
	background-color:#000;
 }
 
 #content ul{
 	margin-left:1em;
	margin-right:1em;
	}
	
 #content .whiteBox .textBox ul{
	padding-top:0;
	
}

 #content .whiteBox .textBox ul li{
	margin-left:30px;
	padding-bottom:10px;
	font-size:1.2em;
	letter-spacing:1px;
	list-style-type:disc;
	
}




#content  a:hover b {
	text-decoration:underline;
}



/*--------BIO-------------------------------------------------------------------*/


body#bio #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;	
		
}

body#bio div.bgFade #bioContent {
	float:left;
	background:url(../images/whiteBox.png) repeat;
	width:64%;
	margin:2em 1em 2em 2em;
}

body#bio #bioContent h1{
	padding: .8em 0em;
	font-size:2em;
	color:#2a2a2a;
	text-align:center;
}

body#bio div.bgFade #bioContent img {
	float:left;
	margin:1em 2em 1em 2em;
	border:solid 1px black;
}

body#bio div.bgFade #bioContent div#bioText{
	color:#000;
	margin:2em 2em 0em 2em;
}


body#bio #bioNav {
	float:right;
	background:url(../images/whiteBox.png) repeat;
	width:210px;
	margin:2em 2em 0em 0em;
	padding-bottom:1.5em;
	
}


body#bio #bioNav h1{
	padding:1em 0em .5em 0em;
	font-size:2em;
	color:#2a2a2a;
	text-align:center;
	
}
 
body#bio #bioNav ul{
	text-align:center;
	
	
}

body#bio #bioNav ul li {
	margin-bottom:1em;
}

body#bio #bioNav ul li a{
	font-size:1.2em;
}



 /*--------BLOG------------------------------------------------------------------------------------*/
 
body#blog #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;			
}

body#blog div.bgFade #blogContent {
 	float:left;
	width:48em;
	background:url(../images/whiteBox.png) repeat;
	margin:2em 0em 2em 2em;
	

}
 
body#blog #blogContent h2{
	text-align:center;
	font-size:2em;
	color:#2a2a2a;
	margin:.5em;
	
}
 
body#blog #blogContent img{
	float:right;
	width:15em;
	height:22.5em;
	margin:1em 2em 2em 1em;
	border:solid 1px black;
	
	
}
  
body#blog #blogContent p {
	color:#000;
	margin:0em 2em 0em 2em;
}
  
body#blog #blogNav {
  float:right;
  width:209px;
  background:url(../images/whiteBox.png) repeat;
  margin:2em 2em 1em 0em;
}
  
body#blog #blogNav h1 {
	text-align:center;
	font-size:2em;
	color:#2a2a2a;
	margin:.5em 0 .5em 0;
}
   
	
body#blog #blogNav div ul {
	text-align:center;
	
}
	 
body#blog #blogNav div ul li {
	padding-bottom:.5em;
	font-size:1.2em;
}

 
 /*-----------CALENDAR-----------------------------------------------------------------*/
 
 /*--to make changes to the CALENDAR styles, adjust the inline sytles on calendar.html---*/




 
 /*-----------CONTACT-------------------------------------------------------------------*/
 
body#contact #content div.bgFade{
	background:url(../images/bgFade.png) repeat-y top left;
	height:450px;			
} 
 

body#contact #content{
	background: #000;
}


body#contact fieldset{
	float:left;
	padding:2em;
	margin:2em 0em 2em 2em;
	/*width:150px;*/
	background:url(../images/whiteBox.png) repeat;
}

body#contact fieldset h1 {
	font-size:2em;
	color:#2a2a2a;
	
}
body#contact p {
	padding-bottom:1em;
	color:black;
}

body#contact p#error {
	color:red;
}

body#contact form {
	color:#000;
	
}

body#contact input{
	margin-bottom:1em;
	
}

body#contact input.text{
	width:339px;
	color:#2a2a2a;
	
		
}

body#contact textarea{
	font-family:helvetica, ariel, sans-serif;
	font-size:13px;
	width:339px;
	color:#2a2a2a;	
	
}

body#contact input.button{
	margin-right:1em;
	margin-bottom:0;
}

body#contact .copyright{
	color:#9ea6b4;
}
 /*---DESCRIPTION---------------------------------------------------------------------*/


 
 
 body#description #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;	
}

body#description #content h1 {
	text-align:center;
	font-size:2.5em;
	color:#2a2a2a;
	padding-bottom:6px;
	padding-top:0;
	width:400px;
	margin:0 auto;
	
}

body#description #content .whiteBox {
	
	float:right;
	background:url(../images/whiteBox.png) repeat;
	padding:1em 2em .5em 2em;
	margin:2em;
	

}

body#description #content .whiteBox .textBox{
	width:100%;
	margin:auto;
	
	
}

body#description #content .whiteBox .textBox p{
	color:#000;
	width:40em;
	padding-bottom:1em;
	
}



body#description #content .whiteBox .textBox ul{
	width:470px;
}

body#description #content .whiteBox .textBox ul li{
	margin-left:30px;
	padding-bottom:10px;
	font-size:1.2em;
	letter-spacing:1px;
	list-style-type:disc;
	
}

 /*---------NEWS-------------------------------------------------------------------*/

body#news #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;
		
}

body#news #newsNav{
	float:left;
	width:252px;
	margin:2em 0em 1em 2em;
	background:url(../images/whiteBox.png) repeat;

}

	
body#news #newsNav h1 {
	margin:1em 1em .5em 1em;
	font-size:2em;
	text-align:center;
	color:#2a2a2a;

}
	
body#news #newsNav ul{
	text-align:center;
	padding-bottom:1em;
	
}

body#news #newsNav ul li{
	padding-bottom:1em;
	font-size:1.2em;
	
}




body#news #newsContent{
	float:right;
	width:440px;
	margin:2em 2em 2em 0em;
	background:url(../images/whiteBox.png) repeat;
	padding-bottom:.5em;
}

body#news #newsContent h1 {
	margin:1em;
	font-size:2em;
	text-align:center;
	color:#2a2a2a;
}
body#news #newsContent  p{
	color:#000;
	padding:0em 1.5em 1em 1.5em;
}
body#news #newsContent  ul li, body#bio #bioContent  ul li, body#blog #blogContent  ul li {
	margin-left:30px;
	padding-bottom:10px;
	font-size:1.2em;
	letter-spacing:1px;
	list-style-type:disc;
	
}

/*-------------OUR-DIFFERENCE---------------------------------------------------------------*/

body#ourDifference #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;		
}

body#ourDifference #content .whiteBox {
	float:right;
	background:url(../images/whiteBox.png) repeat;
	width:32em;
	margin:6em 2em 6em 0em;
	
}

body#ourDifference #content .whiteBox h1 {
	text-align:center;
	margin:.5em 0em;
	font-size:3em;
	color:#2a2a2a;
}



/*-------------PAGE-NOT-FOUND----------------------------------------------------------------*/
body#page-not-found #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
			
}

body#page-not-found h2 {
	margin:2em;
	font-size:2em;
}

body#page-not-found p {
	margin:2em;
	color:#fff;
}
 /*------------PORTFOLIO-------------------------------------------------------------------*/
 
 body#portfolio #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;			
}

 body#portfolio #portfolioContent {
    float:left;
	width:350px;
	margin:2em 0em 2em 2em;
	background:url(../images/whiteBox.png) repeat;
}

 body#portfolio #portfolioContent h1{
 	font-size:2em;
 	color:#2a2a2a;
	text-align:center;
	margin:1em 1em 0em 1em;
}

 body#portfolio #portfolioContent img{
 	float:right;
	margin:1.5em;
	border:solid black 1px;
	color:#000;
}

 
 body#portfolio #portfolioContent p{
	padding:0px 15px 10px 15px;
 }
 
 body#portfolio #portfolioThumbs1, body#portfolio #portfolioThumbs2 {
 	float:right;
	width:160px;
	background:url(../images/whiteBox.png) repeat;
	margin:2em 2em 2em 0em;
}

 body#portfolio #portfolioThumbs1 img, body#portfolio #portfolioThumbs2 img {
 	float:right;
	margin:1em;
	border:black solid 1px;
	color:#000;
}


    
/*------------RESOURCES-----------------------------------------------------------------*/

body#resources #content div.bgFade{
	background:url(../images/bgFade.png);
	height:450px;	
			
}

body#resources #content div.whiteBox{
	background:url(../images/whiteBox.png) repeat;
	width:71em;
	margin:2em;
	float:left;
}

body#resources #content div.whiteBox h1 {
	font-size:2em;
	text-align:center;	
	margin-top:.5em;
	color:#2a2a2a;
}

body#resources #firstColumn {
	float:left;
	width:35em;
}
body#resources #firstColumn div {
	 margin:1em 0em 1em 1em;	 
}

body#resources #secondColumn {
	float:right;
	width:35em;
}

 body#resources #secondColumn div {
	 margin:1em 1em 1em 0em;	 
}

body#resources #firstColumn a, body#resources #secondColumn a {
	color:#000;
	margin-top:1em;
}

body#resources #firstColumn div a img, body#resources #secondColumn div a img {
	float:left;
	margin:1em;
	border:solid black 1px;
	
}

body#resources #firstColumn div h2 , body#resources #secondColumn div h2{
	padding-top:1em;
	font-weight:bold;
} 

body#resources #firstColumn div h2 a, body#resources #secondColumn div h2 a{
	font-size:1.5em;
	color:#2a2a2a;
	
}

body#resources #firstColumn p, body#resources #secondColumn p {
	color:#000;
	text-align:left;
	border:none;
	padding-bottom:.5em;
	min-height:5.3em;
}


	 

  
/*--------SERVICE-------------------------------------------------------------------*/

body#service #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;			
}

body#service #content h1 {
	text-align:center;
	font-size:2.5em;
	color:#2a2a2a;
	padding-bottom:6px;
	padding-top:0;
	
}

body#service #content .whiteBox {
	float:right;
	background:url(../images/whiteBox.png) repeat;
	padding:1em 2em .5em 2em;
	margin:6em 2em 6em 2em;
	max-width:30em;

}

body#service #content .whiteBox .textBox{
	width:100%;
	margin:auto;
	
	
}

body#service #content .whiteBox .textBox p{
	width:25em;
	padding-bottom:10px;
	
}

body#service #content .whiteBox .textBox ul{
	padding-top:0;
	
}

body#service #content .whiteBox .textBox ul li{
	margin-left:30px;
	padding-bottom:10px;
	font-size:1.2em;
	letter-spacing:1px;
	list-style-type:disc;
	
}


/*----------SUBLEVEL-------------------------------------------------------------------------*/

body#sublevel #content div.bgFade{
	background:url(../images/bgFade.png) repeat-x;
	height:450px;			
}

body#sublevel #content #firstColumn {
	float:left;
	width:34.6em;
	background:url(../images/whiteBox.png) repeat;
	
}
	
body#sublevel #content #firstColumn h1 {
	text-align:center;
	margin:.5em 0em;
	font-size:3em;
	color:#2a2a2a;
}
	
body#sublevel #content #firstColumn img{
	width:30.6em;
	margin:1em;
	border:solid 1px black;
}

body#sublevel #content #firstColumn div {}/*special navigation inside div*/

body#sublevel #content #secondColumn{
	float:left;
	width:34.6em;
	background:url(../images/whiteBox.png) repeat;
}

body#sublevel #content #secondColumn h1 {
	text-align:center;
	margin:.5em 0em;
	font-size:3em;
	color:#2a2a2a;
}

body#sublevel #content #secondColumn div {}

body#sublevel #content #secondColumn div p{
	padding:1em;
	
}


/* -----------------------------------------------------------------------------------------------  
	FOOTER 
   ----------------------------------------------------------------------------------------------- */

div#abs {
		background:url(../images/abs.gif);
		width:39px;
		height:63px;
		margin-left:106px;
		margin-bottom:2em;
}

div#container p#address {
	float:right;
	clear:none;
	width:900px;
	letter-spacing:1px;
	font-size:14px;
	text-align:center;
	margin-top:10px;
	padding-bottom:0;
	color:#9ea6b4;
	
}

/*--body.spring div#container p#address span{
	color:#5c9f04;
}--*/

div#container p#copyright {
	float:right;
	clear:none;
	width:900px;
	letter-spacing:1px;
	font-size:1em;
	text-align:center;
	margin-top:10px;
	padding-bottom:0;
	color:#9ea6b4;
	
}


/** Powered By: Liquid Webworks **/
.poweredBy {	
	color:#777777;
	float:right;
	clear:none;
	width:24em;	
	position:relative;
	letter-spacing:1px;
	top:-14px;
	left:34px;

	
}


.poweredBy a {
	width:334px;
	text-decoration:none;
}

.poweredBy a span {
	color:#9ea6b4;
}

.poweredBy div.lwLogo{
	background:url(../images/lwLogoGray.png) no-repeat;
	padding-top:15px;
	padding-bottom:29px;
	padding-right: 65px;
	padding-left: 10px;
	width:81px;
	position:absolute;
	left:49px;
	top:-23px;	
}
/*---------------------------------------------------------------------------------------------------------------
                TEMPLATE ALIGNMENTS
 --------------------------------------------------------------------------------------------------------------*/
 
 body#description div.left_aligned  #content .whiteBox, 
 body#service div.left_aligned  #content .whiteBox{
 	float:left;
	}
	
 body#description div.right_aligned  #content .whiteBox, 
 body#service div.right_aligned  #content .whiteBox{
 	float:right;
	}
 
 
 
/*--------------------------------------------------------------------------------------------------------------
            Seasonal Templates
---------------------------------------------------------------------------------------------------------------*/

/*---------Spring-------------------------------------------------------------------------------------------*/

body.spring div#header {
	background:url(../images/springHeader.jpg) no-repeat right center;
	}
	
/*--body.spring div#headerLogo {
	background-image:url(../images/springLogo.gif);
	margin-left:2em;	
}--*/

body.spring div#headerLogo {
	background-image:url(../images/elementsLogo.jpg);
	margin-left:2em;	
}

body.spring #navigationContainer {
	background:url(../images/springNavBG.jpg) repeat-y;
}

body.spring #navigationContainer ul li{
	background:url(../images/springRollover.jpg) no-repeat bottom left;
}

body.spring #navigationContainer ul li:link{
	background-position: bottom left;
	
}

body.spring #navigationContainer ul li:visited{
	background-position: bottom left;
	
}

body.spring #navigationContainer ul li:hover{
	background-position: center left;
		
}

body.spring #navigationContainer ul li:active{
	background-position: top left;
	
}

body.spring #navigationContainer ul li.currentPage{
	background-position:center left;
	
}

body.spring a , body.spring ul li a, body.spring a b, body.spring a:visited{
	color:#003c18;
}


/*---------Summer--------------------------------------------------------------------------------------------*/

 
 body.summer div#header {
	background:url(../images/summerHeader.jpg) no-repeat right center;
	}
	
body.summer div#headerLogo {
	background-image:url(../images/elementsLogo.jpg);
	margin-left:2em;	
}

body.summer #navigationContainer {
	background:url(../images/summerNavBG.jpg) repeat-y;
}

body.summer #navigationContainer ul li{
	background:url(../images/summerRollover.jpg) no-repeat bottom left;
}

body.summer #navigationContainer ul li:link{
	background-position: bottom left;
	
}

body.summer #navigationContainer ul li:visited{
	background-position: bottom left;
	
}

body.summer #navigationContainer ul li:hover{
	background-position: center left;
		
}

body.summer #navigationContainer ul li:active{
	background-position: top left;
	
}

body.summer #navigationContainer ul li.currentPage{
	background-position:center left;
	
}


body.summer a , body.summer ul li a, body.summer a b,  body.summer a:visited{
	color:#5e4912;
}