/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form,  ul, li, img {margin: 0; border: 0; padding: 0;vertical-align: baseline;}
:focus {outline: 0;}




body	{
	color:#5A5A5A;
	font-family:Helvetica, "Arial sans-serif";
	text-align:center;
	font-size:100%;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 0 0 0;
	background-color:#fff;
	border-top:15px solid #598799;
	}
	





/*LAYOUT
----------------------------------------------------------------------------- */



#outer {
	width: 960px;
	margin: 0 auto;

	padding:0px
		
	}
	
	
#inner	{
	float:left;
	width: 960px;
	padding-bottom: 62px;
	margin: 0 0 0 0px;
	
	
	
	}
	
	

/* BANNERS
----------------------------------------------------------------------------- */

#header {
	width: 960px;
	height:107px;
	padding:20px 0px 0 0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}




#mainbanner {
	width: 960px;
	height:63px;
	padding:30px 10px 0 0;
	background-image:url(../images/design/mainbannerbg.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}




	
#title {
	width: 960px;
	text-align:left;
	padding:0 0 0 0;
	margin: 0 0 18px 0;
	border-bottom:1px solid #636363;
}

		

#logo {
	float:right;
	width: 296px;
	height:81px;
	padding:0px 0px 0px 0px;
}


	 
#pagebody {
	float:left;
	width: 960px;
	background-image:url(../images/design/pagebodybg.jpg);
	background-repeat:repeat-y
	
	
	
	 }
	 
	


#homepanel {
	float:left;
	width: 420px;
	padding:12px 10px 0px 15px;
	margin:0 0 10px 0;

  }





	
   
/* BREADCRUMBS
----------------------------------------------------------------------------- */
	
	
#breadcrumbs{
	clear: both;
	height:23px;
	text-align:left;
	padding: 10px 0 5px 0px;
	float:left;
	width:572px;
	font-size:85%;
	color:#868686;
}
#breadcrumbs > span{font-weight: bold;}
#breadcrumbs a{
	
	text-decoration:none;
	color:#F5B510;
}
#breadcrumbs a:hover{
	text-decoration:underline;
	color:#26639C;
}
   



/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */


#menuholder {
	width:560px;
	padding: 0px 0 0 0;
	margin-right:0px;
	text-align:left;
	float:left
	   }




#primarynav {
	height:95px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0 0px;
	
}
 #primarynav ul {
	
	
	padding:0px 0 0 0;
	margin:0;
	LIST-STYLE-TYPE: none;
	
	


}
 #primarynav li {
	FLOAT: left;
	MARGIN: 0 0px 0 0px;
	padding:0px 0px 0 0px;

	
	display:inline
	
	
	
}

 #primarynav li a {
	PADDING: 30px 0px 11px 0px;
	margin:0 16px 0 15px;
	FLOAT: left;
	height:26px;
	
	COLOR: #598799;
	TEXT-DECORATION: none;
	
	font-size:16px;
	line-height:15px;
	font-weight:normal;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;		

	
	


}


 #primarynav li a:hover {
	
	text-decoration:none;
	border-bottom: 1px solid #598799
	
	
		
}


#primarynav li.active a {
	border-bottom: 0px solid #636363 !important;
	color:#333
}

#primarynav li.first a {
	
	
	
	margin-left:0px
}

#primarynav li.last a {
	
	
	
	margin-right:0px
}


/*SEARCH 
----------------------------------------------------------------------------- */
		
#searchbg {
	float:left;
	width:150px;
	padding:10px 19px 0 0;
	height:35px;
	background-image: url(../images/design/searchbg.jpg);
}	


/* MAINCONTENT AREAS
----------------------------------------------------------------------------- */




	 
	 #maincontent_home {
	padding:0px 0px 0px 0px;
	FLOAT: left;
	margin: 0 40px 0 0px;
	text-align:left;
	width:550px;
	 }
	



#maincontent {
	padding:0px 0px 0px 0px;
	FLOAT: left;
	margin: 0 40px 0 0px;
	text-align:left;
	width:610px;
	min-height:450px;
	height:auto !important;
	height:450px;
	 }
	 
	 
#maincontent_ext {
	padding:0px 0px 0px 0px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:960px;
	 }
	 
#maincontent_ext .textwrapper {
	padding:0px 0px 10px 0px;
	FLOAT: left;
	margin: 0 0 10px 0px;
	text-align:left;
	border-bottom:1px solid #eaeaea;
	width:950px;
	 }
	 
	 

	 
	 
#maincontent_ext .textpanel {
	padding:0px 0px 0px 0px;
	FLOAT: left;
	text-align:left;
	width:420px;
	 }
	 
	 
#maincontent img {
	border: 0px solid #e1d29f;

}
	 
 #maincontent .postinfo img { 	 border: 0px solid #af7f64; padding:0}

/* POSTS
----------------------------------------------------------------------------- */

.date {
	width:607px;
	float:left;
	padding: 0px 0 0 0;
	border-top:1px solid #cfcdc7;
	margin-bottom:10px
}


#maincontent .date p {
	float:left;
	width:300px;
	color:#898989;
	padding:11px 0 0 0;
	margin:0
}

.entry {
	float:left;
	width:610px;
	}



.postinfo {
	font-size:12px;
	
	float:right;
	
	line-height:13px;
	padding: 15px 7px 0px 7px;
	margin-bottom: 0px;
	color: #c4c2c2;
	border-left:1px solid #cfcdc7;
}


#maincontent .entry .postinfo a {
	
	
	
	

}


.commentsicon { 



background-image:url(../images/design/comments.png);
width:150px;

	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-left:10px;
	padding: 0 0 0 17px;
	color:#598799;
	




}

.alignright {
	float: right;
	
	}

.alignleft {
	float: left
	}


div.hr hr {
  display: none;
}

div.hr {
	text-align: center;
	border: none;
	height: 17px;
	background: url(../images/design/hr.png) no-repeat bottom left;
	margin: 0 0 2px 0;
	padding: 5px 0 0 0;
}





			
/* RIGHT COL
----------------------------------------------------------------------------- */
#rightcol {
	MARGIN:0;
	padding: 0px 15px 0 17px;
	float:left;
	text-align:left;
	WIDTH:240px;
}


#rightcol img {


margin-top:5px

}



#secondarycol_home {
	float:left;
	width:370px;
	margin:0px 0px 0 0px;
	padding:0px 0px 0 0px
}



#secondarycol {
	float:left;
	text-align:left;
	width:282px;
	min-height:350px;
	height:auto !important;
	height:350px;
	margin:0px 0px 0 0px;
	padding:0px 10px 15px 18px;
	background-color:#598799;	
}

	


#secondarycol2 {
	float:left;
	text-align:left;
	width:282px;
	margin:0px 0px 0 0px;
	padding:10px 10px 0 18px
}

	




/* SECONDARY MENU
----------------------------------------------------------------------------- */




#secondarynav {
	width:100%;
	float:left;
	text-align:left;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #598799;
	margin: 0 0px 10px 0px;
}
#outer #inner #maincontent_ext #secondarynav ul, #outer #inner #maincontent #secondarynav ul {
	
	
	padding:0px 0 0 0;
	margin:0;
	LIST-STYLE-TYPE: none;
	
	


}
#outer #inner #maincontent_ext #secondarynav li, #outer #inner #maincontent #secondarynav li {
	FLOAT: left;
	MARGIN: 0 0px 0 0px;
	padding:0px 0px 0 0px;

	
	display:inline
	
	
	
}

#outer #inner #maincontent_ext #secondarynav li a, #outer #inner #maincontent #secondarynav li a {
	PADDING: 10px 15px 14px 15px;
	margin:0 0px 0 0px;
	FLOAT: left;
	
	DISPLAY: block;
	COLOR: #598799;
	TEXT-DECORATION: none;
	border-right:1px solid #598799;
	
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;		

	
	


}


#outer #inner #maincontent_ext #secondarynav li a:hover, #outer #inner #maincontent #secondarynav li a:hover {
	
	text-decoration:none;
	color:#333333;
	
	
		
}


#outer #inner #maincontent_ext #secondarynav li.active a, #outer #inner #maincontent #secondarynav li.active a {
	color:#636363;
}

#outer #inner #maincontent_ext #secondarynav li.first a, #outer #inner #maincontent #secondarynav li.first a {
	
	
	
	margin-left:0px;
	padding-left:0px
}

#outer #inner #maincontent_ext #secondarynav li.last a, #outer #inner #maincontent #secondarynav li.last a {
	
	
	
	margin-right:0px
}



.clearboth {clear:both;}





/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 0px 0px 0px 0px; }	
.imageleft {float: left; margin: 7px 7px 3px 0px; }
.imagecenter {float: left; width:100%; text-align:center; margin:3px 0px 3px 0px;

	}
	
#searchresults .imageright {float: right; margin: 3px 0px 0px 15px; }	
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; }
#leftcol .imageleft{ float: left; margin: 7px 15px 0px 0px; clear:both }









	


/* TYPOGRAPHY
----------------------------------------------------------------------------- */



h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	
	color:#333333;
	font-family:Helvetica, Arial, sans-serif, "Lucida Sans";
	}


	
	
#secondarycol_home h2 {
	margin: 5px 0 10px 0;
	padding:0px 0 6px 0px;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #393838;
	color:#636363;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}




#secondarycol h2, #quickquote h2 {
	margin: 10px 0 0px 0;
	padding:0px 0 6px 0px;
	font-size:22px;
	display:block;
	color:#FFFFFF;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}
	

#secondarycol2 h2 {
	margin: 12px 0 0px 0;
	padding:0px 0 6px 0px;
	font-size:24px;
	display:block;
	color:#598799;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}
		


#title h1 {
	margin: 0px 0 14px 0;
	padding:15px 0 12px 0px;
	font-size:40px;
	display:block;
	color:#333;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	line-height:1.2em;
	letter-spacing:0px;
	font-weight:600
}

.highlight { color: #598799}

#title h2 {
	margin: 5px 0 10px 0;
	padding:0px 0 6px 0px;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #636363;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}


#maincontent_home h1 {
	margin: 0px 0 14px 0;
	padding:14px 0 14px 0px;
	font-size:44px;
	display:block;
	color:#333333;
	
	letter-spacing:-1px;
	text-align:left;
	line-height:1.2em;
	font-weight:600
}





#maincontent_home h2 {
	margin: 5px 0 10px 0;
	padding:0px 0 6px 0px;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #393838;
	color:#636363;
	font-family:Arial;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}


.showcase_holder h5 {
	margin: 5px 0 10px 0;
	padding:0px 0 6px 0px;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #393838;
	color:#636363;
	font-family:Arial;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}



#maincontent_home h3 {
	margin: 0px 0 0px 0;
	padding:14px 0 4px 0px;
	font-size:20px;
	display:block;
	color:#598799;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	line-height:1.2em;
	font-weight:normal;	
}

#maincontent_home h3 a {
	color:#598799;
}
#maincontent_home h3 a:hover {
	color:#9f9f9f;
	text-decoration:none
}

.workpanel_home h3 a:hover {
	color:#9f9f9f;
	text-decoration:none
}


	
#maincontent h1 {
	margin: 0px 0 14px 0;
	padding:0px 0 10px 0px;
	font-size:22px;
	display:block;
	border-bottom:1px dashed #e8e8e8;
	color:#598799;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	line-height:1.2em;
	font-weight:normal
}



#maincontent h1 a {
	
	display:block;
	color:#598799;
	
}


#maincontent h1 a:hover {
	
	display:block;
	color:#598799;
	
}


#maincontent h2, #maincontent_ext h2 {
	margin: 0px 0 0px 0;
	padding:7px 0 7px 0px;
	font-size:28px;
	color:#598799;
	text-align:left;
	line-height:1.4em;
	font-weight:400
}

.project-info h3 {
	margin: 17px 0 0px 0;
	padding:0px 0 3px 0px;
	font-size:24px;
	display:block;
	color:#636363;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	text-align:left;
	line-height:1.2em;
	font-weight:normal;
}




.project-info h4 {
	margin: 0px 0 0px 0;
	padding:7px 0 10px 0px;
	font-size:23px;
	color:#598799;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	line-height:1.4em;
	font-weight:normal
}






#maincontent h3 {
	margin: 17px 0 0px 0;
	padding:0px 0 3px 0px;
	font-size:24px;
	display:block;
	color:#598799;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	text-align:left;
	line-height:1.2em;
	font-weight:normal;
}



#maincontent_ext h3 {
	margin: 17px 0 0px 0;
	padding:0px 0 3px 0px;
	font-size:24px;
	display:block;
	color:#333;
	
	letter-spacing:-1px;
	text-align:left;
	line-height:1.2em;
	font-weight:400;
}

.workpanel h3 {
	margin: 17px 0 0px 0;
	padding:0px 0 3px 0px;
	font-size:19px !important;
	display:block;
	color:#636363;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	text-align:left;
	line-height:1.2em;
	font-weight:normal;
}



#maincontent h4 {
	margin: 4px 0 1px 0;
	padding:7px 0 4px 0px;
	font-size:24px;
	color:#598799;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	line-height:19px;
	font-weight:normal
}


#maincontent h4 a {
	color:#D97A28;	
}
#maincontent h4 a:hover {
	color:#D97A28;
	text-decoration:underline
}

 #maincontent_home p {
	margin: 0px 0 9px 0;
	font-size:1.0em;
	font-weight:400;
	padding:7px 0 0 0px;
	color:#303030;
	text-align:left;
	line-height:1.7em;
}

	

#maincontent p, #maincontent_ext p  {
	margin: 0px 0 9px 0;
	
	padding:7px 0 0 0px;
	font-size:1.1em;
	font-weight:400;
	color:#303030;
	text-align:left;
	line-height:1.6em;
	}
	
 .cols {

-moz-column-width: 400px;
-webkit-column-width: 400px;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-rule: 1px solid #c7c7c7;
-webkit-column-rule: 1px solid #c7c7c7;
}



 #secondarycol_home p  {
	margin: 0px 0 9px 0;
	font-size:1.1em;
	font-weight:400;
	padding:7px 0 0 0px;
	
	color:#303030;
	text-align:left;
	line-height:1.6em;	
}
 #secondarycol p,   #quickquote p  {
	margin: 0px 0 9px 0;
	font-size:1.1em;
	font-weight:400;
	padding:7px 0 0 0px;
	
	color:#FFFFFF;
	
	text-align:left;
	line-height:1.6em;	
}


 #secondarycol2 p {
	margin: 0px 0 9px 0;
	font-size:1em;
	font-weight:400;
	padding:0px 0 0 0px;
	color:#303030;
	text-align:justify;
	max-width:196px;
	line-height:1.7em;
}


 #secondarycol2 a {
	color:#598799;
	text-decoration:none
}


 #secondarycol2 a:hover {
	color:#598799;
	text-decoration:underline
}

#maincontent p.large {   font-size:116%; padding-top:0  }


#maincontent ol {
	margin: 0px 0 10px 10px;
	padding:0 0 0 30px;
	font-size:1.1em;
	font-weight:400;
	color:#a88059;
	
	text-align:left;
	line-height:1.77em;
	
}


#maincontent ol li {



	list-style:decimal
	
}




#secondarycol ul {
	margin: 7px 0 10px 10px;
	padding:0 0 0 5px;
	font-size:1.1em;
	font-weight:400;
	color:#fff;
	
	text-align:left;
	line-height:1.70em;
}



	#secondarycol li { padding:0px 0px 0px  0px; list-style:disc; 

}

#secondarycol li a { text-decoration:none; }




#maincontent ul {
	margin: 0px 0 10px 10px;
	padding:0 0 0 30px;
font-size:1.1em;
	font-weight:400;
	color:#606060;

	text-align:left;
	line-height:1.6em;
}



	#maincontent li { padding:2px 0px 2px  10px; list-style:disc; 

}

	


		
	#maincontent li a
		{
	color:#598799;
	text-decoration: none;
	font-weight:normal
		}
	#maincontent li a:hover, #rightcol li a:hover
		{
	color:#598799;
	text-decoration: underline;
		}

	
	
#secondarycol a {
	color:#FFFFFF;
	text-decoration:underline
}

#secondarycol a:hover {
	color:#FFFFFF;
	text-decoration:underline
}	

#secondarycol .tagcloud span a { text-decoration:none   }
#secondarycol .tagcloud span a:hover { text-decoration:underline  }
		
	 #maincontent a, #maincontent_home a, #maincontent_ext a, #secondarycol_home a
		{
	color:#598799;
	text-decoration: none;
	
		}
 #maincontent a:hover, #maincontent_home a:hover, .browser a:hover,  #maincontent_ext a:hover
		{
	color:#598799;
	text-decoration: underline;	
		}
		
		
#rightcol label { padding-left:8px }

#rightcol p {
	margin: 0px 0 9px 0;
	font-weight:normal;
	padding:7px 0 0 11px;
	font-size:93%;
	color:#606060;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}

#rightcol a
		{
	color:#598799;
	text-decoration: none;
	
		}
#rightcol a:hover
		{
	color:#598799;
	text-decoration: underline;	
		}



#rightcol  h2	{
	margin: 0px 0 0px 0px;
	text-align:left;
	display:block;
	padding:10px 0 7px 12px;
	color:#9c9c9b;
	font-family:Helvetica, Arial, sans-serif, "Lucida Sans";
	font-weight:bold;
	text-transform:uppercase;
	font-size:108%;
	height:16px;
	letter-spacing:3px;
	background-image:url(../images/design/headerrightcolbg.jpg);
	background-repeat:no-repeat;
    }
	
	
#rightcol  h3	{
	margin: 0px 0 0px 0px;
	text-align:left;
	display:block;
	padding:12px 0 7px 12px;
	color:#9c9c9b;
	font-family:Helvetica, Arial, sans-serif, "Lucida Sans";
	font-weight:bold;
	text-transform:uppercase;
	font-size:93%;
	height:15px;
	letter-spacing:3px;
	background-image:url(../images/design/headerrightcolbg.jpg);
	background-repeat:no-repeat;
    }


#rightcol img {
	margin:0 0 0 0;
	padding:0 0 10px 10px
}


#rightcol ul { margin: 0 0 10px 0 ; padding: 7px 0 0 12px}


#rightcol li  {
	PADDING:3px 0 3px 0px;
	
	list-style:none;
	border-bottom: 1px solid #e8e8e8; 

	MARGIN: 0px;

}



#rightcol li a  {
	PADDING:0px 0 0px 0px;
	color:#d4731f;
	text-decoration:none;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	line-height:1.52em;
	font-size:93%;
}


#rightcol li a:hover  {
	text-decoration:underline;
	color:#d4731f;	
	
}

#rightcol .tagcloud {
	padding: 0 0 0 12px;
	font-size:93%;
}



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



html, body, #outer {height: 100%;}

body > #outer {height: auto; min-height: 100%;}




/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




#footer {position: relative;
	
	background-color:#598799;
	border-top:0px solid #cecece;
	position: relative;
	margin-top: -62px; /* negative value of footer height */
	height: 62px;
	clear:both;

	} 




.footerlinks {
	width:960px;
	margin: 0 auto;
	padding: 5px 0 15px 0;	
	}
	


#footer a {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;	
	}
	
	

	
#footer a:hover {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:underline;	
	}


	
 #footer p{
	text-align:left;
	padding:20px 0px 7px 0px;
	margin:0;
	color:#FFFFFF;
	font-size:85%;
	line-height:1.72em
}









/* Forms
------------------------------*/


   
	#selector {
	float:left;
	width:183px;
	padding:7px 0 12px 0px
}

form, fieldset {
	margin: 0;
	padding: 0;

	}
	

legend {
	padding: 0;
	color: #000;
	}


	
 select {
	margin: 0;
	width:183px;
	padding: 1px;
	border: 1px solid #a6a6a6;
	color:#333;
	font-family:Arial, Helvetica, sans-serif

	
	
	}
	
	
	




	
	
/* SEARCH BOX 
----------------------------------------------------------------------------- */


#searchholder {
	float:right;
	text-align:left;
	padding:26px 0 0 4px;
	width:342px;
	height:79px;
}

	


 .mainsearch {
	width:145px;
	float:left
}
.mainsearch input {
	font-size: 12px;
	width: 130px;
	border: 0;
	padding: 4px 5px 3px 6px;
	cursor: text;
	color: #666;
	height: 18px;
	border: 1px solid #fff;
}

.mainsearch input img {
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 3;
  cursor: pointer;
  vertical-align: middle;
}


/*TABLE STYLING
----------------------------------------------------------------------------- */



.producttable {
	width: 610px;
	padding: 0;
	margin: 17px 0 0 0;
	clear:both
}



th {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px solid #bobobo;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	background-color: #E4D4A5;
}

th.bg2 {
	border-top: 0;
	border-left: 0;
	padding: 4px 4px 4px 8px;
	borderlef: 1px solid #103659;
	background-color:#C63A00;
}


th.bg3 {
	border-top: 0;
	border-left: 0;
	padding: 4px 4px 4px 8px;
	borderleft: 1px solid #103659;
	background-color:#3F761C;
}


.producttable td {
	border-right: 1px solid #bobobo;
	border-right: 1px solid #bobobo;
	border-bottom: 1px solid #bobobo;
	border-top: 1px solid #bobobo;
	background: #fff;
	padding: 6px 6px 6px 8px;
	color: #333333;
	font-size:12px ;
	text-align:left;
}


td.alt {
	background-color: #FFFFFF;
	color: #333333;
}
/* Ditto 2 Blog
------------------------------------------------------------------------------- */
.ditto_summaryPost h3 {
    border-bottom: 1px solid #ccc;
    margin: 0px !important;
    padding: 5px !important;
    color: black;
}
.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
}
.ditto_link {
    font-size: 76%;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}


#ditto_pages {
   
   margin-bottom:10px
}
#ditto_pages .ditto_currentpage {
	border: 0px solid #9C9274;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #598799;
	color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	border: 1px solid #598799;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #FFFFFF;
	color: #598799;
} 
#ditto_pages a:hover {
	background-color: #598799;
	text-decoration:none;
	border: 1px solid #fff;
	color: #fff;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}

/* Ajax Search
------------------------------------------------------------------------------- */

#ajaxSearch_form {
           color: #444;
           width: auto;
       }
       #ajaxSearch_input {
	width: 227px;
	color:#7D7D7D;
	font-size:14px;
	display: inline;
	height: 24px;
	border: 1px solid #eaeaea;
	margin: 1px 3px 0 0;
	padding: 7px 3px 2px 5px;
	vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 36px;
           
       }
       #ajaxSearch_output {
           border: 0px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }

/* DittoCal
------------------------------------------------------------------------------- */
table.calendar tr td { padding:3px 0 3px 8px }

/*Contact form
------------------------------------------------------------------------------- */

.contact { width:450px;border:1px solid #e3e3e3; padding: 10px 20px 10px 20px; background-color:#fff }



/* Jot stuff
----------------------------------------------------------------------------- */


.jot-posticon img {  border: 0px solid #e1d29f }



/* Relates Posts
----------------------------------------------------------------------------- */

#outer #inner #pagebody #maincontent .related {
	float:left;
	width: 470px;
}

#outer #inner #pagebody  #maincontent .related ul { margin: 0 ; padding: 7px 0 0 0px; list-style:none}

#outer #inner #pagebody  #maincontent .related li {  list-style:none; padding:0; margin:0}



#outer #inner #pagebody  #maincontent .related ul li a  {
	PADDING:4px 0 4px 30px;
	background-image:url(../images/design/tic.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#598799;
	text-decoration:none;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	line-height:1.62em;
	font-size:12px;
}


#outer #inner #pagebody  #maincontent .related ul li a:hover  {
	text-decoration:underline;
	color:#598799;	
	
}
/* Categories
----------------------------------------------------------------------------- */

#outer #inner #pagebody #maincontent .categories {
	float:left;
	width: 470px;
}

#outer #inner #pagebody  #maincontent .categories  ul { margin: 0 ; padding: 7px 0 0 0px; list-style:none}

#outer #inner #pagebody  #maincontent .categories  li {  list-style:none; padding:0; margin:0}



#outer #inner #pagebody  #maincontent .categories  ul li a  {
	PADDING:4px 0 4px 30px;
	background-image:url(../images/design/page.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#2b5ca1;
	border-bottom: 1px solid #e8e8e8;
	display:block;
	text-decoration:none;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	line-height:1.62em;
	font-size:12px;
}


#outer #inner #pagebody  #maincontent .categories  ul li a:hover  {
	text-decoration:underline;
	color:##2b5ca1;	
	
}

/* Members
----------------------------------------------------------------------------- */

/* Registration
----------------------------------------------------------------------------- */

#wlpeNewUser {
	margin: 0px 0 9px 0;
	width:470px;
	font-weight:normal;
	padding:7px 0 0 0px;
	font-size:93%;
	color:#868686;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}

#wlpeNewUser label{
	display:block;margin:12px 0 0;float:left;clear:left;width:150px;
}

#wlpeNewUser input, #wlpeNewUser textarea{
width: 180px;
margin-bottom: 5px;
}

#wlpeNewUser select {
	width: 100px;
	margin-bottom: 5px;
	float:right
}

#wlpeNewUser textarea{
width: 250px;
height: 150px;
}


#wlpeNewUser #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}


#wlpeNewUser  fieldset        {width:440px;padding:10px 30px;margin:0;border:1px solid #e8e8e8;}
#wlpeNewUser  legend          {
	color:#666666;
	padding:0 10px;
	margin:0;
	font-size:1.5em;
	
}
#wlpeNewUser input           {width:250px;}
#wlpeNewUser input, #wlpeNewUser textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
#wlpeNewUser  input:focus,
#wlpeNewUser  textarea:focus  {background:#ffc;}
#wlpeNewUser textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}

#wlpeNewUser  label:after     {content:": ";}

#wlpeTermsOfService {
	float:left;
	width:420px
}


/* Login
----------------------------------------------------------------------------- */

#wlpeLogin {
	margin: 0px 0 9px 0;
	width:470px;
	font-weight:normal;
	padding:7px 0 0 0px;
	font-size:93%;
	color:#868686;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}

#wlpeLogin label{
	display:block;margin:12px 0 0;float:left;clear:left;width:150px;
}

#wlpeLogin input, #wlpeLogin textarea{
width: 180px;
margin-bottom: 5px;
}

#wlpeLogin select {
	width: 100px;
	margin-bottom: 5px;
	margin-top: 10px;
}

#wlpeLogin textarea{
width: 250px;
height: 150px;
}


#wlpeLogin #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}


#wlpeLogin  fieldset        {width:440px;padding:10px 30px;margin:0;border:1px solid #e8e8e8;}
#wlpeLogin  legend          {
	color:#666666;
	padding:0 10px;
	margin:0;
	font-size:1.5em;
	
}
#wlpeLogin input           {width:250px;}
#wlpeLogin input, #wlpeLogin textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
#wlpeLogin  input:focus,
#wlpeLogin textarea:focus  {background:#ffc;}
#wlpeLogin textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}

#wlpeLogin  label:after     {content:": ";}



/* Oter forms
----------------------------------------------------------------------------- */

#wlpeReset, #wlpeActivate,#wlpeUser {
	margin: 0px 0 9px 0;
	width:470px;
	font-weight:normal;
	padding:7px 0 0 0px;
	
	color:#868686;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}

#wlpeReset label, #wlpeActivate label, #wlpeUser label{
	display:block;margin:12px 0 0;float:left;clear:left;width:150px;
}

#wlpeReset input, #wlpeReset textarea, #wlpeActivate input, #wlpeActivate textarea, #wlpeUser input, #wlpeUser textarea{
width: 180px;
margin-bottom: 5px;
}


#wlpeReset textarea, #wlpeActivate textarea, #wlpeUser textarea{
width: 250px;
height: 150px;
}


#wlpeReset #submitbutton, #wlpeActivate #submitbutton, #wlpeUser  #submitbutton {
margin-left: 120px;
margin-top: 5px;
width: 90px;
}


#wlpeReset  fieldset,   #wlpeActivate  fieldset,   #wlpeUser  fieldset       {width:380px;padding:10px 30px;margin:0;border:1px solid #e8e8e8;}
#wlpeReset  legend,  #wlpeActivate  legend,  #wlpeUser  legend        {
	color:#7F7F7F;
	padding:0 10px;
	margin:0;
	font-size:1.5em;	
}
#wlpeReset input,    #wlpeActivate input,    #wlpeUser input       {width:250px;}
#wlpeReset input, #wlpeLogin textarea, #wlpeActivate input, #wlpeActivate textarea, #wlpeUser input, #wlpeUser textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
#wlpeReset  input:focus, #wlpeActivate  input:focus, #wlpeUser  input:focus
#wlpeReset textarea:focus  {background:#ffc;}
#wlpeReset textarea, #wlpeActivate textarea, #wlpeUser textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}

#wlpeReset  label:after,  #wlpeActivate  label:after, #wlpeUser  label:after   {content:": ";}

fieldset#wlpeUserProfileButtons {border:0}




/* Servcies List on home page
----------------------------------------------------------------------------- */

.serviceslist {
	float:left;
	width: 210px;
	padding-top:0px;
	text-align:left
}

 .serviceslist ul {
	margin: 0;
	padding: 5px 0 0 0px;
	list-style:none
}

 .serviceslist li {  list-style:none; padding:0; margin:0}



.serviceslist ul li   {
	PADDING:2px 0 2px 30px;
	background-image:url(../images/design/tic.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#606060;
	text-decoration:none;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	line-height:1.62em;
	font-size:11px;
}

/* News List on home page
----------------------------------------------------------------------------- */

.newslist {
	float:left;
	width:370px;
	text-align:left;
}

  .newslist ul { margin: 0 ; padding: 0px 0 15px 0px; list-style:none}

  .newslist li {
	list-style:none;
	padding:3px 0 3px 0px;
	border-bottom:1px solid #c9c9c9;	

	margin:0
}


 .newslist ul li a  {
	PADDING:3px 0 3px 0px;
	
	
	color:#dc7e2c;
	text-decoration:none;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	line-height:1.52em;
	font-size:13px;
}

#secondarycol_home .newslist ul li a:hover {
	
	text-decoration:underline;
	
}

.newslist ul li div.date2 {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-image:none;
clear:left;
color:#949494; 
 padding: 3px 0 0 0    


}


.newslist ul li div.summary {

font-family:Arial, Helvetica, sans-serif;
line-height:19px;
font-size:13px;
color:#5e5e5c; 
clear:left;
 padding: 3px 0 0 0    


}



/* Quotes
----------------------------------------------------------------------------- */

.quotes {
	float:left;
	text-align:left;
	
}




/* Work panels
----------------------------------------------------------------------------- */
.showcase_panel {
	padding:0px 0px 0px 10px;
	position:relative;
	margin: 0 0 15px 0px;
	text-align:left;
	width:935px;
	min-height:250px;
	height:auto !important;
	height:250px;
	background-color:#f4f4f4
	}

.showcase_panel .imageright {



	float:right;
	padding:0 0 0 0;
	border-left:5px solid #fff;
	margin:0 0px 0 0;



}
.showcase_panel .imageright img {



	
	border:0px solid #f4f4f4;
	



}



.showcase_panel h3	{
	margin: 2px 0px 4px 0;
	padding: 10px 0 0 0px;
	color:#dc7e2c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:138.5%;
    }
	
	
	
	.showcase_panel ul {	

	MARGIN: 10px 0px 3px 0px; 
	LIST-STYLE-TYPE: none;	
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}



.showcase_panel li  {
	PADDING:2px 0 2px 30px;
	FONT-WEIGHT: normal;
	background-image:url(../images/design/tic2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	MARGIN: 0px 0 0 15px;
	line-height:1.62em;
	font-size:93%;
	color:#606060
}





.showcase_panel p {
	margin: 0px 0 9px 0;
	font-weight:normal;
	padding:7px 0 0 0px;

	color:#606060;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}


.showcase_panel a  { 


color:#598799;
text-decoration:none

}


.showcase_panel a:hover  { 


color:#598799;
text-decoration:underline

}

.backtop {  position:absolute;  top:223px; left:10px      }


div.hr2 hr {
  display: none;
}

div.hr2 {
	text-align: center;
	border: none;
	height: 27px;
	background: url(../images/design/hr2.jpg) no-repeat bottom left;
	margin: 0 0 7px 0;
	padding: 0;
}


/* Work panels  grid Layout
----------------------------------------------------------------------------- */

.showcase_holder {
	padding:0px 0px 0px 0px;
	float:left;
	margin: 0 0px 0px 0px;
	text-align:left;
	width:490px;
	}



.showcase_panel2 {
	padding:0px 0px 0px 0px;
	float:left;
	margin: 0 15px 10px 0px;
	text-align:left;
	width:145px;
	}
	
	
.showcase_panel2_alt {
	padding:0px 0px 0px 0px;
	float:left;
	margin: 0 0px 10px 0px;
	text-align:left;
	width:111px;
	}
	
	
.showcase_panel2_first {
	padding:0px 0px 0px 0px;
	float:left;
	margin: 0 11px 10px 0px;
	text-align:left;
	width:111px;
	}

.showcase_panel2 .imageright, .showcase_panel2_first .imageright, .showcase_panel2_alt .imageright {
	float:left;
	padding:0 0 0 0;
	
	margin:0 0px 0px 0;
}



.showcase_panel2 .imageright a img, .showcasepanel2_first .imageright a img, .showcase_panel2_alt .imageright a img {



	
	border:0px solid #f4f4f4;
	padding:0
	



}



.showcase_panel2 h3, .showcase_panel2_first h3, .showcase_panel2_alt h3	{
	margin: 2px 0px 4px 0;
	padding: 10px 0 0 9px;
	color:#dc7e2c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:108%;
    }
	
	
	
	.showcase_panel2 ul {	

	MARGIN: 10px 4px 3px 2px; 
	LIST-STYLE-TYPE: none;	
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}



.showcase_panel2 li  {
	PADDING:0px 0 0px 15px;
	FONT-WEIGHT: normal;
	
	background-image:url(../images/design/circle2.gif);
	background-repeat:no-repeat;
	background-position:2px 0px;
	MARGIN: 0px 0 0 5px;
	line-height:1.62em;
	font-size:85%;
	color:#606060
}





.showcase_panel2 p {
	margin: 0px 0 9px 0;
	font-weight:normal;
	padding:7px 0 0 0px;

	color:#606060;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}


.showcase_panel2 a,.showcase_panel2_first a,.showcase_panel2_alt a  { 


color:#598799;
font-size:85%;
display:block;
border:0px solid #fff;
text-decoration:none

}


.showcase_panel2 a:hover, .showcase_panel2_first a:hover, .showcase_panel2_alt a:hover  { 

display:block;
border:0px solid #e3e3e3;
color:#598799;
text-decoration:underline

}

.backtop2 {
	position:absolute;
	top:317px;
	left:88px
}


div.hr3 hr {
  display: none;
}

div.hr3 {
	text-align: center;
	border: none;
	height: 27px;
	background: url(../images/design/hr2.jpg) no-repeat bottom left;
	margin: 0 0 7px 0;
	padding: 0;
}

/* Service panels
----------------------------------------------------------------------------- */
.service_panel {
	padding:0px 0px 0px 10px;
	float:left;
	margin: 0 40px 0px 0px;
	
	text-align:left;
	width:440px;
	
	
	}
	
	
.service_panel p {
	margin: 0px 0 9px 0;
	font-weight:normal;
	padding:7px 0 0 0px;
	color:#606060;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}


.service_panel2 {
	padding:0px 0px 0px 10px;
	float:left;
	margin: 0 0 0px 0px;
	text-align:left;
	width:440px;

	
	}
	
	
.service_panel2 p {
	margin: 0px 0 9px 0;
	font-weight:normal;
	padding:7px 0 0 0px;
	color:#606060;
	font-family: Helvetica, Arial, Verdana,  sans-serif;
	text-align:left;
	line-height:1.7em;
}






#grid img {float:left   }

/* Get a quote button
----------------------------------------------------------------------------- */

#quote {
position:fixed;
.position:absolute;
_position:absolute;
top:420px;
right:0; 

}


/* Work
----------------------------------------------------------------------------- */

 .project-details{ float:left   }
 
  .project-info{
	float:left;
	width: 430px;
	padding: 10px 0 0 30px
}
 
 
 
 
 .project-wrapper{
	float:left;
	width:470px;
	margin-top:6px;
	background-color:#FFFFFF;
	border: 1px solid #e3e3e3;
	display:block;
	padding:5px;
}
 #bd h2{height:126px;}
body div.first div.first{float:left;width:480px;}
 #project-image{width:470px;float:left;overflow:hidden;}
 #project-image img{float:right;margin-bottom:5px;}
 #project-image a{border:none;}
 a.enlarge{font-size:10px;color:#999;background:none;float:right;margin:6px 1px 2px 0;border:none;}
 a.enlarge:hover,a.enlarge:active{color:#666;}
.project-images{margin:0;}
.first .yui-u{width:230px;margin-top:3px;}
.first .yui-u h3{margin-bottom:0;padding-bottom:0;}
.project-wrapper #nav{margin:10px 1px 3px;float:left;}
.project-wrapper #nav a{color:#fff;margin:0 5px 0 0;width:11px;display:block;float:left;font-size:0;height:11px;background:url(../images/design/slide-show-item.gif) no-repeat bottom;border:none;}
.project-wrapper #nav a.activeSlide{background-position:top;border:none;}
.project-wrapper #nav a:focus{outline:none;}
.project-wrapper ul { padding:0; margin:0}
.project-wrapper ul li { padding:0; margin:0}
.project-wrapper ul li a { padding:0; margin:0}
.project-wrapper img { padding:0; margin:0}


#maincontent .project-wrapper h2 {
	margin: 0px 0 7px 0;
	padding:7px 0 0 0px;
	font-size:20px;
	color:#d4731f;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	font-weight:normal
}


	
	
/* Quick quote in seconadry column
----------------------------------------------------------------------------- */


#quickquote  {
	float:left;
	text-align:left;
	width:282px;
	margin:10px 0px 0 0px;
	padding:0px 10px 15px 18px;
	background-color:#4f4f4f;
	}
	

.grey { color:#606060 }


/* Testimonials page
----------------------------------------------------------------------------- */


#maincontent_ext .textwrapper2 {
	padding:0px 0px 0px 0px;
	FLOAT: left;
	margin: 0 0 0px 0px;
	text-align:left;
	border-bottom:0px solid #eaeaea;
	width:960px;
	 }
	 


#maincontent_ext .textwrapper2 ol.commentlist  {
	
	padding:0; margin:0
}


#maincontent_ext .textwrapper2 ol.commentlist li {
	display:inline;
	color:#606060;
	font-size:12px;
	line-height:19px;
	float:left;
	margin:0 20px 20px 0;
	padding:7px 15px 7px 15px;
	min-height:150px;
	width:437px;
	background-color:#fff;
	
	border: 1px solid #e3e3e3;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 1.6em;
	
}


#maincontent_ext .textwrapper2 ol.commentlist li.alt2 {
	
	margin:0 0px 20px 0;
	

}



/* Work on home page
----------------------------------------------------------------------------- */


.workpanel_home {
	float:left;
	padding:0 0 0 0;
	margin:10px 30px 6px 0;
	width:260px
	}
.workpanel_home.alt { margin-right:0 }




/* Work on work page
----------------------------------------------------------------------------- */


.workpanel {
	float:left;
	padding:0 0 0 0;
	margin:10px 15px 6px 0;
	width:225px
	}
.workpanel.alt {
	
}



/* Social Media icons in footer


----------------------------------------------------------------------------- */

ul#socialmedia {
	position: relative;
	float:right;
	top: 3px;
	left:0px;
	width:137px;
	margin: 0;
	padding: 0 0 0 0px;
	height: 42px;
	list-style-type: none;
	overflow: hidden;
}



ul#socialmedia li a {
	position: absolute;
	top: 0;
	background-image:url(../images/design/socialicons.png);
	background-repeat:no-repeat;
	width: 35px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:35px; /* IE5/Win */


	
}

body li#twitter a 			{ background-position: 0px 0; width: 35px; top:0px; left: 0; }
body li#facebook a 			{ background-position: -35px 0px; width: 35px; top:0px;left: 35px; }
body li#linkedin a 			{ background-position: -70px 0px; width: 35px; top:0px;left: 70px; }
body li#rss a 			{ background-position: -105px 0px; width: 35px; top:0px; left: 105px; }




/* Blog post links
----------------------------------------------------------------------------- */



#secondarycol .thumblist  {
	margin-right:0px;
}

#secondarycol .thumblist ul {
	font-size:12px;
	list-style-type:none;
	margin:10px 0 10px 0;
	padding:0;
}


#secondarycol .thumblist ul img {
	border:3px solid #FFFFFF;
	list-style-type:none;
	float:left;
	margin:0 9px 0 0;
}



#outer #inner #secondarycol  .thumblist ul li {
display:block;
list-style-type:none;
width:280px;

margin:0 0px 0 0;
padding:0px 0 0px 0;
}


#outer #inner #secondarycol  .thumblist ul li a {

color:#FFFFFF;
padding: 0 0 0 15px;
text-decoration:none;
height:49px;
margin:0;
list-style-type:none;
display:block;
}






.clearfix {
display:inline-block;
}


#outer #inner #secondarycol ul.reflect_archive  {


	margin: 7px 0 10px 10px;
	padding:0 0 0 5px;
	font-size:93%;
	color:#fff;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:left;
	
	line-height:18px;
	
	
	
	}
	
	
#outer #inner #secondarycol ul.reflect_archive li  {


	padding:0px 0px 0px  0px; list-style:disc; 
	
	
	
	
	}
	

#outer #inner #secondarycol ul.reflect_archive li  a {


	color:#fff;
	text-decoration:none;
	padding:0 0 0 0;
	
	
	
	}
	
	
#outer #inner #secondarycol ul.reflect_archive li  a:hover {
	color:#ffcca5;
	text-decoration:underline;
	list-style-type:none	
	
	}
	
	
	
  /* COMMENTS STYLING
----------------------------------------------------------------------------- */



#commentsAnchor {

float:left;
width:610px;
padding: 0 0 0 0

}

.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 1px solid #CCCCCC;margin-bottom: 10px;background-color: #e9e9e9;}
.jot-row-alt {background-color: #f9f9f9;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: right;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {font-weight: bold;font-size: 1.1em;}
.jot-message {padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}


.jot-form fieldset {border: 0px;}

.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 80px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}



.jot-form label {display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:26px; color:#000000; font-weight:bold; margin: 0px 0 0px 0}

.jot-form input {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #C4C4C4;
color:#000000;
font-family:Helvetica,Arial;
font-size:14px;
padding:7px;
width:465px}


.jot-form textarea {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F4F4F4 none repeat scroll 0 0;
border:1px solid #C4C4C4;
color:#000000;
font-family:Helvetica,Arial;
font-size:16px;
padding:10px;
width:465px}



.jot-form input.button {
	
	width:150px;
	border:0;
	border-bottom:1px solid #803d0a;
	color:#FFFFFF;
	cursor:pointer;
	font-size:13px;
	padding:7px 20px 5px;
	text-transform:uppercase;
	background-color:#598799;
	background:url(../images/design/button_bg.png);
	background-repeat:repeat-x
	
	
	
	 }
	
#commentsAnchor  h2   {
	


display: block;
border-bottom:0px





}

input.button {

	
	border:0;
	border-bottom:1px solid #803d0a;
	color:#FFFFFF;
	cursor:pointer;
	font-size:13px;
	padding:7px 10px 5px 10px;
	text-transform:uppercase;
	background-color:#598799;
	background:url(../images/design/button_bg.png);
	background-repeat:repeat-x
	
	
	}
	
	
/* BLOG ARCHVES
----------------------------------------------------------------------------- */



#maincontent .reflect_archive_list  {


float:left;
font-size:14px


}




#maincontent .reflect_archive_list ul.reflect_archive {


margin:20px 0 0 0px;
list-style-type:none;
padding: 0 0 0 0


}



#maincontent .reflect_archive_list ul.reflect_archive li {



list-style-type:none;
font-weight:bold;
padding: 0 0 0 0;
margin:0 0 10px 0


}


#maincontent .reflect_archive_list ul.reflect_archive li.reflect_item {



list-style-type:none;
padding: 0 0 0 0;
margin:0


}

#maincontent .reflect_archive_list ul.reflect_archive li.reflect_month ul.reflect_items  {


margin:0; padding:0


}

/* WORK DETAIL NEXT/PREV BUTTONS
----------------------------------------------------------------------------- */

#nextpanel {
	position:relative;
	
	
}


#controls { position:absolute; top:-62px; left:514px;    }


#nextpanel span.total { font-size:12px; float:left; margin-right:10px; padding-top:22px;}


#nextpanel a.previous {

background:url("../images/design/leftarrow.png") no-repeat scroll left top transparent;
text-indent:-99999px;
float:left;
width:42px;
height:42px;
  


}


#nextpanel a.index {

padding:0px 0 0 0;
height:20px;
text-align:center;
float:left;
width:42px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
line-height:19px;
font-size:12px;
color:#FFFFFF;
margin:0 0 0 0px;
background:none repeat scroll 0 0 #598799;
border:4px solid #598799;  }



#nextpanel a.next {

background:url("../images/design/rightarrow.png") no-repeat scroll left top transparent;
text-indent:-99999px;
float:left;
width:32px;
height:42px;    }


#nextpanel a.next:hover {
background:url("../images/design/rightarrow-over.png") no-repeat scroll left top transparent; }


#nextpanel a.previous:hover {
background:url("../images/design/leftarrow-over.png") no-repeat scroll left top transparent; }


#nextpanel a:hover.previous, #nextpanel a:hover.next, #nextpanel a:hover.index { 

text-decoration:none

}


/*INFO PANEL ON WORK PAGES
----------------------------------------------------------------------------- */



.info-panel {
	float:right;
	background-color:#598799;
	width:283px;
	padding: 10px 25px 10px 24px;
	margin:53px 0 0 20px
}
.info-panel p  { color:#FFFFFF !important; font-size:14px !important;   }
.info-panel a  { color:#FFFFFF !important; text-decoration:underline !important; font-weight:bold   }

.info-panel h5 {  font-size:22px; color:#FFFFFF; padding: 0 0 0 0; margin: 0 0 0px 0; font-weight:400
   }



.info-panel ul {
	margin: 0;
	padding: 5px 0 0 0px;
	list-style:none
}

.info-panel li {  list-style:none; padding:0; margin:0}



.info-panel ul li   {
	PADDING:2px 0 2px 30px;
	background-image:url(../images/design/tic.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFFFFF;
	text-decoration:none;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
	line-height:1.62em;
	font-size:12px;
}