/*
Theme name: HTML Mafia
Description: Custom Theme
*/

* { padding:0; margin:0; outline:0; }
body {
	background:#559aaa;
	font-family: Georgia, serif;
	font-size:16px;
	line-height:21px;
	color:#334a55;
}

.notext { font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; text-indent: -4000px; display:block; background-color:transparent;}
a.notext:hover,
input.notext:hover { background-position:0 bottom;}

input, textarea, select { font-family: Georgia, sans-serif; font-size:14px; }

small { font-size:11px; display:block; line-height:15px; }

label { display:block; font-weight: bold; padding-bottom:5px;}

a img { border:0; }

a { color:#334a55; text-decoration: underline; cursor:pointer; }
a:hover { color:#000; text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }


h2 { font-size:0; line-height:0; height:22px; text-indent: -4000px; background:url(images/titles.gif) no-repeat 0 0;}

h3 { font-size:18px; line-height:23px; font-weight: normal; padding:7px 0 5px 0; }
h4 { font-size:11px; line-height:14px; font-weight: bold; color:#fff; }

h1#logo { font-size:0; line-height:0; width:201px; height:73px; position:absolute; top:0; left:0; }
h1#logo a{ display:block; height:73px; text-indent: -4000px; background:url(images/logo.gif); }

.shell { width:940px; margin:0 auto; }

#header { height:409px; background:url(images/header.gif); border-bottom:solid 3px #d5ebf4; }
#header .shell{ position:relative; }

#navigation { height:90px; padding:29px 0 0 242px;}
#navigation ul { list-style-type: none;}
#navigation ul li { float:left; display:inline; margin-left:14px; }
#navigation ul li em { position: absolute; top: -50000px; left: -50000px; }
#navigation ul li a { float:left; display:inline; height:33px; background:url(images/nav.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent: -4000px;}

#navigation ul li a.home-link { background-position:0 0; width:61px; }
#navigation ul li a.home-link:hover,
#navigation ul li.active a.home-link { background-position:0 bottom; }

#navigation ul li a.samples-link { background-position:-75px 0; width:79px; }
#navigation ul li a.samples-link:hover,
#navigation ul li.active a.samples-link { background-position:-75px bottom; }

#navigation ul li a.order-link { background-position:-167px 0; width:94px; }
#navigation ul li a.order-link:hover,
#navigation ul li.active a.order-link { background-position:-167px bottom; }

#navigation ul li a.how-link { background-position:-274px 0; width:111px; }
#navigation ul li a.how-link:hover,
#navigation ul li.active a.how-link { background-position:-274px bottom; }

#navigation ul li a.faq-link { background-position:-399px 0; width:47px; }
#navigation ul li a.faq-link:hover,
#navigation ul li.active a.faq-link { background-position:-399px bottom; }

#navigation ul li a.privacy-link { background-position:-460px 0; width:115px; }
#navigation ul li a.privacy-link:hover,
#navigation ul li.active a.privacy-link { background-position:-460px bottom; }

#navigation ul li a.contact-link { background-position:-589px 0; width:93px; }
#navigation ul li a.contact-link:hover,
#navigation ul li.active a.contact-link { background-position:-589px bottom; }

h2.head-title {height:113px; background:url(images/head-title-new.gif) no-repeat 0 0; }

a.order-now-button { height:184px; background-image:url(images/prices.png); width:415px; position:absolute; top:247px; left:0;}

.mafiots { width:349px; height:340px; position:absolute; top:96px; left:599px; background:url(images/mafiots.png); }

#main { background:url(images/main.jpg) repeat center 0;}
#main-t { background:url(images/main-t.jpg) repeat-x center 0; padding:40px 0 60px 0; width:100%; }
#main p { padding-bottom:20px; }
#main ul.normal { padding: 0 0 20px 25px; }

#footer { border-top:solid 3px #a1c9d1; height:50px; font-size:12px; white-space:nowrap; color:#a2d4eb; padding-top:10px; }
.cc { background:url(images/cc.gif) no-repeat right 0; padding-right:240px;}
.page-title { background:url(images/dash.gif) repeat-x 0 bottom; padding-bottom:13px; margin-bottom:11px; }

a.get-started-button { height:76px; width:227px; margin:10px auto 0 auto; font-size:0; line-height:0; display:block; overflow:hidden; position:relative; }
a.get-started-button span{ display:block; height:76px; background:url(images/get-started-button.png) no-repeat 0 0; text-indent: -4000px;}
a.get-started-button:hover span{ background-position:0 bottom;}

h2.best-deal-h { background-position: 0 0;}
h2.what-we-do-h { background-position: 0 -39px;}
h2.order-h { background-position: 0 -79px;}
h2.samples-h { background-position: 0 -118px;}
h2.how-h { background-position: 0 -158px;}
h2.faq-h { background-position: 0 -197px;}
h2.privacy-h { background-position: 0 -236px;}
h2.contact-h { background-position: 0 -276px;}
h2.summary-h { background:url(images/order-summary-h.gif) no-repeat 0 0;}

.samples { }
.samples ul{ list-style-type: none; position:relative; width:954px; margin-left:-14px;}
.samples ul li{ float:left; display:inline; width:304px; height:160px; font-size:0; line-height:0; text-align: center; margin: 0 0 14px 14px; }
.samples ul li a{ display:block; width:304px; height:155px; font-size:0; line-height:0; background:url(images/sample-bg.png); padding-top:5px;}

.field { background:url(images/field.png); border:solid 2px #5e7984; color:#fff; padding:8px; }
.field:focus,
.field-focus { border-color:#3c5b68;}

.order-form {}
span.flash-upload-label{ position:relative; float:left; white-space:nowrap; height:24px; padding: 8px 10px 0 0; }

.order-form .left{ width:490px;  }
.form .field{ display:block; margin-bottom:20px;}
.form .field{ width:470px; }
.form textarea.field{ height:150px; overflow:auto; }

.summary { width:421px; color:#c9d1d5; font-size:11px; line-height:16px; }
.summary-t { font-size:0; line-height:0; height:75px; background:url(images/summary-t.png)}
.summary-c { width:338px; background:url(images/summary-c.png); padding:0 29px 0 54px;}
.summary-b { font-size:0; line-height:0; height:24px; background:url(images/summary-b.png)}

.summary-info { font-size:14px; white-space:nowrap; padding:15px 0 5px 0; background:url(images/dash-summary.gif) repeat-x 0 bottom; margin-bottom:15px; }
.summary-info span{ float:left; width: 110px; text-align: right; margin-bottom:10px; }
.summary-info strong{ float:left; color:#fff; padding-left:12px; margin-bottom:10px; }
#expedited-delivery { float: right; color:#fff; padding-left:12px; margin-bottom:10px; }

.summary-options { font-size:10px; line-height:12px; }
.summary-rel { float:left; width:100%; margin-top:-44px; position:relative; }

.summary-button { text-align: center; color:#97a6ad; background:url(images/dash-summary.gif) repeat-x 0 bottom; margin-bottom:15px; padding-bottom:15px;  }
.summary-button small { font-size:10px; padding-top:4px;}

.summary-free { float:left; width:180px;}
.summary-free ul{ list-style-type: none; padding-top:7px;}
.summary-free ul li{ background:url(images/plus.gif) no-repeat 0 4px; padding:0 0 8px 12px;}

.summary-browsers { float:right; width:140px;}
.summary-browsers ul{ list-style-type: none; padding-top:5px;}
.summary-browsers ul li{ background:url(images/browsers.gif) no-repeat 0 0; padding:4px 0 6px 28px; margin-bottom:6px;}

.summary-browsers ul li.ie { background-position:0 0;}
.summary-browsers ul li.ff { background-position:0 -43px;}
.summary-browsers ul li.safari { background-position:2px -85px;}
.summary-browsers ul li.opera { background-position:0 -128px;}
.summary-browsers ul li.chrome { background-position:3px -171px;}

.summary-order-button { width:181px; height:54px; background-image:url(images/summary-order-button.gif); margin:0 auto; border: 0; cursor: pointer}
#flash-upload-button{ position:absolute; font-size:0; line-height:0; top:-4px; right:-75px;}

#slider { 
	height: 4px; 
	font-size: 0; 
	line-height: 0; 
	position: relative; 
	margin: 0 17px; 
	width:456px; 
	margin:0 auto; 
}
.ui-slider-handle { 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; 
	width: 38px; 
	height: 26px; 
	position: absolute; 
	background: url(images/slider-handle.png); 
	top: -12px; 
	cursor: default; 
	margin-left: -19px; 
	cursor: w-resize
}
.slider-container {
	padding: 12px 0 0 0;
	margin-bottom: 15px;
	background: url(images/slider-bg.gif) no-repeat 0 12px ;
}
.slider-numbers {
	font-size:10px;
	color: #454545;
	height: 15px;
	text-align: center;
	padding-top: 10px;
	line-height:12px;
}
.slider-numbers .included-number {
	color:#5d8187;
}
.slider-numbers .active-number {
	color:#a03420;
}
.slider-numbers span {
	float: left;
	display: inline;
	width: 24px;
	right: -5px;
	position:relative;
}

.contact-form { width:490px; margin:0 auto; }
.button-place { height:42px; overflow:hidden; position:relative; background:#aaa;}

input.submit-button { width:102px; height:42px; background-image:url(images/submit-button.gif); cursor:pointer; border:0; display:block; margin-left:225px}
input.submit-button-hover { background-position:0 bottom; }

.thanks, .err { font-weight: bold; text-align: center; }
.no-js .slider-container, .no-js .summary-info, .no-js #flash-upload-button, .no-js .summary-h, .no-js .uploadfield { display: none; }

.swfupload {float: left; width: 71px; }

#progress { width: 336px;  float: right;  height: 20px;  border: 2px solid #bbdb52; text-align: center; padding-top: 0px; margin-bottom: 15px; background: #a2cc31; color: #4b6571; font-weight: bold; display: none; position: relative; }
#progressbar-loader { width: 0%; background: #e3f5aa; color: #fff; display: block; float: left; text-align: right; position: absolute; height: 20px; z-index: 1; left: 0}
#progressbar-message { z-index: 2; position: absolute; left: 125px; padding-top: 3px; }

.form .uploadfield { width: 281px; float: left; }
#flash-upload-holder { padding: 5px 0 0 5px; float: left; }

#risk { position:absolute; top:0; right:0; width:139px; height:193px; background:url(images/risk.png); text-indent: -4000px;}

#ui-datepicker-div { font-size: 80%; line-height: 120% }

.our-sites { font-size:10px; padding-top:0px; text-align: right; }
.our-sites a{ color:#a2d4eb;}
.our-sites span{ padding:0 3px 0 2px;}