* { margin:0; padding:0;}/* CSS RESET */

h1, h2, h3, p, ul, body{font-family:Arial, Helvetica, sans-serif; color:#999999;}
h1, h3 {color:#000000; font-weight:lighter;}
h2 {font-size:1.5em; color:#000000; font-weight:lighter; margin-bottom:15px;}
h3 {margin-bottom:10px;}
p {margin-bottom:15px;}
a, a:hover, a:visited {color:#333333;}
.ref {font-size:.8em;}

body {background:url(images/bg.gif) repeat-x;}
#container {margin:0 auto; width:930px;}
#header {height:120px; margin-bottom:30px;}

h1 a.head {background-image: url(images/header_archer.jpg);
background-repeat:no-repeat;
width:930px;
height:120px;
display:block;
text-indent:-9999px;
}

h1 a.head_row {background-image: url(images/header_rowers.jpg);
background-repeat:no-repeat;
width:930px;
height:120px;
display:block;
text-indent:-9999px;
}

h1 a.head_relay {background-image: url(images/header_relay.jpg);
background-repeat:no-repeat;
width:930px;
height:120px;
display:block;
text-indent:-9999px;
}


h1 a.head_yatch {background-image: url(images/header_yatch.jpg);
background-repeat:no-repeat;
width:930px;
height:120px;
display:block;
text-indent:-9999px;
}


/*NAV STUFF */
#nav {float:left; display:block; width:145px; margin:10px 10px 30px 0px;}
#nav ul {list-style:none;}
#nav a {
	text-indent:-9999px;
	width:145px;
	height:25px;
	display:block;
	margin-bottom:5px;
}
#nav a.sub {margin:5px 0px 5px 0px;}
#nav a:hover {background-position: 0px -30px;}
#nav a.active { background-position: 0px -60px;}
#about{background:url(images/nav_about.gif) no-repeat;}
#home{background:url(images/nav_home.gif) no-repeat;}
#services{background:url(images/nav_services.gif) no-repeat;}
#work{background:url(images/nav_work.gif) no-repeat;}
#partners {background:url(images/nav_partners.gif) no-repeat;}
#contact {background:url(images/nav_contact.gif) no-repeat;}
#company{background:url(images/nav_company.gif) no-repeat;}
#directors{background:url(images/nav_directors.gif) no-repeat;}
#project{background:url(images/nav_projectflow.gif) no-repeat;}
#logistics{background:url(images/nav_logisticsflow.gif) no-repeat;}
#process{background:url(images/nav_processflow.gif) no-repeat;}


/*CONTENT STUFF */
#main {display:block; width:775px; float:left;}
#sidequote {float:right; display:block; clear:none; width:250px;}
.cont {display:block; float:left; margin-bottom:20px; padding-left:30px;}
.cont p {display:block; float:left; font-size:.9em;}
#flash_quotes, #flash_clients {width:247px; margin-bottom:20px; margin-right:0px;}
p.home_image{background:url(images/home_boat_sail.jpg) no-repeat; padding-top:220px; width:460px; margin-top:65px;}
p.p2 {width: 460px;}
#dir {display:block; font-size:.9em; height:145px; margin-bottom:30px;}
#content{font-size:.9em; margin:0px 270px 30px 30px; height:450px;}
#content2{font-size:.9em; margin:0px 10px 30px 30px; width:450px; float:left;}
#content3{font-size:.9em; margin:0px 10px 30px 30px; width:350px; float:left;}
#content2 a{padding-left:30px; display:block; background:url(images/link_bg.jpg) no-repeat; height:25px; font-size:1.2em; margin-top:15px; text-decoration:none;  }
#content2 a:hover{color:#999999;}
#main ul {margin-bottom:30px; padding-left:40px; margin-top:10px; background:url(images/list_bg.gif) no-repeat; padding-top:20px; list-style:square;}
#main ul li {padding-bottom:2px;}
.logul {margin-bottom:30px; padding-left:30px; margin-top:10px; background:url(images/log_list_bg.gif) no-repeat; padding-top:10px}

/*DIRECTORS FOR DIRECTORS PAGE */
.john {background:url(images/dir_john_bg.jpg) no-repeat;}
.johnm {background:url(images/dir_johnm_bg.jpg) no-repeat;}
.rob {background:url(images/dir_rob_bg.jpg) no-repeat;}
.peter {background:url(images/dir_peter_bg.jpg) no-repeat;}
.dan {background:url(images/dir_dan_bg.jpg) no-repeat;}
.norb {background:url(images/dir_norb_bg.jpg) no-repeat;}
.project {background:url(images/project_bg.jpg) no-repeat;}

/*SIDE QUOTES */
.companyquote {text-indent:-9999px; width:267px; height:340px; display:block; background:url(images/company_quote.jpg) no-repeat;}
.projectquote {text-indent:-9999px; width:267px; height:340px; display:block; background:url(images/project_quote.jpg) no-repeat;}
.logisticsquote {text-indent:-9999px; width:267px; height:340px; display:block; background:url(images/log_quote.jpg) no-repeat;}
.processquote {text-indent:-9999px; width:267px; height:340px; display:block; background:url(images/process_quote.jpg) no-repeat;}
.workquote {text-indent:-9999px; width:267px; height:340px; display:block; background:url(images/work_quote.jpg) no-repeat;}
.contactquote {text-indent:-9999px; width:267px; height:340px; display:block; background:url(images/contact_quote.jpg) no-repeat;}
.clear {clear:both;}

/*CONTACT PAGE */
.vcard {margin-bottom: 10px; padding-left:120px; height:100px;}
.email {display:block; padding-left:20px; background:url(images/contact_email_icon.jpg) no-repeat; background-position: 0px 4px;}
.fn, .org {font-size:1.2em; color:#999999; font-weight:lighter; margin-bottom:10px;}
#hcard-John-Parr {background:url(images/contact_john.jpg) no-repeat;}
#hcard-Daniel-Hunt {background:url(images/contact_dan.jpg) no-repeat;}
#hcard-Rob-Rogers {background:url(images/contact_rob.jpg) no-repeat;}
#hcard-Peter-Schibli {background:url(images/contact_peter.jpg) no-repeat;}
#hcard-Norbert-Bojarski {background:url(images/contact_norbert.jpg) no-repeat;}
#hcard-Businessflow {background:url(images/contact_icon.jpg) no-repeat;}

/* FOOTER STUFF */
#footer {display:block; float:right; width:100%; vertical-align:middle;}
#footer p{background:url(images/footer_bg.gif) no-repeat;
text-align:right; font-size:12px; padding:4px 20px 10px 0px;}
#footer a{color:#FFFFFF; text-decoration:none; text-transform:uppercase;}