/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

*{
	margin: 0;
	padding: 0;
}

body {
	font: normal small Arial, sans-serif;
	color: #363F57;
	background: #000;
	padding:10px 0;
}

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}

div#wrapper {
    width: 1003px;
	height: 628px;
	margin:0 auto;
    background: #000 url(i/bgcon.jpg) 0 0 no-repeat;
}

div#sidebar{
    display:inline;
    float:left;
    width: 256px;
	margin:22px 0 0 32px;
	overflow:hidden;
}

div#navigation {
    background: transparent ;
}
    #navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
            #navigation ul li a {
				display: block;
				width:256px;
				height:34px;
            }
               #navigation ul li.aex a {
			        padding:0 0 2px 0;
                    background: transparent url(i/bgnavaex.jpg) 0 0 no-repeat;
               }
               #navigation ul li.akn a {
			        padding:0 0 1px 0;
                    background: transparent url(i/bgnavakn.jpg) 0 0 no-repeat;
               }
               #navigation ul li.asg a {
			        padding:0 0 2px 0;
                    background: transparent url(i/bgnavasg.jpg) 0 0 no-repeat;
               }
               #navigation ul li.ggg a {
			        padding:0 0 2px 0;
                    background: transparent url(i/bgnavggg.jpg) 0 0 no-repeat;
               }
               #navigation ul li.vr a {
			        padding:0 0 1px 0;
                    background: transparent url(i/bgnavvr.jpg) 0 0 no-repeat;
               }
               #navigation ul li.sh a {
			        padding:0 0 2px 0;
                    background: transparent url(i/bgnavsh.jpg) 0 0 no-repeat;
               }
div#sidebar h1{
    padding: 32px 0 12px 14px;
}
    div#sidebar h1 a{
        display:block;
		width:213px;
		height:249px;
		background: transparent url(i/logo.jpg) 0 0 no-repeat;
    }
div#sidebar h2{
    color:#363F57;
	font: bold 16px Arial, sans-serif;
	padding:0;
	margin:0;
}
div#sidebar h3 a{
    color:#BA3D38;
	font: bold 16px Arial, sans-serif;
	text-decoration:none;
	background:transparent;
	padding:0;
	margin:0;
}
div#content {
    display:inline;
    float:left;
    width: 670px;
	margin:22px 0 0 10px;
}

div#content #text{
    margin:2px 0 0 0;
	padding: 6px;
    width: 652px;
	height:330px;
    border:3px solid #000;
	overflow:auto;
}
div#content #text ul,
div#content #text ol{
    margin:4px 0 4px 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h2 {
	font: bold 140% Arial, sans-serif;
	margin: 8px 0;
}

h3 {
	font: bold 130% Arial, sans-serif;
	margin: 6px 0;
}

h4 {
	font: normal 120% Arial, sans-serif;
	margin: 4px 0;
}

p {
	font: normal 110% Arial, sans-serif;
	line-height: 140%;
	margin: 12px 0;
}

a {
    font: normal 100% Arial, sans-serif;
    color: #BA3D38;
	text-decoration:underline;
}
a:hover {
    color: #FFF;
	background: #BA3D38;
	text-decoration:none;
}

blockquote{
	font: italic 110% Arial, sans-serif;
    padding: 6px;
	margin:0 20px;
	border: 1px solid #888;
}

abbr, acronym{
    cursor: help;
    border-bottom: 1px dotted #000;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Misc.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navigation ul li a,
div#sidebar h1 a{      /*----Add image replaced element here----*/
    letter-spacing: -1000em;
    text-indent: -999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */