/* CSS Document */

/* MAIN Elements

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

body{
background: #FFFFFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
border-top-width: 10px;
border-top-style: solid;
border-top-color: #555555;
margin:0px;
text-align: center;
font-family: tahoma, Verdana, sans-serif;
font-size: 16px;
}


.main{
width:748px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-top:/**/10px;   /* ie5.5 hack */
background-image:url(images/curve_mid.jpg);
background-repeat:repeat-y;
}

.top_curve{
background-image:url(images/curve_top.jpg);
background-repeat:no-repeat;
overflow:hidden;
height:16px;
}


.left_border{
background-image:url(images/curve_left.jpg);
background-repeat:no-repeat;
width:5px;
float:left;
margin-top:0px;
height:600px;
}


.right_border{
background-image:url(images/curve_right.jpg);
background-repeat:no-repeat;
margin-top:0px;
width:5px;
float:left;
height:600px;
}



.center_content{
width:738px;
background-color:#FFFFFF;
float:left;
padding-left:0px;
margin-left:0px;
}


/* Header NAV

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


.header{
height:76px;
padding-top:0px;
padding-left:20px;
}


.logo{
float:left;
height:76px;
}


.logo img{  
border-style: none;
}


.nav0{
width:380px;
margin-right:20px;
float:right;
font-size: 16px;
font-weight: normal;
color: #000099;
padding-left:6px;
padding-right:6px;
padding-top:5px;
padding-bottom:7px;
text-align:right;
}


.nav:link, .nav:visited{
margin-left:10px;
margin-right:10px;
font-size: 16px;
padding-left:0px;
padding-right:0px;
color: #000066;
font-weight: normal;
text-decoration: none;
}


.nav:hover{
margin-left:10px;
margin-right:10px;
border-bottom:3px solid #FF3300;
color:#FF3300;
font-size: 16px;
padding-left:0px;
padding-right:0px;
font-weight: normal;
text-decoration: none;
}


.nav_active:link, .nav_active:hover, .nav_active:visited{
margin-left:10px;
margin-right:10px;
border-bottom:3px solid #99CC33;
color:#000066;
font-size: 16px;
padding-left:0px;
padding-right:0px;
font-weight: normal;
text-decoration: none;
}



/* MAIN CONTENT PICS

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


.columns_area{
float:left;
width:694px;
height:800px;
padding-left:8px;
margin-left:9px;
}


.columns_area_contactpg{
float:left;
width:694px;
height:600px;
padding-left:8px;
margin-left:9px;
}


.main_pic_home{
background-image:url(images/mainpic1hom.jpg);
background-repeat:no-repeat;
float:left;
width:694px;
height:400px;
margin-left:0px;
}

.main_pic_serv{
background-image:url(images/mainpic2serv.jpg);
background-repeat:no-repeat;
float:left;
width:694px;
height:400px;
margin-left:0px;
}


.main_pic_proc{
background-image:url(images/mainpic2proc.jpg);
background-repeat:no-repeat;
float:left;
width:694px;
height:400px;
margin-top:20px;
margin-left:15px;
}


.main_pic_blog{
background-image:url(images/mainpic3blog.jpg);
background-repeat:no-repeat;
float:left;
width:694px;
height:400px;
margin-left:0px;
}


.main_pic_about{
background-image:url(images/mainpic4abt.jpg);
background-repeat:no-repeat;
float:left;
width:694px;
height:400px;
margin-left:0px;
}

.main_pic_cont{
background-image:url(images/mainpic5cont.jpg);
background-repeat:no-repeat;
float:left;
width:694px;
height:400px;
margin-left:0px;
}



/* MAIN CONTENT COLUMNS

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


.content_top{
float:left;
width:694px;
height:330px;
margin-left:0px;
}


.content_bottom{
float:left;
width:694px;
height:460px;
margin-left:0px;
}


.content_bottom_contactpg{
float:left;
width:694px;
height:300px;
margin-left:0px;
}


.column_area{
float:left;
width:226px;
margin-left:0px;
line-height:1.5;
overflow:hidden;
}


.column_header{
float:left;
width:210px;
margin-left:4px;
margin-right:1px;
color: #bbbbbb;
padding-left:8px;
padding-right:5px;
letter-spacing:-1px;
font-size:24px;
font-weight:bold;
text-align:left;
}


.column_content{
float:left;
width:210px;
margin-left:4px;
margin-right:1px;
color: #333333;
padding-top:5px;
padding-left:10px;
padding-right:5px;
letter-spacing:1px;
font-size: 14px;
font-weight: normal;
text-align: left;
}


.column_content_ul{
list-style-type:none;
margin:20px 10px 10px 10px;
padding:0;
}


.column_content_li{
background-image:url(images/arrow-small.gif);
background-repeat:no-repeat;
background-position:1px 7px;
padding-left:10px;
line-height:1.5;
margin-bottom:20px;
}




/* BOTTOM SECTION

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


.mission{
background-image:url(images/bsmotto.gif);
background-repeat:no-repeat;
float:left;
width:680px;
height:150px;
margin-left:25px;
}


.clearall{
width:690px;
padding-top:15px;
padding-left:5px;
margin-left:15px;
clear: both;
font-size:1px;
color:#FFFFFF;
}


.clearall2{
float:left;
width:630px;
height:0px;
padding-top:1px;
padding-left:0px;
margin-left:30px;
clear: both;
font-size:1px;
color:#EEEEEE;
line-height:0px;
text-align:left;
overflow:hidden;
}


.hr{
border:1px solid #E1E1E1;
font-size:1px;
color:#FFFFFF;
float:left;
width:630px;
height:1px;
text-align:left;
padding-left:10px;
margin-left:30px;
margin-bottom:10px;
}


/* CONTENT 2 COLUMNS

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

.main_content{
margin-top:10px;
float:left;
width:674px;
margin-left:22px;
margin-right:22px;
padding-left: 10px;
border-left: solid 1px #F2F2F2;
}


.left_content{
float:left;
width:227px;
margin-left:22px;
margin-top:10px;
}


.right_content{
margin-top:10px;
float:right;
width:437px;
margin-right:22px;
padding-left: 10px;
border-left: solid 1px #F2F2F2;
}



/* FOOTER AREA

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


.bottom_curve{
height:45px;
background-image:url(images/curve_btm.gif);
background-repeat:no-repeat;
background-position: center center;
margin-left:-1px;
clear:both;
}


.footer{
width:748px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size: 12px;
color: #666666;
padding-bottom:10px;
margin-top:10px;
margin-bottom:25px;
}



/* CONTACT FORM

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


.contact_div {
background: #EEEEEE repeat scroll left top;
float:left;
width:694px;
height:430px;
margin-top:10px;
margin-left:15px;
padding-top:5px;
font-size: 14px;
font-weight: normal;
letter-spacing:1px;
text-align:left;
}


.contact_form {
padding:15px;
}


.contact_formtitle {
margin-left:25px;
font-size: 16px;
font-weight: normal;
text-align:left;
}


.contact_div label {
float:left;
margin-right:10px;
text-align:right;
width:90px;
}


.contact_div input, textarea {
display:inline;
width:450px;
}


.form_row {
margin:10px 0pt;
}


.form_row_bttn input {
margin-left:100px;
width:250px;
}


.contact_div input.styled, textarea.styled, .form_bttn {
border:1px solid #999999;
color:#000000;
}


.form_bttn {
cursor:pointer;
background:#99BB00 none repeat scroll 0%;
color:#FFFFFF; 
font-size:16px;
font-weight:bold;
letter-spacing:1px;
width:190px;
padding:4px 10px;
}



/* TEXT FORMATS

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


h2 {
	margin: 0;
	color: #006699;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left:25px;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 3px;
}

h2 a:link, h2 a:hover, h2 a:visited {
	color: #000;
	text-decoration: none;
}
	
h1 {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #006699;
	margin: 0;
}

h1 a:link, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #003366;
}
	
h4 {
	margin: 0;
	color: #006699;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:9px;
	background-image:url(images/dots-hr-4.gif);
	background-repeat:repeat-x;
}

h3 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h5 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}


a:link, a:visited {
	color: #000099;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}