@charset "utf-8";
/* CSS Document */

/* /////////////////////////////////////// */			
/* ///////// CLASSES ///////// */
/* ////////////////////////////////////// */	


.blue_link {
				
	color:#1e84b7;
	text-decoration: none;
			
}

.about_us {
	
	width: 380px;
	margin-top: 15px;
	
}


.border {

	float: left;
	width: 780px;
	height: 2px;
	background: url(../img/border.png) repeat-x;

}

.faq {
	
	width: 780px;
	margin-top: 15px;
	float: left;
	clear: both;
	
}

.bold {
		
	font-weight: bolder;
	margin-top: 15px;
	margin-bottom: 2px;
	
}


div.tooltip {
	
	background: transparent url(../img/tooltip.png) no-repeat scroll 0 0;
	display: none;
	width: 168px;
	height: 125px;
	margin-top: 150px;
	padding: 9px;
}

table.tooltip {

	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size: 12px;
	color:#37393c;
	line-height: 1.2em;

}

table.tooltip th {
	
	text-align:right;
	width: 80px;

}

table.tooltip td {
	
	text-align:left;

}

.hide {
display:none;
}

/* ////////////////////////////////////// */			
/* ////////// 	INDEX ////////// */
/* ///////////////////////////////////// */	

* {

	margin: 0px;
	padding: 0px;

}

#content h1 {
	
	margin-top: 31px;
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	color:#37393c;
	clear:right;
	
}

a {

	border:medium none;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;

}

p {
				
	color:#37393c;
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size:11px;
	line-height:15px;
	margin: 0px
				
}

h2 {
	
	color:#37393c;
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size:11px;
	line-height:15px;
	
}

/* ////////////////////////////////////// */			
/* ////////// LAYOUT ////////// */
/* ///////////////////////////////////// */	

body {

	background: url(../img/background.png) repeat scroll 0 0;
}

#wrapper {

	width: 100%;

}

#highlight {

	background:transparent url(../img/bg_center_highlight.png) no-repeat scroll 0 0;
	margin:0 auto -897px;
	min-height: 897px;
	width:1158px;

}

#container {

	position: relative;
	width: 780px;
	margin: 20px auto;

}

#header {

		width: 780px;
		height: 75px;
		float: left;
		

}

#logo {

	float: left;
		
}

#logo a {

	width: 220px;
	height: 70px;
	background-image:url(../img/logo.png);
	background-repeat: no-repeat;
	display:block;
	
}

#header ul {

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	clear:right;
}

#header ul li {

	float: right;
	display: inline;
	margin-left: 5px;
	margin-top: 38px;

}

a.home {
	
	width: 51px;
	height: 27px;
	display: block;
	background:url(../img/sprites.png) no-repeat;
	overflow: hidden; 
}

a.about {
	
	width: 73px;
	height: 27px;
	display: block;
	background:url(../img/sprites.png) no-repeat;
	overflow: hidden; 
}

a.support {
	
	width: 68px;
	height: 27px;
	display: block;
	background:url(../img/sprites.png) no-repeat;
	overflow: hidden; 
}

a.contact {
	
	width: 67px;
	height: 27px;
	display: block;
	background:url(../img/sprites.png) no-repeat;
	overflow: hidden; 
}

a.home {background-position: -17px -3px;}
a.about {background-position: -86px -3px;}
a.support {background-position: -169px -3px;}
a.contact {background-position: -247px -3px;}

a.home:hover {background-position: -17px -31px;}
a.about:hover {background-position: -86px -31px;}
a.support:hover {background-position: -169px -31px;}
a.contact:hover {background-position: -247px -31px;}

a.home:active {background-position: -17px -60px;}
a.about:active {background-position: -86px -60px;}
a.support:active {background-position: -169px -60px;}
a.contact:active {background-position: -247px -60px;}


#content {
	
	width: 780px;
	height: 490px;
	float: left;
	
}

#content_packs {

	width: 780px;
	height: 520px;
	float: left;

}

#content_faq {
	
	width: 780px;
	height: 700px;
	float: left;
	
}

#content_tos {
	
	width: 780px;
	float: left;
	margin-bottom: 10px;
	
}

#title {
	
	width: 780px;
	height: 70px;
	float: left;
	clear: right;
	margin-top: 25px;

}

#title p {
	
	width: 300px;	
	margin-top: 5px;
	
}


#col1 {
	
	width: 250px;
	height: 380px;
	margin-right: 15px;
	display:block;
	float:left;
	text-align:center;
	
}

#starter_icon {
	
	background: transparent url(../img/starter_icons_small.png) no-repeat scroll 0 50%;
	display: block;
	width: 240px;
	height: 195px;
	text-align:center;
	margin-top: 105px;
	margin-bottom: 40px;
		
}

a#starter_get_started {
	
	background: url(../img/get_started_button.png) no-repeat;
	overflow: hidden;
	display:block;
	width: 134px;
	height: 33px;
	margin: 0px 58px;
}

a#starter_get_started { background-position: 0px -1px}


#col2 {
	
	width: 250px;
	height: 380px;
	margin-right: 15px;
	display:block;
	float:left;
	
}

#advanced_icon {
	
	background: transparent url(../img/advanced_icons_small.png) no-repeat scroll 0 50%;
	display: block;
	width: 240px;
	height: 195px;
	text-align:center;
	margin-top: 105px;
	margin-bottom: 40px;
		
}

a#advanced_get_started {
	
	background: url(../img/get_started_button.png) no-repeat;
	overflow: hidden;
	display:block;
	width: 134px;
	height: 33px;
	margin: 0px 58px;
}

a#advanced_get_started { background-position: 0px -34px}

#col3 {
	
	width: 250px;
	height: 380px;
	display:block;
	float:left;
	
}

#ultimate_icon {
	
	background: transparent url(../img/ultimate_icons_small.png) no-repeat scroll 0 50%;
	display: block;
	width: 240px;
	height: 195px;
	text-align:center;
	margin-top: 105px;
	margin-bottom: 40px;
	
}

a#ultimate_get_started {
	
	background: url(../img/get_started_button.png) no-repeat;
	overflow: hidden;
	display:block;
	width: 134px;
	height: 33px;
	margin: 0px 58px;
}

a#ultimate_get_started { background-position: 0px -67px}

#footer {

	float:left;
	background:url(/img/certificates.png) no-repeat left top;
	width: 780px;
	height: 120px;
	text-align: center;

}

#footer p {
	
	margin: 10px 0px;	
	
}

/* ////////////////////////////////////// */			
/* ////////// 	PACKS ////////// */
/* ///////////////////////////////////// */

#pack_details {

	width: 380px;
	height: 700px;
	float:left;
	margin-right: 20px;

}

#h1 {

	margin-top: 25px;
	float: left;
	clear: right;
	
}

#text {
	
	margin-top: 5px;
	width: 300px;
	float: left;
	clear: both;
	
	
}

table#details {

	width: 300px;
	height: 174px;
	float: left;
	clear: right;
	margin-top: 30px;
	
}

table#details th {
	
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size: 14px;
	color: #FFF;
	width: 181px;
	text-align: left;
	padding-left: 10px;
	background-color: #acaeb2;
}

table#details td {
	
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	width: 94px;
	text-align: right;
	padding-right: 10px;
	background-color: #acaeb2;
}

#border_table {
	
	background: url(../img/border.png) repeat-x;
	display: block;
	width: 300px;
	height: 2px;
	float: left;
	clear: right;
	
}

#order {
	
	background: url(../img/order.png) no-repeat;
	overflow: hidden;
	display:block;
	width: 105px;
	height: 33px;
	float: right;
	margin-left: 40px;
	
}

#order { background-position: -1px -1px; }

#order:hover { background-position: -1px -35px; }

#icon_starter {

	width: 380px;
	height: 700px;
	float:left;
	background: url(../img/starter_icon_large.png)  no-repeat 0px 160px ;

}

#icon_advanced {

	width: 380px;
	height: 500px;
	float:left;
	background: url(../img/advanced_icon_large.png)  no-repeat 0px 150px ;

}

#icon_ultimate {

	width: 380px;
	height: 500px;
	float:left;
	background: url(../img/ultimate_icon_large.png)  no-repeat 0px 160px ;

}

#icon_about {

	width: 380px;
	height: 500px;
	float:left;
	background: url(../img/user-256.png)  no-repeat 90px 140px ;

}

p#tos {
	
	float:left	
	
}

/* ////////////////////////////////////// */			
/* /////////////// 	FORM //////////////// */
/* ////////////////////////////////////// */

#form {
	
	width: 290px;
	position: relative;
	float: left;
	clear: right;
	padding-top: 5px;
	padding-left: 5px;
	
}

#form_left {
	
	width: 185px;
	float: left;
	
}

#field {
	
	margin-top: 2px;
	
}

#form_right {
	
	position: relative;
	margin-top: 5px;
	float: left;
	
}

#tos {
	
	margin-top: 10px;	
	
}

/* ////////////////////////////////////// */			
/* ////////// 	TOS ////////// */
/* ///////////////////////////////////// */	

ul#tos_list {
	
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size: 12px;
	padding-left: 25px;

	
}

h3 {
	
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size: 13px;
	font-weight: bolder;
	margin-top: 15px;
	margin-bottom: 5px;
	
}

/* ////////////////////////////////////// */			
/* //CONTACT FORM // */
/* ///////////////////////////////////// */	

#content_contact {
	
	width: 780px;
	float: left;
	margin-bottom: 10px;
	
}

#contact_col1 {

	width: 380px;
	float:left;
	margin-right: 20px;

}

#icon_mail {

	width: 380px;
	height: 100%;
	float:left;
	clear: right;

}

#icon_mail img {

	margin-top: 55%;

}

#contact-wrapper {
	width:300px;
	margin-top: 150px;
}

#contact-wrapper div {
	clear:both;
}

#contact-wrapper .submit {  

	margin-top: 10px;
	border-style: none;
	width: 60px;
	height: 25px;
	cursor: pointer;
	background:url(../img/send-button.png) no-repeat 0 0;

}

#contact-wrapper .reset {  

	border-style: none;
	width: 63px;
	height: 25px;
	cursor: pointer;
	background:url(../img/reset-button.png) no-repeat 0 0;

}

#contact-wrapper label {  
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	color: #2F2F30;
     display:block;  
     float:none;  
     font-size:14px;  
     width:auto; 
	 padding: 5px 0px; 
}

form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:14px;
	color:#333;
}
form#contactform textarea {
	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

#maintenance_text {

	margin-top: 50px;
	width: 400px;
	float: left;
	clear: both;

}

#maintenance_text  p{

	font-family:"Lucida Grande","Lucida Sans Unicode","Arial",sans-serif;
	font-size: 18px;
	line-height: 120%;

}