﻿/****************************************************
== Global Reset 
*****************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
blockquote, a, a img, font, img, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/*****************************************************
== Global Layout Structure
*****************************************************/

body
{
	font-size: 70%;
    font-family: arial, Sans-Serif, helvetica;
    text-align: center;
    background: #333333 url(../_img/body-bg.png) top left repeat-x;
    color: #fff;
}

#wrap
{
	text-align: left;
	margin-top: 0px;
	width: 955px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrap #head
{
    float: right;
    width: 890px;
    margin-right: 25px;
    display: inline;
    background: transparent url(../_img/head-bg.gif) bottom right no-repeat;
}

#wrap .main
{
    float: left;
    width: 890px;
    margin-left: 40px;
    display: inline;
}

#wrap .main .leadContent
{
    float: left;
    width: 650px;
    margin-right: 30px;
    border-bottom: solid 1px #7a8da5;
    min-height: 310px;
    height: auto !important;
    height: 310px;
    padding-bottom: 15px;
}

#wrap .main .home{
	min-height:100px;
	height: 140px !important;
	height: 100px;
	padding-bottom: 0px;
}

#wrap .main .sidebar
{
    float: left;
    width: 210px;
}

#wrap .foot
{
    float: left;
    width: 890px;
    margin-left: 40px;
    display: inline;
}


#wrap #head ul
{
    float: right;
    margin-right: 5px;
    display:inline;
}

#wrap #head ul li
{
    display: inline;
}

#wrap #head ul li a
{
    float:left;
    margin-left: 40px;
    text-decoration: none;
    padding-bottom: 15px;
    color: #fff;
    width: 63px;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
}

#wrap #head ul li a:hover, #wrap #head ul li a.on
{
    background: transparent url(../_img/nav-hover.gif) bottom center no-repeat;
}

#wrap #head .hdrbtns{float: right; margin-right: 40px;}
#wrap #head .hdrbtns img{padding: 0 20px;}

.leadProduct
{
    float: right;
    width: 530px;
    height: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
    /*behavior: url(/_style/iepngfix.htc);
    background: transparent url(/_img/home-main.png) bottom right no-repeat;*/
}
.leadProduct h1, .leadProduct em{margin-left: 40px;}

#wrap .main .leadContent .subNav
{
    float: left;
    width: 186px;
    margin-right: 30px;
}

#wrap .main .leadContent .holder
{
    float: left;
    width: 430px;
}




/*****************************************************
1 == Text Links & Images
*****************************************************/

#wrap .main h1{font-size: 210%; font-weight: normal; font-family: Century Gothic;}
#wrap .main .leadContent h1{font-size: 220%; font-weight: normal; font-family: Century Gothic; background: url(../_img/h2-bg.gif) bottom left no-repeat; padding: 0 0 10px 20px; color: #788188; margin: 12px 0;}
#wrap .main h2{background: url(../_img/h2-bg.gif) bottom left no-repeat; padding: 0 0 10px 20px;font-size: 110%;font-weight: bold; position: relative;}
#wrap .main h3{}
#wrap .main h4{font-size: 160%;color: #ccffff; font-weight: normal;margin: 10px 0 5px 0;}
#wrap .main h2 span{position: absolute; top: 0; right: 0; font-weight: normal;}
p{margin: 10px 0; line-height: 1.6em;}
.blueText{color: #99ccff; font-family: Century Gothic; font-size: 170%;}
em{font-size: 110%; font-style: normal;}
hr
{
	border:0;
	border-top: solid 1px #666666;
	height: 1px;
	margin-bottom: 5px;
}

#wrap .main a
{
    color: #fff;
}

#wrap .foot a
{
    color: #fff;
    text-decoration: none;
}

#wrap .main h2 span a
{
    text-decoration: none;
}

#wrap .foot p
{
    margin-top: 20px;
    margin-left: 20px;
}



#wrap .main .sidebar ul
{
    list-style-type: none;
    list-style-image: url(/_img/content-bullet.gif);
    margin-left: 17px;
}
#wrap .main .sidebar ul ul{list-style-image: none;}

/*****************************************************
== independant Styles
*****************************************************/

.clr{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
#wrap .main .narrow{width:510px;}  
#wrap .main .wide{width:350px;}
#wrap .main .full{width: 890px; margin-right: 0;} 
.png{behavior: url(/_img/iepngfix.htc);}


#wrap .main label{float: left; width: 80px;}
#wrap .main .inputText, #wrap .main select
{
    width: 270px;
    border: solid 1px #7a8da5;
    background: #485360;
    margin-bottom: 2px;
    color: #fff;
}
#wrap .main select{width: 50px;}
#wrap .main select.big{width: 75px;}
#wrap .main .submit{border: solid 1px #7a8da5; background: #343d48; color: #fff;}






div.rotatorHolder{
	float: right;
	width: 494px;
	border-left: 1px #282F38 solid;
	height: 300px;
}
div.rotatorHolder1{
	float: left;
	height: 304px;
}

/* IE PNG fix */
img, div { behavior:url(iepngfix.htc); }
