/*
--------------------------------------------------------------------------------
G3 Racing Style Sheet
Author: Shawn Raymond
All content copyright 2008 Switchclick Corporation
--------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------
BASE TAG CHANGES
--------------------------------------------------------------------------------
*/
html { height:100%; }
body { height:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#000000; color:#FFFFFF; background-image:url(http://www.g3racing.com/images/g3racing_backdrop.jpg); background-position:top center; background-repeat:no-repeat; }
form { margin:0px; padding:0px; display:inline; }
input { vertical-align:middle; }
select { vertical-align:middle; }
label { vertical-align:middle; }

h1, h2, h3, h4, h5, h6 { margin:5px 0px; color:#FFCC00; border-bottom:1px solid #FF9900; }
h2, h3, h4, h5, h6 { margin-top:10px; }
h1 { font-size:20px; } /* default:32px */
h2 { font-size:18px; } /* default:24px */
h3 { font-size:16px; } /* default:18px */
h4 { font-size:14px; } /* default:16px */
h5 { font-size:12px; } /* default:13px */
h6 { font-size:10px; } /* default:10px */

p { margin-top:0px; margin-bottom:20px; line-height:200%; }
p.tight { margin-top:0px; margin-bottom:0px; line-height:100%; }
ul { margin:0px 20px 10px 40px; padding:0px; }
li { margin:0px; padding:0px; }
th { background-color:#DDDDDD; }
dt { font-size:18px; margin:20px 0px 0px 0px; }

a:link { color:#FF9900 }
a:visited { color:#FF9900 }
a:hover { color:#FF9900 }
a:active { color:#FF9900 }

a.secretlink { color:#FFFFFF; text-decoration:none; }
a.secretlink:visited { color:#FFFFFF; }
a.secretlink:hover { color:#FF9900 }

/*
--------------------------------------------------------------------------------
FIXED STYLES
--------------------------------------------------------------------------------
*/
#page_frame { position:relative; width:760px; padding:0px; margin:0px auto; }

#page_header_flash { position:relative; width:840px; height:244px; padding:0px; margin:0px -40px; display:none; }
#page_header_html { position:relative; width:840px; height:244px; padding:0px; margin:0px -40px; background-image:url(http://www.g3racing.com/images/g3racing_header.jpg); background-position:top center; background-repeat:no-repeat; }
#page_header_html a { display:block; height:244px; text-indent:-9000px; }

#page_menu_flash { position:relative; width:760px; height:35px; padding:4px 0px; margin:0px auto; display:none; }
#page_menu_html { position:relative; width:760px; height:35px; padding:8px 0px 0px 0px; margin:0px auto; }
#page_menu_html ul { position:relative; width:760px; height:26px; margin:0px; padding:0px; list-style:none; }
#page_menu_html li { position:relative; width:95px; height:26px; float:left; }
#page_menu_html a { position:relative; display:block; width:95px; height:26px; text-indent:-9000px; background-position:top left; background-repeat:no-repeat; }
#page_menu_html a:hover { background-position:bottom left; }
#page_menu_html a.page_menu_html_boat { background-image:url(http://www.g3racing.com/images/g3racing_menu_boat.jpg); }
#page_menu_html a.page_menu_html_crew { background-image:url(http://www.g3racing.com/images/g3racing_menu_crew.jpg); }
#page_menu_html a.page_menu_html_dates { background-image:url(http://www.g3racing.com/images/g3racing_menu_dates.jpg); }
#page_menu_html a.page_menu_html_images { background-image:url(http://www.g3racing.com/images/g3racing_menu_images.jpg); }
#page_menu_html a.page_menu_html_video { background-image:url(http://www.g3racing.com/images/g3racing_menu_video.jpg); }
#page_menu_html a.page_menu_html_sponsor { background-image:url(http://www.g3racing.com/images/g3racing_menu_sponsor.jpg); }
#page_menu_html a.page_menu_html_gear { background-image:url(http://www.g3racing.com/images/g3racing_menu_gear.jpg); }
#page_menu_html a.page_menu_html_contact { background-image:url(http://www.g3racing.com/images/g3racing_menu_contact.jpg); }

#page_body_repeat { position:relative; width:770px; padding:0px; margin:0px -5px; background-image:url(http://www.g3racing.com/images/g3racing_body_repeat.jpg); background-position:top center; background-repeat:repeat-y; }
#page_body_cap { position:relative; width:770px; padding:0px; margin:0px; background-image:url(http://www.g3racing.com/images/g3racing_body_cap.jpg); background-position:top center; background-repeat:no-repeat; }
#page_body_left_edge { position:relative; width:856px; padding:0px; margin:0px -43px; background-image:url(http://www.g3racing.com/images/g3racing_body_left_edge.jpg); background-position:top left; background-repeat:no-repeat; }
#page_body_right_edge { position:relative; width:856px; padding:0px; margin:0px; background-image:url(http://www.g3racing.com/images/g3racing_body_right_edge.jpg); background-position:top right; background-repeat:no-repeat; }
#page_body_footer { position:relative; width:770px; padding:0px; margin:0px 43px; background-image:url(http://www.g3racing.com/images/g3racing_body_footer.jpg); background-position:bottom left; background-repeat:no-repeat; }
#page_body { width:730px; min-height:400px; padding:20px; }

#page_footer { position:relative; width:760px; padding:10px 0px; }
#page_footer div.copyright { position:relative; width:200px; float:left; color:#999999; }
#page_footer div.megaburn { position:relative; width:150px; float:right; margin-right:25px; }
#page_footer div.megaburn a { position:relative; display:block; width:150px; height:26px; text-indent:-9000px; background-image:url(http://www.g3racing.com/images/g3racing_megaburn_logo.jpg); background-position:top left; background-repeat:no-repeat; }
#page_footer div.designer { position:relative; width:150px; float:right; }
#page_footer div.designer a { position:relative; display:block; width:150px; height:26px; text-indent:-9000px; background-image:url(http://www.g3racing.com/images/switchclick.gif); background-position:top left; background-repeat:no-repeat; }

#linkpanel { width:700px; text-align:center; background-color:#000000; padding:0px; margin:0px; }
#linkpanel div.head { background-image:url(http://www.g3racing.com/images/g3racing_linkpanel_head.jpg); background-position:top center; background-repeat:no-repeat; padding:35px 0px 0px 0px; }
#linkpanel div.foot { background-image:url(http://www.g3racing.com/images/g3racing_linkpanel_foot.jpg); background-position:bottom center; background-repeat:no-repeat; padding:0px 0px 10px 0px; }
#linkpanel a { display:block; margin:0px 0px 25px 0px; }

#imageGallery { height:600px; }

/*
--------------------------------------------------------------------------------
SEMI PORTABLE STYLES
--------------------------------------------------------------------------------
*/
img.fright, img.fleft { clear:both; border:1px solid black; border-right:1px solid #666666; border-bottom:1px solid #666666; }
img.fright { float:right; margin:0px 0px 10px 10px;}
img.fleft { float:left; margin:0px 10px 10px 0px;}
img.frameit { border:1px solid black; border-right:1px solid #666666; border-bottom:1px solid #666666; }
img.selectit { border:1px solid #FF6600; border-right:1px solid #FF9900; border-bottom:1px solid #FF9900; }

p.ellipsis { clear:right; margin:0px 0px 20px 0px; font-size:18px; text-align:right; }
span.important { color:#FFFFAA; font-weight:bold; font-variant:small-caps; font-style:italic; }
div.breaker { clear:both; font-size:1px; height:3px; }


/* boats */
div.boats { width:660px; margin:0px auto; }
div.boats div.boat { float:left; width:300px; margin:0px 10px; text-align:center; }
div.boats img { border:1px solid black; border-right:1px solid #666666; border-bottom:1px solid #666666; }

/* crew */
div.girl { text-align:center; padding:20px 0px 20px 0px; }
div.girl img { border:1px solid black; border-right:1px solid #666666; border-bottom:1px solid #666666; }

div.crew { padding:0px 0px 20px 0px; clear:both; }
div.crew img { float:left; margin:0px 10px 0px 0px; border:1px solid black; border-right:1px solid #666666; border-bottom:1px solid #666666; }
div.crew_name { color:#FFCC00; font-size:16px; font-weight:bold; }
div.crew_role { color:#FF9900; font-size:14px; font-style:italic; }
div.crew_email a { color:#FF6600; font-size:10px; }
div.crew_bio { color:#FFFFFF; font-size:12px; }

/* dates */
div.event { font-size:16px; font-weight:normal; margin:20px 0px 0px 0px; }
div.date { color:#FF9900; font-size:14px; font-weight:normal; }
div.date_link a { color:#FF6600; font-size:10px; }

/* video */
div.video_title {  margin:10px 0px; color:#FF9900; font-size:18px; font-weight:bold; letter-spacing:10px; }
div.video { margin:20px 0px 0px 50px; clear:both; }
div.video img { width:150px; height:100px; float:left; border:0px; margin:0px 20px 0px 0px; }
div.video div.title { font-size:18px; color:#FF9900; font-weight:bold; }
div.video div.desc {}

/* gear */
div.gear { width:100px; float:left; margin:0px 0px 10px 10px; text-align:center; }
div.gear_title {}

/* contact */
div.captcha { display:inline; }
div.captcha img { vertical-align:middle; }

/*
--------------------------------------------------------------------------------
FULLY PORTABLE STYLES
--------------------------------------------------------------------------------
*/
.message { padding:10px; text-align:center; }
.success { background-color:#006600; }
.failure { background-color:#660000; }