/*
Martin Toole, Autonomous Inudstry

*/
html {
margin: 0;
padding: 0;
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
a {
border-bottom:none;
text-decoration:none;
color:#FF0000;
font-weight:600;
}
a:hover {
color:#e12000;
}


#wrapper {
width:900px;
margin:40px auto;
border: none;

}

#footer {
height: 100px;
width: 900px;
float: left;
}
#footer a {
border-bottom:none;
text-decoration:none;
color:#333;
font-weight:600;
}
#footerone, #footertwo, #footerthree {
float: left;
margin-left: 100px;
}

#header {
position: relative;

float:left;
width:900px;
border-bottom:1px dotted #ccc;
margin:0;
padding: 0;
height: 110px;
}
#logo {
position: absolute;
   left: 0;
   width: 70%;
   padding-top: 20px;
padding:18px 0 34px 0;

}
#logo a {
font-size: 50px;
font-family: Arial,serif;
font-weight: bold;
text-transform:	none;
text-decoration:	none;
letter-spacing : -4px;
word-spacing:	0;
line-height:	22.1px;
color: #FF0000;
}
#logo h2 {
font: 20px bold impact, serif;
padding : 0;
margin: 0px;
letter-spacing : -1px;
}

#subheader {
float: left;
margin: 0px;
padding: 0px;
width: 920px;
border-bottom: 1px dotted #ccc;
height: 250px;
}
#subleft {
width: 400px;
margin: 0;
padding-left: 10px;
padding-top: 10px;
float: left;
border: none;
}
#subright {
width: 480px;
margin-top: 10px;
padding: 0px;
float: left;
border: none;
background: #0F0E0F;
height: 220px;
border-right: 8px solid #ff0000;
}
/* Takes the color of links so no crazy border on images */
#subright a img {
border: none;
}
.sub1 {
margin: 0px;
padding: 5px;
height: 220px;
width: 170px;
float: left;
background: #FFF;
}
.sub2, .sub3, .sub4 {
margin-left: 10px;
padding-top:10px;
height: 220px;
width: 90px;
float: left;
border-left: none;
}

.sub1 h6 {
margin: 0;
padding: 0;
font-size: 20px;
 font-family: lucida console, sans-serif;
 color: #49BB00;
 text-align: center;
 font-variant: small-caps;
}
.sub2 p:first-letter, .sub3 p:first-letter , .sub4 p:first-letter {
font-size: 12px;
color: #ff0000;
font-variant: small-caps;
}
.sub1 p {
margin: 0;
padding: 0;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-align: left;
font-variant: small-caps;
letter-spacing: 1px;
line-height: 12px;
text-align: center;
}
.sub1 p.optin {
font-size: 10px;
color: #999;
text-align: center;
font-variant: capitalize;
}
.sub1 img {
margin-top: 20px;
margin-left: 40px;
}
.sub2 a {
color: #ff0000;
font-variant: small-caps;
}
.sub2 h6 {
margin: 0;
padding: 0;
font-size: 10px;
 font-family: arial, sans-serif;
 color: #ff0000;

 text-align: center;
 
}
.sub2 p, .sub3 p, .sub4 p{
background: none;
padding: 2px;
margin: 0px;
color: #feffff;
width: 80px;
}
.sub2 p{
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
letter-spacing: 1px;
line-height: 10px;
margin: 0px;

}
.sub3 p{
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
letter-spacing: 1px;
line-height: 10px;
margin: 0px;

}

.sub4 p {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
letter-spacing: 1px;
line-height: 10px;
margin: 0px;

}


#contentwrapper {
border-bottom: 1px dotted #ccc;
width:900px;
margin:auto;
}
#content {
width: 600px;
padding-top: 20px;
margin: 0;
padding: 5px;
float: left;
border: none;
}
#content li {
list-style-type: square;
}
#content h1 {
font-family:Georgia;
font-size:28px;
font-weight:normal;
line-height:32px;
margin:30px 0 10px 0;
padding: 0;
color: #242424;
}
#content h2 {
font-family:Georgia;
font-size:24px;
font-weight:normal;
line-height:32px;
margin:30px 0 10px 0;
padding: 0;
color: #767676;
}
#content h3 {
font-family: Georgia;
font-size: 20px;
font-weight: normal;
line-height: 20px;
margin: 0;
padding: 0;
color: #242424;
}
#content h4 {
font-family: Georgia;
font-size: 17px;
font-weight: normal;
line-height: 20px;
margin: 0;
padding: 0;
color: #242424;
}
#content p {
font-family:	serif;
font-size:	16px;
font-weight:	400;
font-style:	normal;
color:	#000000;
text-transform:	none;
text-decoration:	none;
letter-spacing:	normal;
word-spacing:	0;
line-height:	20px;
text-align:	start;
vertical-align:	baseline;
direction:	ltr;
}



#sidebar {
width: 215px;
padding: 20px;
margin: 0;
border-left: 1px dotted #ccc;
float: left;
border-left: 1px dotted #ccc;
}
#sidebar h6 {
margin: 0;
padding: 0;
font-size: 16px;
 font-family: arial, sans-serif;
 color: #000000;

 text-align: left;
 font-variant: small-caps;
}
#sidebar p {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
letter-spacing: 1px;
line-height: 10px;
margin: 0px;
padding-top: 10px;

}


/* Navigation in Header */
#navcontainer {
position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
}
#navlist li
{
display: inline;
list-style-type: none;
padding: 0px;

}
#navlist li a {
border-bottom: 1px dotted #999;
font: 16px normal arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
color: #000;
}
#navlist li a:hover {
color: #e12000;
border-bottom: 1px dashed #e12000;
}