/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*
Variant: Screen
Author: Nic Marson
Date: 06/24/2009

Palette:
#BE1405;	red
#7E0D03;	dark red
#CB1505;	light red
#F2DCAC;	cream
#AABEAA;	lt. blue
#AABEAA;	lt. blue
#736E41;    green
#413C2D;   dark green

----------------------------------------*/

@media screen{

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
body { font: normal 62.5%/1.4 Arial, 'Helvetica Neue', Helvetica, sans-serif }
h1, h2, h3, h4, h5, h6 { font:100% normal Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif; margin-bottom:1em }
h1 { font-size:3em }
h2 { font-size:2em }
h3 { font-size:1.8em }
abbr, acronym { border: none }
blockquote cite { font-style: italic }
img { display: block }
div { position:relative }
p { margin-bottom:1.6em }

/*-------------------------------------------    
    Links
-------------------------------------------*/
a { color:#BE1405; text-decoration:none }
a:visited { color:#A41104 }
a:hover, a:focus { color:#CB1505 }

#nav li a {  }
#nav li a:hover {  }

#footer a:link, #footer a:visited  {  }
#footer a:hover, #footer a:focus {  }


.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.container:after, .clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0}
.container, .clearfix {display: inline-block}
.container, .clearfix {display: block}
.error, .red { color:#F00 }

/*-------------------------------------------    
    Layout
-------------------------------------------*/
#wrapper { height:705px; overflow:hidden }

#header { border-bottom:1px dotted #DDD; height:79px; position:relative; z-index:1 }
#header .nav li { float:left; padding:1px; width:270px }
#header .nav a { color:#CB1505; font-size:11px; text-transform:uppercase; }
#header .nav a strong { color:#000; display:block; font-size:24px; line-height:1 }

#header li.brand { border-top:4px solid #BE1405; margin:0 16px; padding:12px 0; width:183px }
#brand span { }

#background { color:#BE1405; font-size:960px; font-weight:bold; right:0; position:absolute; top:-300px; z-index:99}

#intro { background:#000; color:#FFF; float:right; font-size:1.5em; height:705px; margin-right:100px; padding:20px 26px; position:relative; width:200px; z-index:100 }
#intro a { color:#FFF; font-weight:bold }
#intro dt { line-height:1.2; text-transform:uppercase }
#intro dd { margin-bottom:1em }


#content { margin-right:440px; position:relative; }

#footer { background:#EAEAEA; border-top:1px dotted #DDD; clear:both; float:left; padding-bottom:50px; position:relative; width:100% }

#footer dl { background:#CACACA; color:#000; font-size:1.3em; float:right; height:59px; margin-right:100px; padding:20px 26px; position:relative; width:200px; z-index:100 }
#footer dl a { color:#333; }
#footer dt {  }

/*-------------------------------------------    
    Forms
-------------------------------------------*/


/*-------------------------------------------    
    Carousel
-------------------------------------------*/
#slides-container {background:none;height:400px;position:relative; width:100%}

#slides { font-size:14px; height:400px; margin-left:100px; overflow:hidden; position:absolute; top:0; }
#slides h1 { height:66px; left:390px; position:absolute; top:131px; width:414px; z-index:100; }
#slides h2 {}
#slides p {height:60px; left:400px; margin:0; position:absolute; top:300px; width:380px; z-index:100; }
#slides ul li {
float:left;
height:200px !important;
left:391px;
position:relative;
top:205px;
width:900px;
}
#slides-container a {cursor:pointer;display:block;float:right;height:26px;overflow:hidden;position:relative;text-indent:-1000px;width:26px;z-index:100}
#slides-container #next {background:url(/i/arrow-right.png);}
#slides-container #prev {background:url(/i/arrow-left.png);margin:0 4px 0 0;}

#slides-container.darth2 {background:url(/i/slides/darth.jpg) no-repeat;}

/*-------------------------------------------    
    The End
-------------------------------------------*/
}