* {
    padding: 0;
    margin: 0;
} 

body {
margin-top: 8px;
background: #121a41 url(images/bkg-fusion.jpg) repeat-y;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
}

p {
padding: 12px 0px 0px 0px;
line-height: 150%;
}

ul {
margin-left: 60px;
margin-top: 10px;
margin-bottom: 10px;
}

img { border: none;
}

a { color: #f47221; text-decoration: underline; }
a:hover { color: #ffcf14; text-decoration: overline;  }

#wrap {
margin: 0 auto;
width: 960px;
}

#header { 
height: 28px;
position: relative;
padding-bottom: 10px;
}

#header-left { 
height: 28px;
float: left;
width: 400px;
}

.header-left-text h1 {
font-family: arial, helvetica, sans-serif;
font-weight: bolder;
color: #fff;
font-size: 18px;
letter-spacing: 1px;
}

#header-right { 
color: #ffcf14;
height: 28px;
float: right;
width: 400px;
text-align: right;
}

.header-right-text h1 {
font-family: arial, helvetica, sans-serif;
font-weight: bolder;
font-size: 18px;
letter-spacing: 1px;
color: #fff;
}

.header-right-text h3 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
letter-spacing: 1px;
color: #ffcf14;
}


#content {
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
width: 960px;
background: #21305b;
padding-top: 5px;
margin-bottom: 10px; 
}

#content-left {
float: left;
background: #21305b; 
width: 680px;
padding: 8px 8px 15px 20px;
}

#content-right {
background: #21305B;
float: right;
width: 225px;
border-left: 1px solid #ffcf14;
padding: 15px 0px 15px 0px;
}

#content-left h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 22px;
color: #ffffff;
padding: 8px 0px 8px 0px;
}

#content-left h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
color: #ffcf14;
padding: 0px 0px 8px 0px;
}

#content-one-col {
background: #21305B;
float: left;
width: 900px;
padding: 15px 0px 15px 15px;
}

#content-one-col h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 22px;
color: #ffffff;
padding: 8px 0px 8px 0px;
}

#content-one-col h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 16px;
color: #f47221;
padding: 8px 0px 8px 0px;
text-decoration: underline;
}

#content-one-col h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
color: #ffcf14;
padding: 0px 0px 8px 0px;
}

#content-split-left {
background: #21305B;
float: left;
width: 580px;
padding: 15px 0px 15px 15px;
}

#content-split-right {
background: #21305B;
float: right;
width: 320px;
padding: 15px 15px 15px 15px;
}

#content-split-left h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 22px;
color: #ffffff;
padding: 8px 0px 8px 0px;
}

#content-split-left h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 16px;
color: #f47221;
padding: 8px 0px 8px 0px;
text-decoration: underline;
}

#content-split-left h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
color: #ffcf14;
padding: 0px 0px 8px 0px;
}


#content-left a {color: #ffcf14; text-decoration: underline; }
#content-left a:hover { text-decoration: none; color : #f47221; }

#content-right a {color: #ffcf14; text-decoration: underline; }
#content-right a:hover { text-decoration: none; color : #f47221; }

#content-one-col a {color: #ffcf14; text-decoration: underline; }
#content-one-col a:hover { text-decoration: none; color : #f47221; }
#content-one-col img { border: none; margin-left: 5px; margin-right: 8px; }
#content-split-right img { border: none; margin-left: 12px; margin-right: 12px; margin-top: 12px;}
#content-split-left img { border: none; margin-left: 12px; margin-right: 8px;}
#content-split-left a {color: #ffcf14; text-decoration: underline; }
#content-split-left a:hover { text-decoration: none; color : #f47221; }

.loading {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 18px;
color: #cccccc;
}

#media {
width: 960px;
height: 405;
float: left;
text-align: justify;
background: #121A41;
background-repeat: no-repeat; 
}

#media-left {
width: 720px;
height: 405px;
float: left;
}

#media-right {
width: 225px;
height: 405px;
float: right;
}


.right {
width: 160px;
float: right;
padding: 10px;
border-left: 1px solid #bbb;
font-size: 12px;
}

.right ul {
list-style-type: none;
padding: 5px 10px 10px 10px;
}
.right h2 {
height: 30px;
font-size: 12px;
color: #666;
line-height: 30px;
}
.right a { text-decoration: none }

/******  Bottom-Nav     */

#bottom-nav {
font-family: arial, helvetica, sans-serif;
font-size: 10px;
}
#bottom-nav a { color: #ffcf14; text-decoration: underline; }
#bottom-nav a:hover { text-decoration: none; color : #f47221; }


/******  Footer     */


#footer {
width: 960px;
height: 65px;
background: #21305B url(images/footerbkg.jpg);
font-family: arial, helvetica, sans-serif;
border-top: 1px solid #ffcf14;
text-align: right;
color: #ffffff;
font-size: 11px;
padding: 0 5 10px 0;
}

#footer a { color: #ffcf14; text-decoration: underline; }
#footer a:hover { text-decoration: none; color : #f47221; }

#footer-left {
float: left;
font-family: arial, helvetica, sans-serif;
width: 400px;
text-align: left;
color: #ffffff;
font-size: 11px;
padding: 7 5 10px 0;
}

#footer-right {
float: right;
font-family: arial, helvetica, sans-serif;
width: 500px;
text-align: right;
color: #ffffff;
font-size: 11px;
padding: 7 5 10px 0;
margin-right: 6px;
}


/******  Top     */
#top {
background: #121A41 url(images/topbkg.jpg);
background-repeat: no-repeat; 
font-family: arial black, arial, helvetica,sans-serif;
font-size: 10px;
font-weight: bolder; 
color: #f47221;
letter-spacing: 1px;
word-spacing: 5px;
text-align: center; 
height: 36px;
width: 960px;
padding-bottom: 3px; 
}

/******  Nav     */

#nav {

background: #121A41 url(images/navbkg.jpg);
background-repeat: no-repeat; 
font-family: arial black, arial, helvetica,sans-serif;
font-size: 10px;
font-weight: bolder; 
color: #f47221;
letter-spacing: 1px;
word-spacing: 5px;
text-align: center; 
height: 36px;
width: 960px;
padding-top: 7px; 
}

#nav a { color: #ccc; text-decoration: none; }
#nav a:hover { color: #ffcf14; text-decoration: overline;  }


/******   Menu   */
ul#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
    display:block;
	height:36px;
	text-transform:uppercase;
    font-size:12px;
	font-weight:bold;
    color: #000000;
	background:transparent url("http://fotobymike.com/images/off.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #000000;
	border-top:1px solid #c4c4c4;
}

ul#menu li {
	display:block;
	float:left;
	margin:0;
	pading:0;
    }

ul#menu li a {
	display:block;
	float:left;
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("http://fotobymike.com/images/divider.gif") no-repeat top right;
    color: #000000;
	}

ul#menu li a:hover {
	background:transparent url("http://fotobymike.com/images/hover.gif") no-repeat top right;	
    color: #666666;
	}

/******   Slideshow  */    
    
#slideshow {
    position:relative;
    height: 500px;
	width: 960px;
	text-align: center;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



