/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 15px "Trebuchet MS"; color: #FFF; margin-top:0px;
	background:url(../gfx/bg.gif) no-repeat;
	background-color:#000;
}

h1{	font: bold 22px  "Trebuchet MS"; color: #FFF; margin:0px 0px 10px 0px; }
h2{	font: bold 18px  "Trebuchet MS"; color: #FFF; margin:0px 0px 10px 0px; }
/*h3{	font: bold 18px "Trebuchet MS"; color: #45719b; }*/
h3{	font: bold 16px "Trebuchet MS"; color: #FFF; }
h4{	font: bold 16px "Trebuchet MS"; color: #45719b; }
h5{	font: bold 14px "Trebuchet MS"; color: #45719b; }
h6{	font: bold 12px "Trebuchet MS"; color: #45719b; }

p{	font: 15px "Trebuchet MS"; color: #FFF; margin-top:0px;}
/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
/*h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }*/

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }

.style2 {color: #CC0099}
.pinkLink a{color: #CC0099}

.pink{color: #CC0099}

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #666666;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

hr{
	border: 1px solid #303030;
	}
	

ul{
	margin:25px 0px 25px 0px;
	}
	
	
li{	
	list-style-type:none;
	background: url(../gfx/li.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 10px 8px;
	line-height:18pt;
	margin: 0 0 0 -30px;
	}

input{
	background: white;
	border: solid 1px #e1e1e1;
	width:250px;
	height:24px;
	padding:5px 5px 0px 5px;	
	margin-top:3px;
}	
textarea{
	background: white;
	border: solid 1px #e1e1e1;
	width:250px;
	height:72px;
	padding:5px 5px 0px 5px;	
	margin-top:3px;
}

.radio{ margin:0px 0px 0px 0px;}

.callme{margin:-3px 0px 0px 0px;}

.custombutton {
	padding:0px;
	margin-bottom:0px;
	margin-right:86px;
	margin-top:0px;
	border:none;
	background:none;
	cursor:pointer;
	position:relative;
	float:right;
	}	
	
/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input, textarea{
	background: white;
	border: solid 1px #797979;	
}

input.submit{
	width: 100px;
	background: white;
	height: 24px;
}



#box{
	width: 996px;
	height:auto;
	overflow:hidden;
	margin: 0 auto;
}

#header{
	width: 996px;
	height:156px;
	margin-top:26px;
	overflow:hidden;
}

#logo{
	width:348px;
	height:156px;
	margin:0px 344px 0px 51px;
	background:url(../gfx/logo.gif) no-repeat;
	float:left;
	overflow:hidden;
	}
	
#telephone{
	width:232px;
	height:50px;
	margin:79px 0px 0px 21px;
	background:url(../gfx/telephone.gif) no-repeat;
	float:left;
	overflow:hidden;
	}
	
	
#nav{
	width:996px;
	height:34px;
	margin:0px 0px 0px 0px;
	background:url(../gfx/navBg.gif) repeat-x;
	overflow:hidden;
}

	
#navHomeOn a {
	width: 79px;
  	height: 34px;
	float:left;
	background:url(../gfx/navHomeOn.gif) no-repeat;
	}

#navHome {
	width: 79px;
  	height: 34px;
	float:left;
	}

#navHome a {
	display: block;
	width: 79px;
  	height: 34px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 0%;
	}

#navHome a:hover {
	width: 79px;
  	height: 34px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 100%;
  	}
	

	
#navTeamOn a {
	width: 76px;
  	height: 34px;
	float:left;
	background:url(../gfx/navTeamOn.gif) no-repeat;
	}	
	
#navTeam {
	width: 76px;
  	height: 34px;
	float:left;
	}

#navTeam a {
	display: block;
	width: 76px;
  	height: 34px;
	background: url(../gfx/navTeam.gif) no-repeat;
	background-position: 0px 0%;
	}

#navTeam a:hover {
	width: 76px;
  	height: 34px;
	background: url(../gfx/navTeam.gif) no-repeat;
	background-position: 0px 100%;
  	}
	

	
#navTransfers {
	width: 109px;
  	height: 34px;
	float:left;
	}

#navTransfers a {
	display: block;
	width: 109px;
  	height: 34px;
	background: url(../gfx/navTransfers.gif) no-repeat;
	background-position: 0px 0%;
	}

#navTransfers a:hover {
	width: 109px;
  	height: 34px;
	background: url(../gfx/navTransfers.gif) no-repeat;
	background-position: 0px 100%;
  	}

	
#navTransfersOn a {
	width: 109px;
  	height: 34px;
	float:left;
	background:url(../gfx/navTransfersOn.gif) no-repeat;
	}	
	
#navEditing {
	width: 91px;
  	height: 34px;
	float:left;
	}

#navEditing a {
	display: block;
	width: 91px;
  	height: 34px;
	background: url(../gfx/navEditing.gif) no-repeat;
	background-position: 0px 0%;
	}

#navEditing a:hover {
	width: 91px;
  	height: 34px;
	background: url(../gfx/navEditing.gif) no-repeat;
	background-position: 0px 100%;
  	}
	

#navEditingOn a {
	width: 91px;
  	height: 34px;
	float:left;
	background:url(../gfx/navEditingOn.gif) no-repeat;
	}
	
#navOrdering {
	width: 106px;
  	height: 34px;
	float:left;
	}

#navOrdering a {
	display: block;
	width: 106px;
  	height: 34px;
	background: url(../gfx/navOrdering.gif) no-repeat;
	background-position: 0px 0%;
	}

#navOrdering a:hover {
	width: 106px;
  	height: 34px;
	background: url(../gfx/navOrdering.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#navOrderingOn a {
	width: 106px;
  	height: 34px;
	float:left;
	background:url(../gfx/navOrderingOn.gif) no-repeat;
	}	
	

	
#navFaqOn a {
	width: 79px;
  	height: 34px;
	float:left;
	background:url(../gfx/navFaqOn.gif) no-repeat;
	}

#navFaq {
	width: 79px;
  	height: 34px;
	float:left;
	}

#navFaq a {
	display: block;
	width: 79px;
  	height: 34px;
	background: url(../gfx/navFaq.gif) no-repeat;
	background-position: 0px 0%;
	}

#navFaq a:hover {
	width: 79px;
  	height: 34px;
	background: url(../gfx/navFaq.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
#navTestimonialsOn a {
	width: 135px;
  	height: 34px;
	float:left;
	background:url(../gfx/navTestimonialsOn.gif) no-repeat;
	}

#navTestimonials {
	width: 135px;
  	height: 34px;
	float:left;
	}

#navTestimonials a {
	display: block;
	width: 135px;
  	height: 34px;
	background: url(../gfx/navTestimonials.gif) no-repeat;
	background-position: 0px 0%;
	}

#navTestimonials a:hover {
	width: 135px;
  	height: 34px;
	background: url(../gfx/navTestimonials.gif) no-repeat;
	background-position: 0px 100%;
  	}

#navContactOn a {
	width: 116px;
  	height: 34px;
	float:left;
	background:url(../gfx/navContactOn.gif) no-repeat;
	}	
	
#navContact {
	width: 116px;
  	height: 34px;
	float:left;
	}

#navContact a {
	display: block;
	width: 116px;
  	height: 34px;
	background: url(../gfx/navContact.gif) no-repeat;
	background-position: 0px 0%;
	}

#navContact a:hover {
	width: 116px;
  	height: 34px;
	background: url(../gfx/navContact.gif) no-repeat;
	background-position: 0px 100%;
  	}





















#mainBoxContainer{
	width:996px;
	height:324px;
	margin:0px 0px 40px 0px;
	text-align: center;
	}

.mainBox{
	width:;
	height:;
	float:left;
	overflow:hidden;
	}
	
#controlsContainer{
	width:994px;
	height:160px;
	border: 1px solid #303030;
	margin:0px 0px 47px 0px;
	}
	
#controls{
	width:221px;
	height:140px;
	padding:20px 0px 0px 0px;
	margin:0px auto;
	}

#textContainer{
	width:945px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:57px 0px 0px 30px;
	overflow:hidden;
	}

#textContainer2{
	width:945px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:57px 0px 47px 30px;
	overflow:hidden;
	}

.column1{
	width:224px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	}
	
	
.column2{
	width:337px;
	height:212px;
	padding:0px 0px 0px 0px;
	margin:0px 47px 0px 0px;
	float:left;
	overflow:hidden;
	}
	
.column3{
	width:337px;
	height:212px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	}
	
.column4{
	width:674px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	float:left;
	overflow:hidden;
	}







.border{
	padding:3px;
	border: 1px solid #333333;
	}



#footer{
	width:966px;
	height:31px;
	margin:37px 0px 0px 0px;
	padding:30px;
	overflow:hidden;
	font: 14px "Trebuchet MS"; color:#808080;
	}
	
#logoFooter{
	width:131px;
	height:31px;
	margin:0px 17px 0px 0px;
	background:url(../gfx/logoFooter.gif) no-repeat;
	float:left;
	overflow:hidden;
	}
	
#terms{
/*	width:229px;*/
	width:279px;
	height:23px;
/*	margin:0px 368px 0px 0px;*/
	margin:0px 318px 0px 0px;
	padding:8px 0px 0px 0px;
	float:left;
	overflow:hidden;
	}
	
#copyright{
	width:190px;
	height:23px;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	float:left;
	overflow:hidden;
	}
#bottomnav {
text-align:center;
font-size:0.7em;
color:#404040;
}
#bottomnav a {
color:#404040;
}