
/* @group navigation */

/* @group Nav 1 */
ul#nav1 {

	background-image: url(/workspace/img/nav1_bg.jpg);
	list-style: none;
	/*_display: inline-block;
	_display: inline;*/
	margin:  0px;
	padding-left: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	width: 750x;
	height: 20px;
	text-align: center;
	overflow: hidden;
} 
ul#nav1 li{
	display: inline;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	/*border-left: 1px solid white;*/
	font-family:  Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	font-size: 11px;
	vertical-align: middle;	
	font-weight: bold;
	 white-space:normal;
}

ul#nav1 li.active, #nav1 li.active_parent {
	background-image: url(/workspace/img/nav1_active_bg.jpg);
	white-space:normal;
}
ul#nav1 li.last a{ border-right:1px solid white; }

ul#nav1 li .last { border-right:1px solid white; }

ul#nav1 li a{
	color: #235937;
	padding-left: 15px;
	padding-right:15px;
	padding-top: 10px;
	padding-bottom: 8px;
	background-image: url(/workspace/img/nav1_bg.jpg);
	border-left: 1px solid white;
	width: 100%;

}

 ul#nav1 li .active, #nav1 li a.active_parent {
	background-image: url(/workspace/img/nav1_active_bg.jpg);
	color: white;
	padding-left: 15px;
	padding-right:15px;
	padding-top: 10px;
	padding-bottom: 8px;
	border-left: 1px solid white;
}

#nav1 li a:link, #nav1 li a:visited{ 
/*font-size: 11px;*/
}

#nav1 li a:hover{
	background-image: url(/workspace/img/nav1_hover_bg.jpg);
	text-decoration: none;
	color: #235937;
} 

/* @end */

/* @group Nav2 */

/* @group vertical */
.vertical-nav-2-menu #nav2 {
	background:#f7d191;
	list-style: none;
	/*width: 242px;
	_width:240px;*/
	width:150px;
	padding-top: 10px;
	padding-bottom: 25px;	
	/*padding-left: 20px;
	_padding-left: 12px;*/
	padding-left: 5px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 10px;
	border-top:none;
} 

.vertical-nav-2-menu #nav2 li{
	border-right: none;
	border-left: none;
	display: block;
	text-align: left;
	padding-left: 24px;
	/*width: 212px;*/
	width:130px;
	background: url(/workspace/img/n2v_n2_bg2.gif) no-repeat left center;
	/*height:30px ;*/
	/*font-size:14px;*/
	font-size:11px;
	padding-top: 5px;
	padding-bottom:5px;
	text-transform:none;
}

.vertical-nav-2-menu #nav2 li a {
	background-image: none;
}

.vertical-nav-2-menu #nav2 li .active {
	display: block;
	text-transform:none;
	/*font-size: 14px;*/
	font-size:11px;
border-top: 1px solid white;
	/*line-height: 20px;*/
	margin-bottom: 0px;
	margin-top: 4px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-bottom: 6px;
	background-image: none;
	color: black;
}

.vertical-nav-2-menu #nav2 li.first {
	border-top: none;
	border-right: none;
	border-left: none;
}


.vertical-nav-2-menu #nav2 li.first a:link, .vertical-nav-2-menu #nav2 li.first a:visited, .vertical-nav-2-menu #nav2 li .first a:link, .vertical-nav-2-menu #nav2 li .first a:visited, .vertical-nav-2-menu #nav2 li.first .active{
	border-top:none;
	border-right: none;
}

.vertical-nav-2-menu #nav2 li a:link, .vertical-nav-2-menu #nav2 li a:visited{
	display: block;
	border-top: 1px solid white;
	color: #235937;
	font-weight: normal;
	/*font-size:14px;*/
	font-size: 11px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	/*line-height:20px;*/
	
	/*padding-bottom: 10px;
	margin-top: 10px;*/
	padding-bottom: 6px;
	margin-top: 4px;
	
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}

.vertical-nav-2-menu #nav2 li a:hover{
	background: none;
	color: black;
}


/* @end */

/* @group horiztonal */

#nav2 {
	float: left;
	list-style: none;
	width: 730px;
	/*_width:700px;*/
	border-top: 3px solid white;
	padding-left: 10px;
	/*padding-top: 5px;*/
	/*padding-bottom: 5px;*/
	padding-right: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/workspace/img/nav2h_bg.jpg);
	background-color: #f7d191;
} 
#nav2 li{
	height:27px;
	float: left;
	text-align: center;
	border-right: 1px solid #95753f;
	font-family: Arial, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	/*text-transform: uppercase;*/
	vertical-align: center;
}

#nav2 li.first { border-left: 1px solid #95753f; }

#nav2 li a:link, #nav2 li a:visited {
	line-height: 15px;
	display:block;
	color: #235937;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	/*background-image: url(/workspace/img/nav2h_hover_bg.gif);*/
	background-image: url(/workspace/img/nav2h_bg.gif);
	font-size: 11px;
	display: block;
}

#nav2 li a:hover{
	display: block;
	text-decoration: none;
	background-image: url(/workspace/img/nav2h_hover_bg.gif);
	/*background-image: url(/workspace/img/nav2h_bg.gif);*/
} 
#nav2 li.parent  a:link { font-size: 11px; color: black;}
#nav2 li.parent {
	border-right: 1px dotted #235937;
}

#nav2 li .active, #nav2 li a.active_parent {
	line-height: 15px;
	display:block;
	background-image: url(/workspace/img/nav1_active_bg.jpg);
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color: white;
	font-size: 11px;
}



/* @end */

/* @end */

/* @group Nav3 */

/* @group vertical  */

.default #nav3 {
	background:#f7d191;
	list-style: none;
	width:150px;
	padding-top: 10px;
	padding-bottom: 25px;	
	padding-left: 5px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 10px;
	border-top:none;
} 

.default #nav3 li{
	border-right: none;
	display: block;
	text-align: left;
	padding-left: 24px;
	/*width: 212px;*/
	width:130px;
	background: url(/workspace/img/n2v_n2_bg2.gif) no-repeat left center;
	/*height:30px ;*/
	/*font-size:14px;*/
	font-size:11px;
	padding-top: 5px;
	padding-bottom:5px;
	text-transform:none;
}

.default #nav3 li .active {
	display: block;
	text-transform:none;
	/*font-size: 14px;*/
	font-size:11px;
	border-bottom: 1px solid white;
	/*line-height: 20px;*/
	margin-bottom: 0px;
	margin-top: 4px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-bottom: 6px;
}

.default #nav3 li .last {
	border-bottom: none;
}


.default #nav3 li.last a:link, .default #nav3 li.last a:visited, .default #nav3 li .last a:link, .default #nav3 li .last a:visited{
	border-bottom:none;
}

.default #nav3 li a:link, .default #nav3 li a:visited{
	display: block;
	border-bottom: 1px solid white;
	color: #235937;
	font-weight: normal;
	/*font-size:14px;*/
	font-size: 11px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	/*line-height:20px;*/
	
	/*padding-bottom: 10px;
	margin-top: 10px;*/
	padding-bottom: 6px;
	margin-top: 4px;
	
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}


.default #nav3 li a:hover{
	color: #235937;
	/*font-weight: bold;*/
	font-size:11px;
} 


/* @end */



/* @end */



/* @end */

/* @group Global Text Styles */

/* @group H styles */
/* @end */

/* @group Link styles */
a {
	text-decoration:none;
	color: #3da061;
}

a img {
	border: none;
}

a:link, a:visited {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
}

/* @end */


/* @end */

/* @group Layout Styles */
#ca1 {
	padding-top: 20px;
	float: left;
}
/* @group right column */

.right-column #left_column {
	float:left;
padding-left:27px;
padding-right:15px;
width:430px;
}


.right-column #right_column {
	float:left;
padding-right:10px;
width:266px;
}

/* @end */

/* @group default */



/* @end */

/* @group Nav2 Vertical */
.vertical-nav-2-menu #left_column {
border-top:3px solid white;
float:left;
padding-left:0px;
padding-right:15px;
width:180px;	
}
.vertical-nav-2-menu #right_column {
border-top:3px solid white;
float:left;
padding-right:27px;
width:525px;	
}

.vertical-nav-2-menu #ca1 img{ border:3px solid #adc687;}
.vertical-nav-2-menu #ca1 h1 {font-size: 18px;}
.vertical-nav-2-menu #ca2 img{ float: none; border: 3px solid #adc687;}
.vertical-nav-2-menu #ca2 .breakout1 {background-color:#adc687;padding-bottom: 15px; float: left; width: 258px;}
.vertical-nav-2-menu #ca2 .breakout1 h2 { color: #876833; text-align: center; font-size: 20px;}
.vertical-nav-2-menu #ca2 .breakout1 img {float: left;}
/* @end */

/* @group Nav3 Vertical */
.default #left_column {
	float: left;
	/*width: 264px;*/
	/*padding-left: 27px;
	_padding-left:13px;*/
	width:180px;
	padding-left: 0px;
	padding-right: 15px;
	/*border-top: 3px solid white;*/
}

.default #right_column{
	float: left;
	/*width: 415px;
	_width: 415px;*/
	width:525px;
	padding-right: 27px;
	_padding-right: 27px;
	/*border-top: 3px solid white;*/
}

.default #ca2{background:#adc687; border: 3px solid; float: left;
	color: #f7d191; margin-bottom: 20px;
}



.default #ca3{ float: left; width: 696px; /*_width: 750px;*/background: #f7d191; padding-left: 27px;padding-right: 27px; padding-bottom: 15px; padding-top:10px;}


.default #ca3 h2 {
	color: #876833;
}
.default #ca3 p {
	color: #876833;
	
}
.default #ca1 h1 {font-size: 18px;}

.default #ca1 img{ border:3px solid #adc687;
}

/* @end */

/* @group Single Column */

.single-column #ca1{
	padding-left: 27px;
	padding-right: 27px;
}

.single-column #ca2{background:#adc687; border: 3px solid; float: left;
	color: #f7d191; margin-bottom: 20px;
}

.single-column #ca3{ float: left; width: 696px;background: #f7d191; padding-left: 27px;padding-right: 27px; padding-bottom: 15px; padding-top:10px;
	color: #f7d191;
}
.single-column #ca3 h2 {
	color: #876833;
}
.single-column #ca3 p {
	color: #876833;
}
.single-column #footer{ #background: red;
	background-color: ;
}
/* @end */

/* @group body */
body{
	background: #f5f4c1 url(/workspace/img/body_bg.gif) repeat-x 0 top;
	_text-align: center; 
}

#content {
	margin:  auto;
	width: 752px;
	_text-align:left;
}
/* @end */

/* @group Top */

#banner{
	float:left; 
	background: url(/workspace/img/banner.jpg); 
	width: 750px; 
	height: 145px; 
	border-top: 3px solid white;
	border-bottom: 3px solid white; 
/*_overflow: hidden;*/}

#top {
	float:left; 
	width: 750px;
	background-color: #adc687; 
	border-top:1px solid black; 
	border-left:1px solid black;  
	border-right:1px solid black;
	}

/* @end */


/* @group Middle */
#middle {
	float: left; 
	width: 750px; 
	min-height: 470px;
	_height:470px;
	background: #f5f4c1;  
	border-left:1px solid black; 
	border-right:1px solid black; 
	border-bottom: 1px solid black}
/* @end */

/* @group Bottom */
#bottom {
	float: left; width:750px;
	}
#footer{
	float: left;
	margin-top: 5px;
	width:100%;
}

#footer img{
	float: left;
}

/* @end */



/* @end */

/* @group Content Styles */

/* @group Content Area 2 */

.right-column #ca2 {
	background:#ADC687 none repeat scroll 0%;
}

.right-column #ca2 img
{
	border:3px solid #ADC687;
float:none;
}

/* @end */
img{float:left;}
img.right {
	float: right;
}

/* @group Content Area 1 Specific */
#ca1 img{
	margin-top: 15px;
	margin-left: 8px;
	margin-right:  8px;}

#ca1  {
	padding-top: 20px;}

#ca1 h1 {
	color: #adc687;
	font-size: 18px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	display :inline;
	margin-bottom: 10px;
	padding-bottom: 4px;
	padding-right:  25px;
	border-bottom: 2px solid #adc687;
	border-right: 2px solid #adc687;
}

#ca1 h2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 20px;
	color: #235937;
}

#ca1 h3 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 18px;
	color: #235937;
	
}

#ca1 p {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 16px;
	line-height: 24px;
}

#ca1 ul {
	list-style: none;
	list-style-image: url(/workspace/img/bullet.gif);
}
#ca1 ul li {
	/*background: url(/workspace/img/bullet.png) no-repeat left;
	padding-left: 16px;*/
	width: 325px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 22px;
	color: black;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#ca1 .form1 form fieldset {
margin-top:15px;
}
#ca1 .form1 form legend {
color:#CAAB6A;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
#ca1 .form1 form p {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
}
#ca1 .form1 form ul {
	list-style: none;
}
#ca1 .form1 form li {
	margin-top: 8px;
text-align: right;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
}
#ca1 .form1 form input {
margin-bottom:5px;
}

#ca1 .list_row {
width: 90%;
display: block;
float: left;
}

#ca1 .list_row img {
	display: block;
}

#ca1 #gallery_index {
	float: left;
	padding-left: 10px;
	padding-top: 20px;
	margin-bottom: 30px;
	width: 660px;
	background-color:#adc687;
	height: 240px;
}

#ca1 #gallery_index .category {
	width:  300px;
	float: left;
	margin: 10px;
	text-align: center;
	border: 1px solid white;
	height: 78px;
	color: white;
}

#ca1 #gallery_index .category p {
	margin-top: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 20px;
	color: white;
}

#ca1 #gallery_index .category p a:link, #ca1 #gallery_index .category p a:visited {
	color: white;
}

#ca1 #gallery_index img{
	border: 2px solid white;
	margin: 4px;
	height: 64px;
	width: 64px;
}
/* @end */

#banner-link { 
float: left;
position: relative; 
top: 15px;
height:110px; 
width: 270px; 
overflow:hidden;

}

#banner-link a{
display:block;
height: 0pt;
padding-top:110px;
line-height:110px;
overflow:hidden;
}

#extra-nav {
	height:28px; 
	float: right; 
	margin-right: 27px; 
	_margin-right:15px;
	padding-left:5px;
	background: url(/workspace/img/lib_request_estimate_drop.png) no-repeat left bottom;

}

#extra-nav a {
	background: url(/workspace/img/lib_request_estimate_bg.gif) repeat-x;
	line-height: 28px;
	float: left;
	padding-top: 0px;
	color: white;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-right:10px;
	
}

#lib_footer {
	padding-bottom:  20px;
	padding-left: 0px;
	padding-top: 10px;
	display: table;
	list-style: none;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: .8em;
	color: #235937;
	margin: 0px auto;
	_margin-left: 40px;
}

#lib_footer li {
	float: left;
	display: table-cell;
	padding-left: 6px;
	padding-right: 6px;
	border-right: 1px solid #235937;
	
}
.footer {
	_text-align:xenter;
}


#lib_footer li.last {
	border-right: none;
	float: left;
	
} 

.banner_images {
	width: 450px;
	_width: 430px;
	float: left;
	position: relative;
	top: 85px;
	_top: 70px;
	/*_right: 30px;*/
	height:  100px;
	margin-left: 27px;
	_margin-left: 10px;
	overflow: visible;
	
}

.banner_images .drop{
	width: 125px;
	height: 105px;
	float: left;
	margin-right: 20px;
	_margin-right: 10px;
	background: url('/workspace/img/banner_imagedrop.png') no-repeat left top;
	overflow: visible;
		
}

.banner_images .drop img{
	width: 119px;
	height: 87px;
	position:relative;
	bottom:10px;
	right: 10px;
border: 3px solid white;
	overflow: visible;
}

#flashcontent {
	width: 700px;
	height: 450px;
	float: left;
	margin-left: 25px;
	margin-bottom: 30px;
}



/******* Forms *******/

#contact-form {
	margin-top: 10px;
	float: left;
	margin-bottom: 20px;
	margin-left: 150px;
}

#guideline {
	float: right;
	color: #333;
	width: 241px;
	font: 80%/1.5em Verdana, Sans-serif;
}

#guideline h4 {
	border-bottom: 1px dotted #333;
	text-transform: uppercase;
	font: 110% Helvetica, Sans-serif;
	padding-bottom: 6px;
}

#guideline ul {
	list-style-type: square;
	margin: 6px 0 30px 15px;
}

#guideline li {
	margin-bottom: 12px;
}

form {
	background-color: white;
	width: 320px;
	font-size: 90%;
	padding: 9px 9px 25px;
	border: 1px solid #b29771;
}

fieldset {
	border: none;
}

form label {
	display: block;
	color: #333;
	font: 100% Helvetica, Sans-serif;
	text-transform: uppercase;
	line-height: 150%;
	margin-bottom: 5px;
}

form label small {
	display: block;
	color: #888;
	font-size: 80%;
	text-transform: none;
	text-align: right;
	margin-left: 40%;
	margin-top: -1.55em;
}

form label small a:hover {
	color: #666;
	border-color: #888; 
}

form input, form textarea {
	display: block;
	width: 100%;
}

form textarea {
	height: 200px;
}

form input {
	border: 1px solid #ddd;
	font-size: 14px;
	}


form input#submit {
	float: right;
	display: block;
	width: 120px;
}

form p.success {
	color: #6cc33c;
	background: #e2e4db url("../img/icon-tick.gif") left center no-repeat;
	font-size: 99%;
	margin: 0 0 9px;
	padding-left: 24px;
}

form p.error {
	color: #ff4242;
	background: #e2e4db url("../img/icon-cross.gif") left center no-repeat;
	font-size: 99%;
	margin: 0 0 9px;
	padding-left: 24px;
}

/* @end */











