/* universal */
* {
	margin: 0px; 
	padding:0px;
}

body {
	font: 12px arial;
	font-weight: bold;
	color: #484848;
	margin: 0;
	padding: 0;
	background: #0D0D0D url(images/bg.png) repeat-x;
}

img { border: none; }
img.header { margin: -2px 57px;}

hr.form { clear:both; color:#E4E3E4;background-color:#E4E3E4;width:575px;height:3px;border-width:0px; text-align: left;}

/* Default link colors */

a:link {color: #D1B46E; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px;}
a:visited {color: #D1B46E; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px;}
a:hover {color: #D1B46E; text-decoration: underline; font-style: normal; font-weight: bold; font-size: 12px;}
a:active {color: #D1B46E; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px;}


/* Resetting styles for cross-browser compatibility */

h1, h2, h3, h4, h5, h6, h7 {
	font-family: verdana;
}
h1, h2 {
	font-size: 16px;
}

h3, h4 {
	font-size: 14px;
}

h5, h6, h7 {
	font-size: 12px;
}



/* General style */
#header {
	margin: 0 auto;
	background: url(images/header.png) no-repeat;
	width: 980px;
	height: 82px;
}

#logo {
	margin: 17px 0 0 62px;
	background: url(images/logo.png) no-repeat;
	height: 46px;
	width: 226px;
	float: left;
}

#navi {
	margin: 0 0 0 359px;
	color: #fff;
	float:left;
}

#tabhome {
	background: url(images/tabhome.png) no-repeat;
	width: 54px;
	height: 72px;
	float: left;
}

#tabhome:hover {

	background: url(images/tabhome_roll.png) no-repeat;
	width: 54px;
	height: 72px;
	float: left;
}

#tabportfolio {
	background: url(images/tabportfolio.png) no-repeat;
	width: 54px;
	height: 72px;
	float: left;
	margin: 0 0 0 14px;
}

#tabportfolio:hover {
	background: url(images/tabportfolio_roll.png) no-repeat;
	width: 54px;
	height: 72px;
	float: left;
	margin: 0 0 0 14px;
}

#tabfaq {
	background: url(images/tabfaq.png) no-repeat;
	width: 54px;
	height: 72px;
	float: left;
	margin: 0 0 0 8px;
}

#tabfaq:hover {
	background: url(images/tabfaq_roll.png) no-repeat;
	width: 54px;
	height: 72px;
	float: left;
	margin: 0 0 0 8px;
}

#tabcontact {
	background: url(images/tabcontact.png) no-repeat;
	width: 64px;
	height: 72px;
	float: left;
	margin: 0 0 0 10px;
}

#tabcontact:hover {
	background: url(images/tabcontact_roll.png) no-repeat;
	width: 64px;
	height: 72px;
	float: left;
	margin: 0 0 0 10px;
}


#wrapper{
	margin: 0px auto;
	padding: 9px 0 0 0;
	width: 980px;
	background: url(images/layer.png) no-repeat;
}

#wrapper-subpages{
	margin: 0px auto;
	padding: 9px 0 0 0;
	width: 980px;
}

#left {
	margin: 0 0 0 62px;
	width: 400px;
	float: left;
	font-weight: lighter;
	font-size: 13px;
	color: #DEDBDB;
	padding: 0 0 10px 0;
}

.gray {
	color: #EFEFEF;
}

#steps {
	background: url(images/steps.png) no-repeat;
	width: 255px;
	height: 203px;
	margin: 17px 0 0 0;
	padding: 0 0 0 90px;
}


.step-small {
	color: #818181;
	font-size: 11px;
	height: 40px;
	padding: 10px 0 0 0;
}


.step {
	color: #818181;
	font-size: 11px;
	height: 52px;
	padding: 18px 0 0 0;
}


.empha {
	color: #fff;
	font-weight: 100;
	font-size: 16px;
	font-style: italic;
	font-family: arial bold;
	padding: 0 0 2px 0;
}


#right {
	margin: -1px 0 0 24px;
	width: 480px;
	height: 295px;
	float: left;
	padding: 0 0 10px 0;
	background: url(images/screen.png) no-repeat;
}


#box {
	margin: 0px auto;
	background: url(images/box.png) no-repeat;
	width: 917px;
	height: 51px;
	clear: both;
	padding: 14px 0 22px 15px;
}

#button-order {
	float:left;
	margin: 0 0 0 24px;
	background: url(images/btnOrder.png) no-repeat;
	width: 155px;
	height: 36px;
}

#button-order:hover {
	float:left;
	margin: 0 0 0 24px;
	background: url(images/btnOrder_roll.png) no-repeat;
	width: 155px;
	height: 36px;
}

#button-learnmore {
	float:left;
	margin: 0 0 0 24px;
	background: url(images/btnLearn.png) no-repeat;
	width: 155px;
	height: 36px;
}

#button-learnmore:hover {
	float:left;
	margin: 0 0 0 24px;
	background: url(images/btnLearn_roll.png) no-repeat;
	width: 155px;
	height: 36px;
}

#testimonial {
	float: left;
	margin: 11px 0 0 96px;
	font-style: italic;
	color: #A4A4A4;
	font-weight: 100;
	font-size: 14px;
}

#sheet {
	background: url(images/sheet.png) no-repeat;
	margin: 0 auto;
	width: 930px;
	height: 379px
}

#sheet-left {
	width: 495px;
	float: left;
	height: 379px;
	padding: 34px 0 0 35px;
}

#sheet-left h2 {
	color: #000;
	font-size: 18px;
	font-weight: bolder;
	font-family: arial bold;
}

#packages {
	padding: 40px 0 0 0;
}

.package {
	width: 160px;
	float: left;
}

.package h4 {
	font-size: 16px;
	font-weight: 100;
	color: #000;
	font-family: arial bold;
}

.package ul {
	padding: 25px 0 0 0;
	font-weight: 100;
	font-size: 14px;
	font-family: arial bold;
}

.package li {
	list-style: none;
	background: url(images/bullet.png) no-repeat;
	padding: 0 0 0 15px;
	color: #000;
}


#price {
	clear: both;
	padding: 80px 0 0 0;
	color: #000;
	font-size: 16px;
	font-weight: bolder;
	font-family: arial bold;
	width: 480px;
}

.price {
	float:left;
	width: 110px;
	margin: 0 10px 0 40px;
}


#sheet-right {
	width: 373px;
	float: right;
	height: 378px;
	padding: 35px 0 0 22px;
	color: #000;
	font-size: 18px;
}

#sheet-right a {
	color: #000;
	font-size: 18px;
}

.whitebox {
	background: url(images/whitebox.png) no-repeat;
	width: 321px;
	height: 58px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 15px;
	color: #000;
}

.gold {
	color: #8F762E;
}

.black {
	color: #000;
	font-family: century gothic;
}

.details {
	font-size: 12px;
	color: #737373;
	margin: 3px 0 0 0;
}

.clear {
	clear: both;
}

#footer {
	margin: 0 auto;
	width: 850px;
	padding: 30px 0 20px 0;
}

#form {
	width: 886px;
	min-height: 200px;
	background: #f4f4f4 url(images/form.png) no-repeat;
	padding: 26px 0 0 42px;
	margin: 19px 0 0 17px;
}

#form li {
	list-style: none;
	float: left;
	width: 200px;
	font-size: 16px;
	font-weight: 100;
	padding: 5px 0 5px 0;
}

.form-desc {
	float: left;
	width: 230px;
}

.form-colon {
	float: left;
	font-size: 18px;
}

.form-input {
	float: left;
}

.input {
	margin: 0 0 0 15px;
	background: url(images/input.png) repeat-x;
	height: 23px;
	width: 297px;
	border: 0;
	color: #fff;
	padding: 7px 0 0 10px;
	font-size: 15px;
}

#form-footer {
	width: 928px;
	height: 40px;
	background: url(images/form-end.png) no-repeat;
	margin: 0 0 0 17px;
}

.small {
	color: #818181;
	font-size: 11px;
	margin: 5px 0;
	/*font-weight: 100;*/
}

.set {
	padding: 5px 0 0;
	clear: both;
}

.text {
	margin: 0 0 0 15px;
	background: #1c1b1b url(images/form-text.png) no-repeat;
	height: 145px;
	width: 297px;
	border: 0;
	color: #fff;
	padding: 10px 0 0 10px;
	font-size: 15px;
}

#process {
	clear: both;
	margin: 40px 0 0 0;
	background: url(images/paymentmethods.png) no-repeat;
	padding: 0 0 0 250px;
}

.btnsubmit {
	border: 0;
	background: url(images/btnOrder2.png) no-repeat;
	width: 126px;
	height: 40px;
	cursor: pointer;
}