body { font-size: 13px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #f6f6f6 url(images/top.jpg) top left repeat-x; color: #302e2e; margin:10px 0 0 0; padding:0;}
.clear {clear:both;}

#wrapper { background: url(images/banner_bg.jpg) 0px 99px repeat-x; width:100%;}
.content { margin:0 auto; width:959px;}
#leftside {width:520px; float:left; margin:32px 0 0 0; padding-right:30px;}
	#navs {margin:0; padding:25px 0 0 0; list-style:none;}
	#navs li { margin-right:15px; float:left;}
	#navs li a { text-decoration:none;}
	
	.nav-main { display:block; width:42px; height:17px; background:url(images/main.jpg) 0 0 no-repeat;}
	.nav-main:hover { display:block; width:42px; height:17px; background:url(images/main.jpg) 0 -30px no-repeat;}
	
	.nav-about { display:block; width:58px; height:17px; background:url(images/about.jpg) 0 0 no-repeat;}
	.nav-about:hover { display:block; width:58px; height:17px; background:url(images/about.jpg) 0 -30px no-repeat;}
	
	.nav-download { display:block; width:98px; height:17px; background:url(images/download.jpg) 0 0 no-repeat;}
	.nav-download:hover { display:block; width:98px; height:17px; background:url(images/download.jpg) 0 -30px no-repeat;}
	
	#banner { width:100%; height:222px; color:#fff; margin-top:45px;}
	#banner a { color:#fff; text-decoration:underline; }
	#banner a img { border:none; margin-right:10px; }
	#banner h1 { font-size:25px;}
	#banner p { margin:10px 0}
	.bcontent { margin-top:25px;}
	
	#banner2 { width:100%; color:#fff; margin-top:45px;}
	#banner2 h1 { font-size:25px;}
	#banner2 p { margin:10px 0}
	#banner2 a { color:#fff; text-decoration:underline; }
	#banner2 form{color:#fff;}

#rightside { width:407px; float:left; margin:32px 0 0 0;}
	#fafbook { background:url(images/flatabsbook.png) top left no-repeat; width:407px; height:534px; position:relative;}
	#fafbook img { position:absolute; bottom:30px; right:20px;}

#rightsideform { width:635px; float:left; margin:99px 0 0 0; /*background:url(images/formbg.jpg) top left no-repeat;*/  padding:8px; color:#000;}
#leftsideform {width:277px; float:left; margin:32px 0 0 0; padding-right:15px;}

#footer { background:url(images/bottom.jpg) bottom left repeat-x; height:70px; font-size:12px; padding-top:35px; color:#585858; width:100%; }
#footer a { color:#302e2e; text-decoration:underline; }
#footer a:hover { color:#302e2e; text-decoration:none; }

/* FORM */
#title {
	height: 25px;
	padding-top:4px;
	width: 452px;
	background: #c3d5ef url(images/bg_label.gif) top left no-repeat;
	clear: both;
	text-align:left;
	margin-bottom:2px;
}

form {
	color: #5A698B;
}

.col1 {
	text-align: right;
	width: 180px;
	height: 29px;
	margin: 0 2px 2px 0;
	float: left;
	background: #c3d5ef url(images/bg_label.gif) top left no-repeat;
}

.col2 {
	width: 270px;
	height: 29px;
	margin: 0 0 2px 0;
	display: block;	
	float: left;
	margin: 0;
	background: #c3d5ef url(images/bg_textfield.gif) bottom right no-repeat;
}

.col2comment {
	width: 270px;
	height: 96px;
	margin: 0 0 2px 0;
	display: block;
	float: left;
	background:  #c3d5ef url(images/bg_textarea.gif) bottom right no-repeat;
}

.col1comment {
	text-align: right;
	width: 180px;
	height: 96px;
	float: left;
	display: block;
	margin: 0 2px 2px 0;
	background:  #c3d5ef url(images/bg_label_comment.gif) no-repeat;
}

div.row {
	clear: both;
}

.submit {
	height: 29px;
	width: 452px;
	background: #c3d5ef url(images/bg_textfield.gif) bottom right no-repeat;
	clear: both;
} 

.check {
	width: 440px;
	background: #c3d5ef url(images/bg_textfield.gif) bottom right no-repeat;
	clear: both;
	margin: 0 2px 2px 0;
	padding:6px;
}

.input {
	background-color: #fff;
	font: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 230px;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}


.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	width: 230px;
	margin: 4px 0 5px 8px;
}