@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{	margin: 0;	padding: 0;	border: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family:Arial, Helvetica, sans-serif;	vertical-align: baseline;	line-height:1.7;}

/* remember to define focus styles! */
:focus {	outline: 0;}
ol, ul {	list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q {	quotes: "" ""; font-family:Georgia, "Times New Roman", Times, serif;}

	#clear { clear:both;}

	a { color:#333; text-decoration:none;}
	a:hover { color:#BE1E1E;}
	.select { color:#BE1E1E;}
	
	p { color:#505050; font-size:14px;}
	h1 {  font-size:36px; font-weight:normal; color:#505050;}
	
/* TIPS */
	p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color:#fff; color:#BE1E1E; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; font-size:14px; }
	p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* HEADER */
	#header_wrap { background:url(images/header_bg.jpg) 0 0 repeat-x; height:140px; position:relative; margin:0; padding:0;}
	#header { width:960px; height:140px; margin:0 auto; }

	#header_logo { background:url(images/logo.png) 0 0 no-repeat; width:465px; height:140px; position:relative; float:left;}

	/* HEADER navigation */
	#header_nav { width:460px; height:56px; margin:78px 0 0 20px; position:relative; float:left;}
	#header_nav a { font-size:18px; padding:15px 30px 0 28px;; display:block; font-variant:small-caps;}
	#header_nav_plans { background:url(images/header_nav_plans.jpg) 0 0 no-repeat; width:95px; height:56px; position:relative; float:left;}
	#header_nav_features { background:url(images/header_nav_features.jpg) 0 0 no-repeat; width:131px; height:56px; position:relative; float:left;}
	#header_nav_orders { background:url(images/header_nav_orders.jpg) 0 0 no-repeat; width:113px; height:56px; position:relative; float:left;}
	#header_nav_contact { background:url(images/header_nav_contact.jpg) 0 0 no-repeat; width:121px; height:56px; position:relative; float:left;}

/* FEATURED */
	#featured_wrap {background:url(images/featured_bg.jpg) 0 0 repeat-x; height:360px; position:relative; margin:0; padding:0;}
	#featured {width:660px; height:360px; margin:0 auto;}
	#featured.contact { background:url(images/featured_contact.jpg) 0 0 no-repeat;  }
	#featured.plans { background:url(images/featured_plans.jpg) 0 0 no-repeat;  }
	#featured.orders { background:url(images/featured_orders.jpg) 0 0 no-repeat;  }

/* CONTENT */
	#content_wrap { background:url(images/content_bg.jpg) 0 0 repeat; position:relative; margin:0; padding:0;}
	#content { width:960px; margin:0 auto; padding:20px 0; display:block;}

	/* features list */
	#features_wrap {  width:960px;}
	#features { width:960px; height:430px; display:block; margin:0 auto;}
	
	#feature_label { width:192px; position:relative; float:left; padding:10px 0 0 0; margin:0;}
	#feature_label h3 { color:#BE1E1E; font-size:24px; padding:10px 0 0 0; line-height:2; text-align:right; font-weight:normal;}
	#feature_label p {line-height:1.5; text-align:right; font-size:16px; }
	#feature_label p.price { font-size:22px; color:#BE1E1E;}
	
	#feature { width:192px; position:relative; float:left; padding:10px 0 0 0; margin:0;}
	#feature h3 { color:#BE1E1E; font-size:24px; padding:10px 0 0 0; line-height:2; text-align:center; font-weight:normal;}
	#feature p { line-height:1.5; text-align:center; font-size:16px; }
	#feature p.price { font-size:20px; color:#BE1E1E;}
	
	#feature_o_but { width:177px; height:50px; position:relative; float:left; margin:20px 0 0 0;}
	#feature_o_but p { text-align:center; padding:8px 0; font-size:18px;}
	
	
	/* plans */
	#contents {	width: 750px;	margin: 0 auto;	padding: 45px;}
	h3 {	margin: 0;	padding: 3px 0 0 0;	font-size: 16px;	text-transform: uppercase;}
	div#feature_list {	width: 750px;	height: 320px;	overflow: hidden;	position: relative;}
	div#feature_list ul {	position: absolute;	top: 0;	list-style: none;		padding: 0;	margin: 0;}

	/* tabs */
	ul#tabs {	left: 0;	z-index: 2;	width: 325px;}
	ul#tabs li {	font-size: 12px;	font-family: Arial;}
	ul#tabs li h3 { font-size:24px; padding:10px 0 0 0; line-height:2;}
	ul#tabs li img {	padding: 0;	border: none;	float: left;	margin: 0 10px 0 0;}
	ul#tabs li a {	color: #333;	text-decoration: none;		display: block;	padding: 10px;	height: 60px;	outline: none;}
	ul#tabs li a:hover {	text-decoration: underline;}
	ul#tabs li a.current {	background:url(images/feature_tab_current.png);color: #fff;}
	ul#tabs li a.current:hover {	text-decoration: none;	}
	
	/* output */
	ul#output {	right: 0;	width: 463px;	height: 240px;	position: relative;}
	ul#output li {position: absolute; width: 463px; height:320px;}
	ul#output li a {position: absolute;	top: 10px;	left: 50px;	padding: 0 10px; 	text-decoration: none;  color:#fff;	-moz-border-radius: 10px;}
	ul#output li a:hover { color:#fff; cursor:default;}	
	ul#output li a p { font-size:16px;}
	ul#output li a p.heading {  font-size:24px; padding:10px 30px 20px 0; color:#111; line-height:1; text-transform:uppercase;}
	ul#output li a p.intro {  font-size:16px; padding:10px 30px 20px 0; color:#fff;}
	ul#output li a p.left { width:150px; position:relative; float:left; text-align:left; color:#fff; clear:left;	}
	ul#output li a p.right { width:100px; position:relative; float:left; text-align:right; font-size:18px; line-height:1.4; color:#fff;}
	
	
	/* contact */
	#contact_wrap { width:960px;}
	#contact {width:960px; margin:0 auto;}
	#contact_form {width:300px; position:relative; float:left; margin:40px 0 40px 80px;}

	/* form */
	#contact_form label { padding:10px 0 5px 0; font-size:16px; line-height:2; color:#505050; position:relative; float:left; width:300px}
	#contact_form fieldset { }
	#contact_form input { width:200px; height:30px; background:#333; padding:0 5px; color:#fff; font-size:14px; border:none;}
	#contact_form #form_input { width:200px; height:30px; position:relative; float:left; }
	#contact_form #form_input_text_area { width:300px; height:200px; position:relative; float:left; }
	#contact_form textarea { border:1px solid #333; background:#333; padding:5px; color:#fff; width: 200px; height: 190px; font-size:14px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; }
	#contact_form input.submit-button { width: 70px; height:30px; display: block; position:relative; float:left; color:#fff; border:none;}
	#contact_form input.submit-button:hover { width: 70px; height:30px; display: block; color:#BE1E1E; border:none; position:relative; float:left; cursor:pointer;}
	select.dom { margin:-1px 0 0 20px; background:#333; color:#fff; position:relative; float:left; width:70px; height:32px;}
	select { padding:2px;  margin:0; background:#333; color:#fff;  position:relative; float:left; width:200px; height:32px; }

	/* contact details */
	#details {width:480px; position:relative; float:left; padding:50px 40px 40px 60px;}
	#details p { font-size:14px; }
	#details h1 { font-size:24px; font-weight:normal;}

/* FOOTER */
	#footer_wrap { background:url(images/footer_bg.jpg) 0 0 repeat-x; height:300px;}
	#footer { width:960px; margin:0 auto;}
	
	/* FOOTER contact */
	#footer_contact { width:300px; position:relative; float:left; padding:20px 0 0 0;}
	#footer_contact h4 { font-weight:normal; text-align:right; font-size:20px; color:#aaa; padding:0 20px 20px 10px; margin:0; line-height:1;}
	#footer_contact label { clear:left; width:110px; font-size:16px; color:#aaa; position:relative; float:left; text-align:right; padding:0 10px 5px 0;}
	#footer_contact input { width:150px; height:30px; font-size:14px; color:#fff; border:none; padding:0 5px; background:#333;}
	#footer_contact_form_input { width:150px; height:30px; background:#333; position:relative; float:left; }
	#footer_contact_form_input_text_area { width:150px; height:70px; background:#222; position:relative; float:left; }
	#footer_contact textarea { width: 150px; height: 70px; border:none; position:relative; float:left; padding:5px; background:#333; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; }
	#footer_contact input.submit-button { font-size:16px; color:#fff; background:none; margin:10px 40px 0 0; padding:0; width:50px; height:20px; display: block;	float:right;}
	#footer_contact input.submit-button:hover { color:#BE1E1E; cursor:pointer;}

	#footer_left { width:600px; height:300px; position:relative; float:left;}
	
	/* FOOTER copyright */
	#footer_copyright { padding:60px 0 0 0 ;	position:relative; float:right;}
	#footer_copyright p { color:#aaa; font-size:12px; text-align:right; }
	#footer_copyright a { color:#fff; padding:1px text-decoration:none;}
	#footer_copyright a:hover {color:#BE1E1E;}
	
	#footer_logo { background:url(images/footer_logo.jpg) 0 0 no-repeat; width:270px; height:36px; position:relative; float:right; margin:60px 0 0 0;}
	
	/* FOOTER navigation */
	#footer_nav { font-size:16px; padding:20px 0; margin:0; position:relative; float:right; display:block; clear:both;}
	#footer_nav li {position:relative; float:left; padding:0 10px;}
	#footer_nav a {  color:#fff; padding:1px text-decoration:none;}
	#footer_nav a:hover {color:#BE1E1E; }

