* { line-height: 20px;}
#site_center {text-align:center;}
#main {margin:0 auto; width:100%; text-align:left;}

.min_width {min-width:840px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 840)? "840px" : "100%");}

/*You can modify the width of the website by changing "width" parameter with #menu, #wrapper_header, #content, #footer. The minimum value is 840px.*/

.col_1, .col_2, .col_3, .col_box_1, .col_box_2, .col_box_3, .col_box_4 { float:left;}

#content .row_1, .content .row_2 {width:100%}

/*======= index.html =======*/
#page1 #content .row_1 .col_1 {width:34%;}
#page1 #content .row_1 .col_2 {width:34%;}
#page1 #content .row_1 .col_3 {width:32%;}
#page1 #content .row_2 .col_1 {width:70%;}
#page1 #content .row_2 .col_2 {width:30%;}
/*=========================*/


/*======= index-1.html =======*/
#page2 #content .row_1 .col_1 {width:68%;}
#page2 #content .row_1 .col_2 {width:32%;}
#page2 #content .row_2 .col_1 {width:71%;}
#page2 #content .row_2 .col_2 {width:29%;}
/*=========================*/


/*======= index-2.html =======*/
#page3 #content .row_1 .col_1 {width:34%;}
#page3 #content .row_1 .col_2 {width:66%;}
#page3 #content .row_2 .col_1 {width:71%;}
#page3 #content .row_2 .col_2 {width:29%;}
/*=========================*/


/*======= index-3.html =======*/
#page4 #content .row_1 .col_1 {width:68%;}
#page4 #content .row_1 .col_2 {width:32%;}
#page4 #content .row_2 .col_1 {width:71%;}
#page4 #content .row_2 .col_2 {width:29%;}
/*=========================*/


/*======= index-4.html =======*/
#page5 #content .row_1 .col_1 {width:49%;}
#page5 #content .row_1 .col_2 {width:50%;}
#page5 #content .row_2 .col_1 {width:71%;}
#page5 #content .row_2 .col_2 {width:29%;}
/*=========================*/


/*======= index-5.html =======*/
#page6 #content .row_1 .col_1 {width:49%;}
#page6 #content .row_1 .col_2 {width:50%;}
#page6 #content .row_2 .col_1 {width:71%;}
#page6 #content .row_2 .col_2 {width:29%;}
/*=========================*/

.cssform p{
width: 350px;
clear: left;
margin: 0;
padding: 10px 0 10px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #cccccc;
height: 1%;
font-size: 12px;
}

.cssform label{
font-weight: bold;
float: left;
margin: 0 40px 0 -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

input {height: 25px; border: 1px solid #cccccc; background-color:#EFEFEF; font-size: 17px; padding: 3px 0 0 3px;}
input:hover {border: 1px solid #7cc144; background-color:#b7f389;}

.formborder {
border-style:solid;
border-width:1px;
border-color:#1b4f71;
color:#ffffff;
background-color:#018bd1;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:130%;
height:30px;
width:140px;
padding-bottom:1px;
}
.formborder:hover{background-color:#3aa7c8;}


#contact-left {margin: 30px 20px 0 30px; float:left; width: 60%;}
#contact-right {float:right; width: 30%; height: 300px; background-color:#00CC00; margin: 30px 30px 0 10px;}