@charset "utf-8";

/* Begin Layout */
body {background-image:url(images/headerbg-wedge.jpg); background-repeat:repeat-x; background-color:#547D17; margin: 0;	padding: 0;}
.oneColFixCtrHdr #container {width: 780px; background: #547D17; margin: 0 auto;}
.oneColFixCtrHdr #header {height: 110px; background-image:url(images/headerbg.jpg);}
.oneColFixCtrHdr #header img{height: 100px;width: 780px;margin:0 0 0 0;float: left;	border: 0;}
.oneColFixCtrHdr #PrimaryContent {background: #FFFFFF; height:100%; margin: 0 auto; padding: 15px 15px 15px 15px;}
.oneColFixCtrHdr #PrimaryContent img{border:0;}
.oneColFixCtrHdr #footerwrapper {width:780px;margin: 0 auto 0 0;border: 0 solid #f0f0f0; height:260px;}
.oneColFixCtrHdr  #footer {background-color:#fff; width:780px;float:left; display:inline;}
.oneColFixCtrHdr #colwrap2 {
	float:left;
	width:262px;
	margin-top:0px;
	margin-left:0px;
	border: 0px solid #f0f0f0;
	height:260px;
}
.oneColFixCtrHdr #footerbtm_r1_c1 {
	margin-left:0px;
	margin-top:40px;
	width:262px;
	height:65px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r1_c1.jpg);
}
.oneColFixCtrHdr #footerbtm_r2_c1 {
	margin-left:0px;
	margin-top:0px;
	width:262px;
	height:58px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r2_c1.jpg);
}
.oneColFixCtrHdr #footerbtm_r3_c1 {
	margin-left:0px;
	margin-top:0px;
	width:262px;
	height:137px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r3_c1.jpg);
}
.oneColFixCtrHdr #colwrap3 {
	float:left;
	width:262px;
	margin-top:0px;
	margin-left:0px;
	border: 0px solid #f0f0f0;
	height:260px;
}
.oneColFixCtrHdr #footerbtm_r1_c2 {
	margin-left:0px;
	margin-top:40px;
	width:262px;
	height:65px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r1_c2.jpg);
}
.oneColFixCtrHdr #footerbtm_r2_c2 {
	margin-left:0px;
	margin-top:0px;
	width:262px;
	height:58px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r2_c2.jpg);
}
.oneColFixCtrHdr #footerbtm_r3_c2 {
	margin-left:0px;
	margin-top:0px;
	width:262px;
	height:137px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r3_c2.jpg);
}
.oneColFixCtrHdr #colwrap4 {
	float:left;
	width:256px;
	margin-top:0px;
	margin-left:0px;
	border: 0px solid #f0f0f0;
	height:260px;
}
.oneColFixCtrHdr #footerbtm_r1_c3 {
	margin-left:0px;
	margin-top:40px;
	width:256px;
	height:208px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r1_c3.jpg);
}
.oneColFixCtrHdr #footerbtm_r4_c3 {
	margin-left:0px;
	margin-top:0px;
	width:256px;
	height:52px;
	margin-bottom:0px;
	float:left;
	display:inline;
    background-image:url(images/footerbtm_r4_c3.jpg);
}
.oneColFixCtrHdr #sitemap{background:url(images/compass.gif); background-repeat:no-repeat; background-position:center;}
.commentfooter{background: url(../images/arrow.gif) 20px 0 no-repeat; padding-left: 58px;padding-top: 1px;margin-bottom: 2em;}
#fixedtipdiv{position:absolute;padding: 2px;border:1px solid black;z-index:100;}
.mainFrm legend {border:#003366;}
#mainFrm label {position: absolute;width:130px;}
#mainFrm input{margin-left: 150px;background-color: #ADE160;border: 1px solid #003366;width:320px;}
#mainFrm textarea{margin-left: 150px;background-color: #ADE160;border: 1px solid #003366;scrollbar-base-color: #ADE160;}
a[href$='.doc'] {margin-left:-25px;padding:0 0 0 40px;background:transparent url(images/word.gif) no-repeat;} 
a[href$='.pdf'] {margin-left:-25px;padding:0 0 0 40px;background:transparent url(images/pdf.gif) no-repeat;} 
#portfolio table {width: 750px;background-color: #fff;border: dotted 3px #900;}
#portfolio td  a{width: 230px;height: 115px;padding: 8px;background: #003366;text-align: center;display: block;}
#portfolio td a:hover{width: 230px;height: 115px;padding:8px;background: #547D17;text-align: center;display: block;}
#logo table {width: 750px;background-color: #fff;border: dotted 3px #900;}
#logo td  a{width: 200px;height: 200px;padding: 23px;background: #003366;text-align: center;display: block;}
#logo td a:hover{width: 200px;height: 200px;padding: 23px;background: #547D17;text-align: center;display: block;}
/* End Layout */

/* Begin Menu */
.nav-container-outer{background: #990000;padding: 0px;height: 50px;background: url(images/nav-bg.jpg);}
.float-left{float: left;}
.float-right{float: right;}
.nav-container .divider{display:block;font-size:1px;border-width:0px;border-style:solid;}
.nav-container .divider-vert{float:left;width:0px;display: none;}
.nav-container .item-secondary-title{display:block;cursor:default;white-space:nowrap;}
.clear{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none;}
.nav-container{position:relative;zoom:1;margin: 0 auto;}
.nav-container a, .nav-container li{float:left;display:block;white-space:nowrap;}
.nav-container div a, .nav-container ul a, .nav-container ul li{float:none;}
.nav-container ul{left:-10000px;position:absolute;}
.nav-container, .nav-container ul{list-style:none;padding:0px;margin:0px;}
.nav-container li a{float:none}
.nav-container li{position:relative;}
.nav-container ul{z-index:20;}
.nav-container ul ul{z-index:30;}
.nav-container ul ul ul{z-index:40;}
.nav-container ul ul ul ul{z-index:50;}
.nav-container ul ul ul ul ul{z-index:60;}
li:hover>ul{left:auto;}
#nav-container ul {top:100%;}
#nav-container ul li:hover>ul{top:0px;left:100%;}
/* Primary Items */	
#nav-container a{padding:7px 17px 7px 18px;margin: 8px 0px 0px 0px;color: #fff;font-family: Trebuchet MS, Arial, sans-serif, Helvetica;font-size:14px;text-decoration:none;font-weight: bold;background: url(images/item-primary-bg.jpg);background-repeat: no-repeat;background-position: top;}
#nav-container a:hover{color: #fff;background: url(images/item-primary-bg.jpg);background-repeat: no-repeat;background-position: center;}
/* Secondary Items Container */	
#nav-container div, #nav-container ul{padding:10px 4px 10px 4px;margin:0px 0px 0px 0px;background: url(images/item-secondary-container-bg.jpg);background-repeat: repeat-x;border-bottom: 1px solid #CA6500;background-color:#990000;}
/* Secondary Items */	
#nav-container div a, #nav-container ul a{padding:3px 10px 3px 6px;background: url(images/item-secondary-bg.jpg);background-repeat: no-repeat;background-position: 0px 22px;font-size:11px;border-width:0px;border-style:none;margin: 0px 0px 0px 0px;width: 149px;}
/* Secondary Items Hover State */	
#nav-container div a:hover, #nav-container ul a:hover{background: url(images/item-secondary-bg.jpg);background-repeat: no-repeat;color:#fff;}
/* Secondary Item Titles */	
#nav-container .item-secondary-title{cursor:default;padding:4px 0px 3px 7px;color: #6C3600;font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;font-size:11px;background-repeat: no-repeat;font-weight:bold;}
/* Horizontal Dividers */	
#nav-container .divider-horiz{border-top-width:1px;margin:5px 5px;border-color: #C16100;}
/* Vertical Dividers */	
#nav-container .divider-vert{border-left-width:1px;height:15px;margin:4px 2px 0px 2px;border-color:#AAAAAA;}
#sprite-alt{display:none;}
#sprite {width: 750px; height: 200px;background: url(images/OurProcess.jpg);margin: 0 auto; padding: 0;	position: relative;}
#sprite  li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
#sprite  li, #sprite  a {height: 200px; display: block;}
#panel1b {left: 0; width: 150px;}
#panel2b {left: 150px; width: 150px;}
#panel3b {left: 300px; width: 150px;}
#panel4b {left: 450px; width: 150px;}
#panel5b {left: 600px; width: 150px;}
#panel1b a:hover {background: transparent url(images/OurProcess.jpg) 0 -200px no-repeat;}
#panel2b a:hover {background: transparent url(images/OurProcess.jpg) -150px -200px no-repeat;}
#panel3b a:hover {background: transparent url(images/OurProcess.jpg) -300px -200px no-repeat;}
#panel4b a:hover {background: transparent url(images/OurProcess.jpg) -450px -200px no-repeat;}
#panel5b a:hover {background: transparent url(images/OurProcess.jpg) -600px -200px no-repeat;}
/* End Menu */

/* Begin Easy Slider */
#slidercontainer{margin:0 auto;position:relative;text-align:left;width:750px;background:#fff;margin-bottom:2em;border:0;}	
#slider ul, #slider li,#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;border:0;}
#slider2{margin-top:1em;border:0;}
#slider li, #slider2 li{width:750px;height:200px;overflow:hidden;border:0;}	
#prevBtn, #nextBtn,#slider1next, #slider1prev{display:block;width:30px;height:77px;position:absolute;left:-30px;top:58px;z-index:10;border:0;}	
#nextBtn, #slider1next{left:750px;border:0;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:90px;background:url(images/btn_prev.png) no-repeat 0 0;border:0;}	
#nextBtn a, #slider1next a{background:url(images/btn_next.png) no-repeat 0 0;border:0;}	
ol#controls{margin:1em 0;padding:0;height:28px;border:0;}
ol#controls li{margin:0 15px 0 15px; padding:0;float:left;list-style:none;height:28px;line-height:28px;border:0;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;border:0;}
ol#controls li.current a{background:#5DC9E1;color:#fff;border:0;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;border:0;}
/* End Easy Slider */

/* Begin Facebox for Portfolio */
#facebox .b {background:url(images/b.png);}
#facebox .tl { background:url(images/tl.png);}
#facebox .tr {background:url(images/tr.png);}
#facebox .bl {background:url(images/bl.png);}
#facebox .br {background:url(images/br.png);}
#facebox {position: absolute;width: 100%;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {margin: auto; border-collapse: collapse;}
#facebox .body { padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
/* End Facebox for Portfolio */

/*Begin Typography*/
body {font-family: Trebuchet MS, Arial, sans-serif, Helvetica;text-align: center; color: #000000;}
.oneColFixCtrHdr #container {text-align: left;}
.oneColFixCtrHdr #PrimaryContent { font-size: 14px;}
.oneColFixCtrHdr #PrimaryContent h1{font-size: 21px; font-weight:800; color:#003366; text-transform: capitalize;}
.oneColFixCtrHdr #PrimaryContent h2{font-size: 21px; font-weight:800; color:#990000; text-transform: capitalize;}
.oneColFixCtrHdr #PrimaryContent p, .oneColFixCtrHdr #PrimaryContent ul, .oneColFixCtrHdr #PrimaryContent li, .oneColFixCtrHdr #PrimaryContent a{ font-size: 14px; color:#003366;text-decoration:none;}
.oneColFixCtrHdr #PrimaryContent a:hover{font-size: 14px; color:#990000;text-decoration:none;}
.oneColFixCtrHdr #SecondaryContent{font-size: 14px;}
.oneColFixCtrHdr #SecondaryContent h1{font-size: 21px; font-weight:800; color:#ffffff;}
.oneColFixCtrHdr #SecondaryContent h2{font-size: 21px; font-weight:600; color:#7ebc23;}
.oneColFixCtrHdr #footer ul, .oneColFixCtrHdr #footer p, .oneColFixCtrHdr #footer a{font-size:11px; color:white; text-align:left;text-decoration:none;list-style-image:url(images/link.jpg);}
.oneColFixCtrHdr #footerbtm_r1_c1 h1{margin:34px 0 0 15px; text-align:left; color:white; font-size:17px;}
.oneColFixCtrHdr #footerbtm_r2_c1 h2{margin:38px 0 0 40px; text-align:left; color:black; font-size:15px;}
.oneColFixCtrHdr #footerbtm_r2_c2 h2{margin:38px 0 0 40px; text-align:left; color:black; font-size:15px;}
.oneColFixCtrHdr #footerbtm_r4_c3 p{margin:10px 0 0 15px; text-align:left; color:black; font-size:12px;font-weight:bold;}
.oneColFixCtrHdr #footer a:hover{font-size:11px; color:black; text-decoration:underline;}
.commentbox{background-color: #ececec;width: 720px;	padding: 10px;}
.commentfooter{font-size: 14px;	color: #4A4A4A;}
#fixedtipdiv{font-size:11px;line-height:18px;}
.mainFrm legend {color:#003366;}
#mainFrm input{color: #003366;}
#mainFrm textarea{color:#003366;}
#processtext ol,#processtext li{display:none;}
/*End Typography*/

/* Begin SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #BF432D;
	/*border: 1px solid #BF432D;*/
	/*font-weight:bold;*/
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #eaeaea;
	/*font-weight:bold;*/
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color:#eaeaea;
	/*font-weight:bold;*/
	
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #eaeaea;
	/*font-weight:bold;*/
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #BF432D;
	/*border: 1px solid #BF432D;
	font-weight:bold;*/
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#eaeaea;
	/*font-weight:bold;*/
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#eaeaea;
	/*font-weight:bold;*/
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#eaeaea;
	/*font-weight:bold;*/
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

/* End SpryFormValidation.css */