/* Created by Creative Jar 29th February 2008, Author: Rob Cornish */

@import "reset.css";

/* Global Styles */
body { font:0.75em Arial, Helvetica, sans-serif; color:#565656; }
#wrapper { width:795px; margin:0 auto; position:relative; }
a { color:#af002b; }
a:hover { text-decoration:none; }
p.quote { font-style:italic; color:#af002b; }
p.quote strong { font-style:normal; }
.red { color:#af002b; }
.details { display:none; }
strong { color:#343434; font-size:110%; }

/* Header */
#header { height:203px; background:url(../images/header-bottom.gif) no-repeat bottom; }
#header #logo { background:url(../images/header-top.gif) no-repeat bottom; height:44px; }
#header #logo span { display:none; }
#header a { display:block; width:245px; height:140px; }
#header .boat { position:absolute; right:-14px; top:182px; }

/* Navigation */
#menu { height:32px; }
#menu ul { list-style:none; }
#menu li { float:left; background:url(../images/nav-bg.gif) no-repeat -5px 0; height:32px; }
#menu li.start { background-position:0 0; }
#menu li.end { background:url(../images/nav-end.gif) no-repeat right; }
#menu a { text-align:center; display:block; float:left; height:16px; margin:8px 0; text-decoration:none; color:#535353; border-left:1px solid #e2e2e2; border-right:1px solid #cdcdcd; }
#menu a:hover, #menu a.active { color:#ba0031; }
#menu a.home { width:91px; border-left:none; }
#menu a.about { width:103px; }
#menu a.how-we-help { width:131px; }
#menu a.events { width:114px; }
#menu a.clients { width:117px; }
#menu a.snapshot { width:111px; }
#menu a.contact { width:116px; border-right:none; }

/* Content */
#content { overflow:hidden; }
#content #main { float:left; width:418px; position:relative; background:url(../images/main-testimonial.jpg) no-repeat 5px 100%; height:480px; }
#content #first-content { float:left; width:388px; position:relative; }
#main h1, #first-content h1 { height:21px; margin:25px 3px; padding-bottom:10px; }
#main h1.welcome { background:url(../images/h1-welcome.gif) no-repeat; }
#first-content h1.about { background:url(../images/h1-about.gif) no-repeat; }
#first-content h1.how-we-help { background:url(../images/h1-howwehelp.gif) no-repeat; }
#first-content h1.our-clients { background:url(../images/h1-ourclients.gif) no-repeat; }
#first-content h1.our-events { background:url(../images/h1-ourevents.gif) no-repeat; }
#first-content h1.snapshot { background:url(../images/h1-snapshot.gif) no-repeat; }
#first-content h1.contact { background:url(../images/h1-contactus.gif) no-repeat; }
#first-content h1.sitemap { background:url(../images/h1-sitemap.gif) no-repeat; }
#main h1 span, #first-content h1 span { display:none; } /* Hide text */
#content #second-content { float:left; margin-left:30px; width:377px; position:relative; margin-top:71px; margin-right:-3px; }
#first-content ul, #second-content ul, #video-content ul { margin-left:6px; list-style:none; color:#af002b; }
#first-content ul.points li { margin-left:6px; }
#second-content ul.points, #first-content ul.points, #video-content ul.points { margin:0; padding:0; }
#second-content ul.points li, #first-content ul.points li, #video-content ul.points li { position:relative; padding-left:10px; margin-bottom:3px; background:url(../images/bullet.gif) no-repeat 0 5px; }
#first-content p { margin:10px 6px; }
#second-content p, #video-content p { margin:10px 0; }
#main p { margin:20px 6px; }
#main p span { color:#af002b; }
#main .plane, #first-content .plane { position:absolute; top:37px; left:0; }
#video-content { float:left; width:377px; position:relative; margin:27px -3px 0 30px; }
#content #video { float:left; width:377px; position:relative; margin-top:27px; margin-right:-3px; }
#videocontainer { width:369px; height:311px; background:url(../images/video-bg.gif) no-repeat; padding:2px; }
#videotitle { position:absolute; top:291px; left:130px; width:100px; text-align:center; font-size:90%; color:#fff; }
#descriptivetext { margin-top:16px; padding:0 0 16px 3px; border-bottom:1px solid #8c8c8c; }

/* Testimonial */
#testimonial blockquote { display:block; width:660px; padding:0 50px 0 20px; height:129px; overflow:hidden; }
#testimonial { clear:both; height:129px; margin-top:20px; background:url(../images/content-footer.gif) no-repeat; color:#a2a2a2; font-size:90%; }
#testimonial p { margin:10px 0; font-weight:bold; color:#af002b; }

/* Flash scroller */
#flashscroller { clear:both; margin-top:13px; width:795px; height:31px; }

/* Footer */
#footer { font-size:90%; margin:20px 0; clear:both; }
#footer a { text-decoration:none; color:#565656; }
#footer a:hover { text-decoration:underline; }
#footer .copyright { color:#8a8a8c; }