/* Clear all paddings, margins etc.. and use default typography  */
@import '/styles/reset.css';
@import '/styles/typography.css';
@import '/styles/forms.css';
@import '/styles/buttons.css';

/* Use the following line to see the alignment grid in the background.. you will need to move it further down though  */
/* body{background:url(../images/grid.png);background:url(../images/grad2.gif) repeat-x;} */

/* All layout/structure and a couple of typography is defined by the following 16 lines. */

body{margin:0 0 36px;text-align:center; background-color:#484d48; }
.container{margin:0 auto;padding:0;position:relative;text-align:left;width:750px}

#header{height:130px;background:#414141;border-bottom:5px solid #bec731;}
#logo,#secondary-nav{float:left;width:284px;margin-left:10px}
#content,#secondary-nav{padding:36px 0 36px}
#secondary-nav{border-bottom:1px solid #C2D3B7;width:248px}
#logo,#primary-nav{font-size:18px;line-height:18px;padding:36px 0 36px}
#logo a{ border:none;}
#primary-nav{position:absolute;top:0px;right:3px;margin:0;padding:0;width:700px;background:#414141;}
#primary-nav li{width:80px;display:block;float:right;margin-left:3px;padding:0px 0px 5px 0px;text-align:center;background:#bec731}
#primary-nav a{font-size:14px;color:#000;font-weight:bold;border:none}
#primary-nav a:hover{color:#4697ae;}
#primary-nav .here{background:#C2D3B7}
#primary-nav .here a{color:#296603}

#footer{border-top:1px solid #C2D3B7;clear:both;margin:17px 0px 0px 0px;padding:10px 0px 0px 0px}
hr{background:#C2D3B7;color:#C2D3B7;height:1px;margin:0 0 17px 0}

h1,h2,h3, h4,h5,h6{font-family:Frutiger,Univers,"Helvetica Neue","Lucida Grande",Calibri,Helvetica,Verdana,sans-serif}
.alt{color:#FF6600;font-family:Frutiger,Univers,"Helvetica Neue","Lucida Grande",Calibri,Helvetica,Verdana,sans-serif}
#content{padding:0px 0px 25px 0px; background:transparent;}
#content{text-align:center}
#content{text-align:-moz-center}
.container{text-align:center}
.container{text-align:-moz-center}
#footer{border-top:5px solid #bec731;clear:both; margin:0px; padding:10px;color:#ddd;font-weight:bold;font-size:14px;}
.footer_left{float:left;text-align:left;}
.footer_right{text-align:right}
#content_inner{text-align:left; padding:35px 20px 20px 20px;background:#414141;}
a{color:#bec731;text-decoration:none; border-bottom:1px dotted #bec731}
a:hover{color:#bec731;text-decoration:none; border-bottom:1px dotted #4697ae}
#content{font-size:14px;color:#ddd;}
#content img{margin:0px 10px 10px 10px; background:#fff; padding:5px; border:1px solid #CCCCCC}
.title{font-size:20px; border-left:3px solid #4697ae; Color:#eee;font-weight:bold; padding: 0px 5px 0px 5px;}
.text_conteiner{margin: 15px 0px 15px 0px}

#sub-menu{position:absolute;top:95px;right:0px;margin:0;padding:0;width:600px;background:#414141;z-index:1}
#sub-menu li{width:120px;display:block;float:right;margin-left:3px;padding:5px 10px 5px 10px;text-align:center;background:#4697ae}
#sub-menu a{font-size:16px;color:#fff;font-weight:bold; border:none}
#sub-menu a:hover{color:#111111;}
#sub-menu .here{background:#C2D3B7}
#sub-menu .here a{color:#296603}
.sub-menu-item{z-index:4}
h1 {color:#bec731}


.form_row{padding:10px 0px 5px 0px; clear:left;}
.form_row_label{float:left;width:150px;font-size:14px; font-weight:bold;}
.form_row_input{float:left;}
.form_row_error{font-size:13px; font-weight:bold;padding:15px 0px 5px 0px;color:red}
.form_row_field{float:left;width:155px;}
.form_row_field_required{float:left;width:10x;font-size:14px; font-weight:bold; color:red}

.form_row_field input {background:#cecece;border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000;}

#quote_1_form{margin-top:20px;}
.process_menu{display:block; width:250px;position:absolute;top:241px; left:560px;}
.process_menu a:link,
.process_menu a:visited
{
    width:135px;
	float: left;
	color: #000000;
	display: block;
	padding: 0px 10px;
	margin-right: 3px;
	font-size: 12px;
	margin-top: 0px;
	background-color: #bec731;
	border: 1px solid #1E2D2D;
    text-decoration:none;
    font-weight:bold;
    clear:both;
}

.process_menu a:hover,
.process_menu a:active
{
	color: red;
	background-repeat: repeat-x;
	background-color: #1B292A;
	border-left: 1px solid #1E2D2D;
}

.process_selected
{
	color: red;
	background-color: #ffffff;
}
.footer_left {padding-top:-10px;margin-top:-10px}
.footer_left a{border:none}
.footer_left a:hover{border:none}
.process_image{height:320px;}