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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

address {
font-style: normal;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #787878;
}

a:hover {
	text-decoration: underline;
}

body {
	background: #666 url('../images/bg-body.gif') repeat center top;
	font-family:  Arial,'Times New Roman', sans-serif;	
	font-size: .89em;
	line-height: 1.4;
	color: #333;
	padding-top: 84px;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	background-color: #fbfbfb;
	text-align: left;		
} 

#header {
	height: 94px;
}

#logo {
	width: 460px;
	float: left;
	height: 94px;
	position: relative;
}

#header h3 {
	background:  url('../images/bg-logo.jpg') no-repeat left top;
	height: 126px;
	width: 460px;
	float: left;	
	position: absolute;
	top: -49px;
	left: 10px;
}

#header h3 a {	
	height: 62px;
	width: 340px;
	display: block;		
	margin: 52px 0 0 30px;
	background:  url('../images/logo.jpg') no-repeat left top;
}

#header h3 a:hover { 
	background-position: left bottom;
}

#header h1, #header h3 a, ul#nav li a {		
	text-indent: -9999em;
}

/*------------- MainCol Styles Starts  ----------------*/

ul#nav {
	width: 460px;
	float: right;	
}

ul#nav li {	
	float: left;	
}

ul#nav li a {
	background: url('../images/btn-nav.jpg') no-repeat scroll 0 0;
	display: block;
	float: left;
	height: 94px;
	width: 85px;	
}

ul#nav li.home a {
	background-position: 0 0;
}

ul#nav li.home a:hover, ul#nav li.home a.selected {
	background-position: 0 bottom;
}

ul#nav li.portfolio a {
	background-position: -85px 0;
}

ul#nav li.portfolio a:hover, ul#nav li.portfolio a.selected {
	background-position: -85px bottom;
}

ul#nav li.testimonials a {
	background-position: -170px 0;
}

ul#nav li.testimonials a:hover, ul#nav li.testimonials a.selected {
	background-position: -170px bottom;
}

ul#nav li.faqs a {
	background-position: -255px 0;
}

ul#nav li.faqs a:hover, ul#nav li.faqs a.selected {
	background-position: -255px bottom;
}

ul#nav li.ordernow a {
	background-position: -340px 0;
}

ul#nav li.ordernow a:hover, ul#nav li.ordernow a.selected {
	background-position: -340px bottom;	
}

#banner {
	background:  url('../images/bg-banner.jpg') no-repeat left top;
	height: 318px;
}

#banner h2, #banner p {
	text-indent: -9999em;
}

#content-wrapper {
	width:960px;
	background: url('../images/bg-content-wrapper.gif') repeat-y center top;
}

/*------------- MainCol Styles Starts  ----------------*/

#main-col {
	float: left;
	width: 629px;
	padding-top: 10px;	
}

#inner-col {
	margin: 0 0 55px 90px;
}

#main-col h2 , #sub-col h2 {
	background: url('../images/bg-section.gif') no-repeat left top;	
	height: 40px;
	line-height: 40px;
	width: 256px;
	text-align: center;
	font-size: 1.3em;
	color: #fbfbfb;
}

#main-col h2, #main-col ul, #main-col ol , #main-col p {	
	margin-bottom: 15px ;	
}

#main-col ul#why-us {
	margin-bottom: 55px;
} 

ul#why-us li {
	background: #fbfbfb url('../images/icon-arrow.gif') no-repeat left center;
	padding-left: 15px;
	font-size: 1em;
	line-height: 2em;	
}

#main-col p {
	width: 500px;
	font-size: 1em;
	line-height: 1.75em;
}

/*------------- SubCol Styles Starts  ----------------*/

#sub-col{	
	float: left;
	width: 300px;
	margin-left: 20px;
	padding-top: 10px;	
}

#sub-col h1.offer {
	background: #fbfbfb url('../images/bg-offer.jpg') no-repeat left top;	
	height: 158px;
	width: 297px;
	text-indent: -9999em;
	margin: 0 0 20px 0;
}

#sub-col p {	
	margin-top: 15px;
	font-size: 1em;
	padding-right: 10px;
}

#sub-col h4 {
	background: #fbfbfb url('../images/icon-contact.gif') no-repeat left center;
	display: block;
	text-indent: 25px;
	color: #6f4009;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}

#sub-col a.ordernow {
	background: url('../images/btn-order.jpg') no-repeat left top;
	display: block;
	height: 43px;
	margin: 0 auto;
	text-indent: -9999em;
	width: 149px;
}

#sub-col a.ordernow:hover {
	background-position: left bottom;	
}

#sub-col h4.home-contact  {
	margin: 87px 0 20px 0;	
}

#cross-browser {
	margin: 100px 0 0 0;
}

#cross-browser h2 {
	margin-bottom: 20px;
}

#cross-browser  ul {
	background: url('../images/bg-browser.jpg') no-repeat left top;	
	height: 89px;
	width: 297px;
	text-indent: -9999em;
	margin: 0 0 20px 0;
}

/*------------- Footer Styles Starts  ----------------*/

#footer-wrapper {
	background: url('../images/bg-footer.png') repeat-x scroll left top;
	height: 180px;
}

#footer {
	background: #fbfbfb url('../images/bg-scale.gif') no-repeat left top;
	height: 93px;	
	margin: 0 auto;	
	width: 960px;	
}

#footer p {
	margin: 65px 20px 0 0;
	float: right;
	font-size: .9em;		
	text-align: right;
}

#footer p a:hover {
	color: #000;
}

#footer ul {	
	margin: 45px 0 0 90px;
	float: left;
	height: 20px;
}

#footer ul li {
	float: left;
	padding: 0 5px 0 15px;
	background: url('../images/icon-validate.gif') no-repeat left center;		
}

#footer ul li a {
	width: 48px;
	display: block;
	font-size: .8em;
	text-decoration: none;
	color: #797979;
	height: 48px;
	text-align: center;
	line-height: 48px;
}

#footer ul li a:hover {
	color: #000;
	background: url('../images/bg-valide-repeat.gif') repeat-x left top;
}

abbr {
	border-bottom: 1px dotted #333;
}

/*------------- Portfolio Page Styles----------------*/


#main-col span.bold {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}

#main-col ol.nomargin {
	margin-bottom: 0;
}

#main-col ol li {
	padding: 5px 0 0 0;
	list-style-type: decimal;	
	list-style-position: inside;
}

#main-col a {
	color: #6A9800;
	text-decoration: none;
}

table a {
	color: #808080;
	display: block;
}

table a:hover {
	color: #6A9800;
}

#main-col a:hover {
	text-decoration: underline;
}

#main-col .hightlight, #bottom-col .hightlight {
	color: #FD7102;
	font-size: 1.2em;
	margin: 20px 0 0 0;
}

#bottom-col .hightlight {
	margin-top: 0;
}

#main-col h3 {
	font-size: 1.2em;
	color: #666;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#main-col .portfolio-col h3 {
	font-size: 1.3em;
	margin: 10px 0;
}

.cols {
	float: left;
	width: 250px;
	margin-right: 20px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	text-align: center;
}

.cols img {
	width: 240px;
	margin: 5px 0;
}

#main-col .cols p {
	margin-bottom: 0;
	width: 250px;
}

#main-col .cols p a {
	width: 250px;
	display: block;
	padding: 10px 0;
	background-color: #ccc;
	border-top: 1px solid #ccc;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;

}

#main-col .cols p a:hover {
	background-color: #fff;
	color: #000;
}

#main-col .cols p a:active {
	background-color: #efefef;
	color:#6A9800;
}

#main-col .nomar {
	margin-right: 0;
}

/* ----------- Testimonial Page Styles ------------------------------ */

.comment-top, .comment-bg, .comment-bottom {
	width: 517px;	
}

#main-col .comment-bg a {
	color: #FD7102;
	font-size: 1.05em;
}

.comment-top {
	background: url('../images/bg-comment-top.gif') no-repeat left top;
	height: 6px;
}

.comment-bg {
	background: url('../images/bg-comment-center.gif') repeat-y left top;
	margin-bottom: 30px; 
}

.comment-bottom {
	background: url('../images/bg-comment-bottom.gif') no-repeat left bottom;
	height: 20px;	
}

#main-col .comment-bg p, #main-col .comment-bg h4  {
	width: 420px;
	margin-left: 80px;
}

#main-col .comment-bg h4  {
	margin-top: 10px;
	margin-bottom: 5px;
}

#main-col .comment-bg p {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.smiley-icon {
	background: url('../images/icon-smiley.gif') no-repeat left top;
	width: 46px;
	height: 74px;
	float: left;
	margin: 10px 0 0 20px;
	padding-bottom: 10px;
}


h3#testimonial {
	color: #87B533;
	font-size: 1.4em;	
	margin: 25px 0 25px 0;
	font-weight: normal;
}

#main-col .comment h4, #main-col .comment p {	
	width: 440px;
	margin-left: 80px;
}

#main-col .comment h4 a {
	color: #ff7f34;
}

#accordion h3 {
	background: url('../images/bg-plus.gif') no-repeat right top;
	cursor: pointer;
	height: 23px;
	font-size: 1.05em;
	color:#FD7102;	
	margin: 0 23px 10px 0;
}

#accordion h3.ui-state-active {
	background: url('../images/bg-plus.gif') no-repeat right bottom;
}

/* ----------- Faqs Page Styles ------------------------------ */

#main-col ul.tabs {
	list-style: none;
	width: 100%;
	height: 31px;
}

#main-col ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-left: none;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	background: url('../images/bg-tab-repeat.gif') repeat-x center top;
}

#main-col ul.tabs li a {
	color: #000;
	display: block;
	font-size: 1em;
 	padding: 0 20px;
	border-right: 1px solid #fff;
	outline: none;
}

#main-col ul.tabs li a:hover {	
	background: url('../images/bg-tab-repeat-hover.gif') repeat-x center top;
	color: #FFFFFF;
	text-decoration: none; 
}	

#main-col ul.tabs li.active,#main-col ul.tabs li.active a:hover  {	
	background: url('../images/bg-tab-repeat-hover.gif') repeat-x center top;
}

#main-col ul.tabs li.active a {
	color: #fff;
}

#main-col .tab_container {
	float: left; 
	width: 100%;
	background: #fff; 
}

#main-col .tab_container {
	width: 494px;
	margin-bottom: 60px;
	padding: 15px 10px 0;
	border: 3px solid #8dc70a;	
}

#main-col .tab_container  dl {
	margin: 0 0 20px 0;
}

#main-col .tab_container dl dt {
	color: #fd7102;	
	cursor: pointer;
	margin-top: 5px;
}

#main-col .tab_container dl dt:first-child {
	margin-top: 0;
}

#main-col .tab_container dl dd {
	margin-bottom: 10px;
}

#main-col ul {
	margin-bottom: 0;
}

#main-col dt span {
	margin-left: 5px;
	color: #666;
	font-weight: bold;
}


/*------------------ OrderNow Page Styles -----------------*/

#inner-main p{
	margin: 0 0 0  35px;
}
.layout-options {
	margin-bottom: 30px;
}

#inner-main #accordion {
	margin-left: 20px;
}

#inner-main #accordion h3 {
	cursor:pointer;
	width: 585px;
	color: #555;
	text-decoration: none;
	margin: 0 0 10px 0;
	font-size: 1.5em;
	background: url('../images/btn-view.jpg') no-repeat right top;
	line-height: 30px;
	display: block;
	height: 30px;
}

#main-col #accordion h3:hover {
	background-position: right bottom;
}

#main-col .layout-options h5 {
	font-size: 1.05em;
}

.options-container {
	margin: 10px 0 20px; 
	width: 585px;
	padding: 10px 0;
	background: #626262 url('../images/bg-top-show.jpg') no-repeat left top;
}

.options {
	background: #fff;
	width: 548px;
	margin: 0 0 0 8px;
	padding: 0px 10px;
}

#main-col .options-container h4 {
	font-size: 1.25em;
	color: #fff;
	padding: 0;
	margin: 0 0 5px 20px;
}

.option-content {
	border-bottom: 1px solid #B9B9B9;
	padding: 10px 0;
}

#main-col .option-content ul {
 margin-left: 0;
}

#main-col .option-content h5 {
	color: #5F9800;
	font-size: 1.08em;
	margin-bottom: 5px;
	font-weight: bold;
}

#main-col .option-content p {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.3;
}

.option-content ul li {
	font-size: 1.05em;
	margin: 2px 0;
}

#main-col .option-content .bold {
	text-decoration: none; 
}

#main-col .noborder {
	border: 0;
}

#main-col .option-content span {
	color: #505050;
	float: right;
}

/*-------------- Contact Styles ------------- */

#personal-info ul,#personal-info ul li, #contact-info ul,#contact-info ul li{
	margin: 0;
	padding: 0;
	background-image: none;
}

#personal-info ul{
	width: 500px;
}

#personal-info {
	margin: 10px 0 0 35px;
	width: 500px;
}

#personal-info label, #contact-info label {
	float: left; 
	display: block;
	width: 170px;
	margin: 5px 0;
	line-height: normal;
	text-align: right;
	padding: 0 15px 0 0;
} 

#personal-info input,#personal-info textarea, #contact-info input,#contact-info textarea {
	width: 300px;
	height: 20px; 
	padding: 5px;
	line-height: 30px;
	margin: 5px 0; 
	background: #F3F3F3;
	border: 1px solid #999;
}

#personal-info textarea, #contact-info textarea {
	height: 200px;
	line-height: normal; 
}

#personal-info input:hover,#personal-info textarea:hover, #contact-info input:hover,#contact-info textarea:hover { 
	background: #fff;
}

#project-info input.sub {
	width: auto;
	background: none;  
	margin: 0 0 0 10px;
}

#personal-info input.submit-btn, #contact-info input.submit-btn  {
	width: auto;
	margin: 10px 0 30px 185px;
	cursor: pointer;
	height: 30px;
	line-height: normal;
}

#personal-info input#mockup_file, #contact-info input#mockup_file {
	height: auto;
}

#main-col span, #contact-col span {
	color: #f00;
}

h2#contact-us {
	margin-left: 20px;
}

#orderform label.error {
	width: 100%;
	text-align: left;
	color: #ff0000;
	margin-left: 185px;
}

#contactform label.error {
	width: 100%;
	text-align: left;
	color: #ff0000;
	margin: -8px 0 10px 0;
}

/*----------- Started Page -------- */

#started-leftcol {
	float: left;
	width: 600px;
}

#main-col .page-select {
	margin:15px 0;
	padding:0 23px;
}
	
#main-col .page-select p {
	color: #575757;
	margin-left: 0;
	margin-bottom: 0;
}

#total-line {
	border-top:2px solid #BBBBBB;
	margin:20px 20px 10px;
}
#subtotal {
	border: 0 none;		
	color: #343434;
	text-align: right;
	font-weight: bold; 	
	background-color: #F3F3F3;	
	font-size:1.7em;
	margin: 0px;
	text-align:right;
	width:510px;
}

#page-slider-top {
	background: url('../images/bg-slider-top.gif') no-repeat right top;
	height: 30px;
}

#page-slider {
	background: url('../images/bg-slider-center.gif') repeat-y center top;
	width: 585px;
	margin:0 0 20px 20px;
}

#page-slider-bottom {
	background: url('../images/bg-slider-bottom.gif') no-repeat left bottom;
	height: 20px;
}


/* Get Started Page JS Styles */
#home-pages, #sub-pages, #days {
	background: url('../images/bg-slider-track.jpg') no-repeat left center;
	width: 350px;
	height: 24px;
	position: relative;
	float: left;
}

.minus {
	background: url('../images/bg-minus.jpg') no-repeat left center;
	width: 26px;
	height: 26px;
	float: left;
}

.plus {
	background: url('../images/bg-plus.jpg') no-repeat right center;
	width: 56px;
	height: 26px;
	float: left;
}
.ui-slider-handle {
	background: url('../images/btn-slider-cursor.jpg') no-repeat center center;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
}

#home-page-qty, #sub-page-qty, #days-qty {
	border: 0px none;
	background-color: #F3F3F3;	
	color:#707171;
	font-weight: bold;
	float:left;
	font-size:1.1em;
	width: 90px;
	margin: 0 0 0 5px;
}

/*---------------- Valied Form ------------------*/

#personal-info input.file_1 {
	height: 25px;
	margin: 0;
}

small {
	font-size: .85em;
	clear: both;
	margin: 0 0 10px 165px;
	display: block;
}

img#captchaimg {
	margin-left: 165px;
}

/*---------------- SubCol Form Styles------------------*/

#contact-info label {
	text-align: left;
}

#contact-info input, #contact-info textarea {
	margin: 0;
	margin-bottom: 10px;
	width: 270px;
	height: 20px;
	padding: 5px;
}

#contact-info textarea {
	height: 200px;
}

#contact-info input.submit-btn  {
	width: auto;
	margin: 10px 0 30px 0;
	cursor: pointer;
}

#sub-col #contact-col p {
	margin-top: 5px;
}

#sub-col h2#contact {
	margin: 50px 0 0 0;
}

#sub-col h2#contact a {
	color: #FBFBFB;
}

#footer a.addthis_button {
	display: block;
	float: left;
	margin: 60px 0 0 0;
}

#grand-total {
	width: 200px;
	height: 200px;
	background: #ccc;
	text-align: center;
	border: 1px solid #000;
	margin: 30px 0 0 0;
	float: right;
}