body {
	background: url(../images/common/bg.jpg);
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin: 0;
	padding: 30px;
}

p, h2, img, ul {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

a { color:#fe5e00; text-decoration:none; }
a:hover { color:#ca4b00; }
/*** Main Wrap ***/


#wrap {
	width: 760px;
	margin: 0 auto;
	border: 1px solid #CFD4D8;
	position: relative;
}


/*** Top ***/


#top {
	width: 760px;
	background: url(../images/common/top_bg.jpg);
	height: 142px;
}

#top2 {
	width: 760px;
	background: url(../images/common/top_bg2.jpg);
	height: 104px;
}

.logo  {
	width: 327px;
	height:103px;
	background: url(../images/common/logo.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:0;
}

.logo-trasparente  {
	width: 327px;
	height:50px;
	/*background: url(../images/common/logo.jpg) no-repeat;*/
	position: relative;
	left: 0px;
	top: 0px;
}

.slogan {
	color: #fff;
	position: relative;
	left: 377px;
	top: -26px;
	font-size: 16px;
        width: 50%;
}


/*** Main Menu ***/


#top ul {
	width:650px;
	display: block;
	position: relative;
	top: -1px;
	padding-left: 25px;
}

#top ul li {
	list-style: none;
	display: inline;
	line-height: 32px;
}

#top ul li a {
	display:block;
	float: left;
	padding-left:8px;
	padding-right:8px;
	color: #3A4E62;
	text-decoration: none;
	margin-right:24px;
	white-space: nowrap;
	display:inline;
	font-weight: bold;
	font-family: verdana;
}

#top ul li a:hover {
	
	color: #E86E00;
}

#top ul li a.current {

	
}

#top2 ul {
	width:650px;
	display: block;
	position: relative;
	top: -1px;
	padding-left: 25px;
}

#top2 ul li {
	list-style: none;
	display: inline;
	line-height: 32px;
}

#top2 ul li a {
	display:block;
	float: left;
	padding-left:8px;
	padding-right:8px;
	color: #3A4E62;
	text-decoration: none;
	margin-right:24px;
	white-space: nowrap;
	display:inline;
	font-weight: bold;
	font-family: verdana;
}

#top2 ul li a:hover {
	
	color: #E86E00;
}

#top2 ul li a.current {

	
}


.whyus {
	color: #E9EDEF;
	font-size: 16px;
	text-align: center;line-height:35px;
}

img.absolute {
	position: absolute;
	left:618px;
	z-index: 1;
}


/*** Header ***/


#header {
	width:760px;
	height:164px;
	background: url(../images/common/header_bg.jpg);
	position: relative;
}

a.learnmore {
   width: 93px;
	height: 20px;
	background: url(../images/common/learnmore.jpg);
	position: absolute;
	left: 613px;
	top: 72px;
}

a.signup {
   width: 172px;
	height: 43px;
	background: url(../images/common/signup.jpg);
	position: absolute;
	left: 566px;
	top: 101px;
}

#header ul {
	width: 250px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: relative;
	left:371px;
	top: 5px;
}

#header ul li {
	list-style: none;
	background: url(../images/common/arrow.gif) no-repeat 0 7px;
	line-height: 25px;
	padding-left: 25px;
}


/*** Middle ***/


#middle_wrap {
	width: 100%;
	background: url(../images/common/middle_bg.gif);
}

#middle_wrap2 {
	width: 100%;
}

.box {
	width: 524px;
	float: left;
	background: url(../images/common/box_bg.jpg) repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#box_news {
	margin-left: 1px;
	width: 235px !important;
}

.latestwrap {
	width: 210px;
	margin: 0 auto;
	padding: 0 0 15px 0;
}

p.content {
	width: 464px;
	margin: 0 auto;
	line-height: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 11px;
}

p.date {
	color: #949494;
	font-size: 11px;
	width: 183px !important;
	padding-bottom:1px;
	padding-top: 15px;
}

.box a {
	color: #FF5E1D;
}

.box a:hover {
	text-decoration: none;
}

.box h2 {
	height: 33px;
	color: #FF611E;
	font-size: 12px;
	padding-top: 18px;

	font-family: verdana;
}

h2.about {
	background: url(../images/common/icon_about.gif) no-repeat 21px 8px;
	padding-left: 62px;
}

h2.fhs {
	background: url(../images/common/icon_fhs.gif) no-repeat 0 11px;
	padding-left: 52px;
}

h2.latest {
	background: url(../images/common/icon_latest.gif) no-repeat 23px 8px;
	padding-left: 58px;
}


/*** Testimonials ***/


#testimonials {
	width: 637px;
	background: url(../images/common/testimonials.gif) no-repeat 22px 18px;
	border-top: 1px solid #CFD4D8;
	padding: 21px 61px 5px 62px;
}

#testimonials h2 {
	font-size: 12px;
	letter-spacing: 1px;
	color: #FF611E;

}

#testimonials p {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-top:5px;
	padding-bottom:10px;
}

/*** New testimonials styles created by Nick for the testimonials page. ***/


#testimonial {
	background: url(../images/common/testimonials.gif) no-repeat 22px 18px;
	padding: 21px 61px 5px 62px;
	color: #666;
	text-align: justify;
}


#name {
	font-weight: bold;
	color: #000;
}


/*** Footer ***/


#footer {
	width: 760px;
	height:33px;
	background: url(../images/common/footer_bg.jpg);
	color: #fff;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top:10px;
}


#footer a{
	width: 760px;
	height:23px;
	background: url(../images/common/footer_bg.jpg);
	color: #fff;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top:10px;
}
#middle_wrap:after,
#top ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}#wrap #middle_wrap2 h1 {
}

.content {
padding-left: 30px;
padding-right: 30px;
}
/* don't this, for preview only */
body { font-family: Trebuchet MS, Tahoma, sans-serif; font-size: 12px; }
#page { margin: 0 auto; width: 760px; border: 1px solid #cfd4d8; }

/* need all of this */
.subpage { padding: 15px; }

.subpage h1 { margin:0 0 10px 0; padding:0 0 3px 0; font-size:24px; background:url(../images/common/h1.jpg) no-repeat bottom left; }
.subpage ul { margin:0; padding:0; list-style:none; width:350px; float:left; }
.subpage ul ul { width:100%; float:none }
.subpage li { margin:0 5px 5px 0; padding:5px; font-size:18px; color:#fe5e00; border:1px solid #f1f1f1; background:#f9f9f9; }
.subpage li li { margin:0 0 0 10px; font-size:12px; color:#666; padding:0; border:none; background:none; }
.subpage li.system { background:#f9f9f9 url(../images/common/icon-system.jpg) no-repeat 5px 5px; padding-left:68px; }
.subpage li.mods { background:#f9f9f9 url(../images/common/icon-mods.jpg) no-repeat 5px 5px; padding-left:68px; }

/* Added by nick for the testimonials page */
.smallBox li { padding: 10px 8px 10px 8px; }
.request { text-align:center; padding:10px; font-size:22px; color:#fe5e00; } 

.clear { font-size:0; clear:both; }

.subpage table td { border:1px solid #f1f1f1; background:#f9f9f9; padding:3px; color:#666; text-align:center }
.subpage table th, .greybox { border:1px solid #cccccc; background:#f1f1f1; text-align:left; font-size:16px; padding:3px; color:#666; }
.subpage table td.white { background:#fff; border:#fff; }
.subpage table th.top, .top { text-align:center; color:#fe5e00;  font-size:12px; font-weight:bold  }

a.compare { text-align:center; padding:5px; font-size:18px; color:#fe5e00; text-decoration:none; display:block }
a.compare:hover { color:#cf4d01; }

.subpage table.support th, .subpage table.support td { text-align:left; }

.greybox { width: 300px; margin:15px auto; }

.subpage table.stats_table th, .subpage table.stats_table td { text-align:left; }

/*.subpage table.stats_table th { font-weight:left; }*/

#signup h2 { color: #FF6600; font-size: 18px; margin: 0 0 10px 0; padding: 0; }
.headline2 { background: #FF6600; height: 1px; margin: -5px 0 10px 0; width: 200px; }
.headline3 {
	background: #FF6600;
	height: 1px;
	margin: -5px 0 10px 0;
	width: 200px;
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
}
.med { font-size: 14px; }
.treb { font-family: Trebuchet MS; }
input.text2 { background: #F8F8F8; border: #CCCCCC 1px solid; font-size: 14px; height: 20px; margin: 0 0 10px 0; width: 70%; }

.error { color: red; }

#spot-home {
	width: 760px;
	background: url(../images/common/spot-home_bg.jpg);
	height: 90px;
	/*background-color: #6C9875;*/
	text-align: center;
}
.tooltip{
    position:relative;
    z-index:24;
    color:#000066;
    text-decoration:none
}
.tooltip:hover{z-index:25; background-color: #FFFF00;}
.tooltip span{display: none}
.tooltip:hover span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	padding:5px;
	display:block;
	position:absolute;
	top:18px;
	left:18px;
	width:300px;
	border:1px solid #CCCCCC;
	background-color:#FFCC00;
}