/* CSS Document */

/* global */
* { margin:0; padding:0; }
html { height:100%; font-family:Helvetica, aerial, sans-serif; font-size:16px; }

body { background:url(../presentation/bg.gif) top center #fff; }

/* headings */
h1 { font-size:200%; font-weight:bold; padding:0; color:#307FB7; }
h2,
h3,
h4,
h5,
h6 { font-weight:normal; margin:1em 0; color:#307FB7; }

h2 { font-size:160%; font-weight:bold; padding:0; margin:10px 0 0 0; }
h3 { font-size:140%; }
h4 { font-size:120%; }

/* // headings */

#content_header { width:754px; height:155px; margin-top:25px; margin-left:6px; background:left top no-repeat; }
.fitBanner { width:960px; height:200px; position:relative; float:left; top:0; margin-bottom:20px; clear:both; }


a,
a:link,
a:visited,
a:hover { text-decoration:none; outline:none; }
a { color:#ddd; }

p,
address,
li,
td { font-family:Helvetica, aerial, sans-serif; font-style:normal; font-size:130%; color:#ddd; line-height:1.6em; }

.clear { clear:both; }
.highlight {font-weight:bold; color:#307FB7;}

#main { width:960px; margin:0 auto; font-size:11px; line-height:15px; color:#888; }
#content {background:url(bg_body2.gif) bottom right no-repeat #fff; padding:0 20px 20px;  }

.article, #contactDetails, #contactForm {
background:url(bg_body2.png) bottom right no-repeat;
background-color: #333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #000;
padding: 10px;
margin-top:20px;
border:#888 2px solid;
}

#imageRotate { list-style:none; float:right; position:relative; right:0; width:214px; height:214px; margin:20px; padding:10px;
background:#444;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:#888 1px solid; }

textarea,
input { margin:0px; text-align:left; color:#545454; }

#header { width:960px; height:62px; overflow:hidden; padding:40px 0 0 0; }
#header p a,
#header p a:visited { width:240px; height:62px; background:url("../images/furtherit_mainlogo.png") left top no-repeat; display:block; text-indent:-9000px; }


/* Menu Buttons */
	#menu { width:960px; height:35px; background:url(header_bg.png) no-repeat top left; }
	#menu ul {list-style:none;margin:0;padding:0;float:right; position:relative; top:0px; left:0;}
	#menu li {float:left;width:109px;margin:0;padding:0;text-align:center; line-height:100%; font-size:100%;}
	#menu li a {display:block;padding:8px 10px;height:100%;color:#fff;text-decoration:none;border-right:1px solid #000; font-family:Helvetica, Arial, sans-serif;  font-weight:bold;  }
	#menu li a:hover { color:#307FB7; } 
	#menu li .end {border-right:none; }
	#menu .left { float:left; position:relative; left:275px; top:-38px; z-index:10; }
/* -- Menu Buttons -- */

#banner { float:right; position:relative; top:0px;}
.form { height:23px; margin:0px }
.form input { width:244px; height:19px; border:1px solid #959595; background:#FFFFFF; }
textarea { width:450px; height:110px; padding-left:5px; overflow:auto; margin-top:0px; border:1px solid #959595; background:#FFFFFF; }

/*Content Area*/
#content { line-height:2.3em; }
#content ul { margin:0 0 0 20px;}
#content ul li { line-height:1.2em;}

/*Comment Form*/
#contactDetails { float:left; width:350px;}
#contactForm { float:right; width: 500px; padding:20px 0 20px 20px; border-left:#000 solid 1px; }
#contactForm input { padding:5px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 20px; color:#F00; }

#footer { height:40px; width:960px; background:url(footer_bg.png) top no-repeat; padding:0 0 40px 0; clear:both; } /* Chrome needs top and bottom padding specified, otherwise white bottom border */
#footer p {color:#ddd; line-height:18px;}
#footer_left { float:left; padding: 6px 20px 0; text-align:left; }
#footer_right { float:right; padding: 6px 20px 0; text-align:right; }
#footer .left,
#footer .right { float:left; position:relative; top:-13px; }
#footer .right { float:right; }	
#footer a { color:#ddd; text-decoration:none;}