@charset "UTF-8";
/* CSS Document */

body {background-color:#CCCCCC; margin: 0px 0px 10px 0px; font-family: Helvetica, Verdana, sans-serif;}
a {text-decoration:none}

#header_container{width: 100%; background-color:#FFFFFF;}
#header{width: 950px; height:100px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; padding: 0px 12px 0px 13px;}
#logo {width:400px; float:left;}

#menu_container{width: 100%; background-color:#333333; }
#menu {width:950px; height: 38px; background-color:#333333; margin-left: auto; margin-right: auto; padding: 0px 12px 0px 13px;}
#menu a{float: left; color:#999999; text-align:left; font-family:Helvetica, Arial, Verdana; font-size:17px; margin: 10px 75px 0px 0px; padding: 0px 0px 0px 0px;}
#menu a:hover{color:#FFFFFF;}

#preview_container{width: 100%; background-image:url(images/preview_background.jpg); background-repeat:repeat-x;}
#preview {width:950px; height: 250px; background-color:#6599bd; margin-left: auto; margin-right: auto; padding: 0px 12px 0px 13px;}

#main_wrapper{width: 100%; background-color:#FFFFFF; }
#main_container {width:975px; margin-left: auto; margin-right: auto; padding: 20px 0px 0px 0px;}

#twoCol_1{float:left; width:605px; background-color:#FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px;}
#twoCol_2{float:left; width:300px; height:400px; background-color:#FFFFFF; margin: 0px 0px 0px 30px; padding: 0px 10px 10px 10px;}

#main h1{font-size:20px; color:#666666;}
#main p{line-height:24px; font-size:15px; color:#666666;}
#main a{color: #6599bd;}

#sidebox {background-color:#EEEEEE; padding: 5px 10px 5px 10px;}

#side h1{font-size:14px; color:#6599bd;}
#side p{font-size:13px; color:#666666; line-height: 20px;}
#side a{color: #6599bd;}

#webpreview {width: 100%; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #EEE;}
#webpreview h1{ font-size: 20px;}
#webpreview h2{ font-size: 18px;}
#webpreview img{float: left; width:200px; padding: 0px; margin: 0px 20px 0px 0px; border: 1px solid #EEE;}

#contactform {width: 500px; color:#666666; margin: 0px 0px 0px 50px; padding: 0px 0px 15px 0px; font-size:14px;}
#contactform p{padding: 10px 0px 0px 0px; line-height:0px; margin: 0px;}
#contactform td{width: 100%; padding: 5px 0px 5px 0px;}
.contactform_input {width: 400px;  padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #AAAAAA;}
.contactform_textarea {width: 100%;  height:150px;  padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:14px; border: 1px solid #AAAAAA;}

#footer_container{width: 100%; background-color:#CCCCCC;}
#footer {width:950px; height: 50px; margin-left: auto; margin-right: auto; padding: 10px 12px 0px 13px;}
#footer p{font-size:14px; color:#666666;}
#footer a{font-size: 14px; color:#666666;}
#footer a:hover{color:#333333;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;
}