/* CSS Document */
html, body {
	height:100%;	
}

body {
	margin:0;
	padding:0;
	position:relative;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#main  {
	background:url(../img/main_bg.jpg) #fff repeat-x;
	min-height:100%;
	height:auto;
	margin-bottom:-170px;
	position: relative;
}

#wrap {
	width:950px;
	margin:0 auto;
}

#header {
	margin:0;
	width:100%;
	float:left;
    position:relative;
}

#headerLogo {
	float:left;
	display:inline;
	margin-top:16px;
	background-image:url(../img/psdtohtmlcss.gif);
	width:602px;
	height:104px;
}

#headerLogo h1{
	margin:0;
	padding:0;
}

#headerLogo a{
	text-indent:-9999px;
	display:block;
	width:602px;
	height:104px;
	outline:none;
}

#headerButton {
    float:right;
    margin-top:10px;
}

#headerButton a img {
    border:0;
}

#headerButtonTrusted {
    float:right;
    margin-top:10px;
    position:absolute;
    right:0px;
}

#headerContact {
	float:right;
	display:inline;
	margin:30px 0 0 0;
}

#content {
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding-bottom:20px;
}

#contentMain {
	float:left;
	display:inline;
	width:602px;
	font-size:12px;
}

#contentMain h2 {
	font-size:18px;
	font-weight:normal;
	margin:10px 0 0 10px;
	padding:0;
	color:#333;
}

#contentMain p {
	font-size:12px;
	margin:20px 0;
	padding:0 10px 0 10px;
	color:#333;
}

#contentMain p a, #sitemap a{
	color:#CC2A04;
}

#content3col {
	float:left;
	color:#333333;
	font-size:12px;
	margin:0;
	width:100%;
	padding:10px 0 40px 0;
}

#content3col ul{
	margin:10px 0 0 0;
	padding-left:0;
}

#content3col ul li{
	list-style-type:none;
	background:url(../img/icon_check.gif) 0 2px no-repeat;
	padding-left:20px;
	line-height:18px;
}


#content3col a {
color:#8F0000;
}

#content3col h2 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#content3col p {
	margin:10px 0;
	padding:0;
}

#content3col1 {
	float:left;
	width:305px;
	display:inline;
	margin-left:5px;
	margin-top:-30px;
}

#content3col2 {
	float:left;
	width:255px;
	display:inline;
	margin-left:50px;
	margin-top:-30px;
}

#content3col3 {
	float:left;
	width:280px;
	display:inline;
	margin-left:50px;	
}

#getStartedNow {
	margin-top:25px;
	float:right;
	width:264px;
	height:72px;
	background:url(../img/btn_get_started.gif);
}

#getStartedNow1 {
	margin-top:25px;
	float:right;
	width:264px;
	height:72px;
	background:url(../img/btn_get_started1.gif);
}

#getStartedNowOrder {
	margin-top:25px;
	float:right;
	width:264px;
	height:72px;
	background:url(../img/btn_order.gif);
}

#getStartedNowOrderNow {
	margin-top:25px;
	float:right;
	width:264px;
	height:72px;
	background:url(../img/btn_order_now.gif);
}

#getStartedNow1 a, #getStartedNow a, #getStartedNowOrder a, #getStartedNowOrderNow a{
	display:block;
	width:264px;
	height:72px;
	text-indent:-9999px;
	outline:none;	
}

#homeSlogan {
	font:20px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#homeSlogan img{
	display:block;
	margin:5px 0;
}

#homeSlogan p{
	padding:0 0 10px 10px;
	margin:0;
	line-height:26px;
	font:20px Tahoma, Arial, Helvetica, sans-serif !important;
}

#sidebar {
	float:right;
	display:inline;
	margin-top:-15px;
	position:relative;
	width:312px;
}


/*nav styles*/

#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:312px;
}

#nav a {
	display:block;
	text-indent:-9999px;
	outline:none;
}

#nav a:hover, #nav a.here {
	background-position:right;
}

#navHomepage {
	background-image:url(../img/nav1.gif);
	height:50px;
}

#navSubmit {
	background-image:url(../img/nav2.gif);
	height:49px;
}

#navTestimonials {
	background-image:url(../img/nav3.gif);
	height:49px;
}

#navExamples {
	background-image:url(../img/nav4.gif);
	height:49px;
}

#navAbout {
	background-image:url(../img/nav5.gif);
	height:50px;
}

#navBlog {
	background-image:url(../img/nav6.gif);
	height:49px;
}

#navContact {
	background-image:url(../img/nav7.gif);
	height:49px;
}

/*footer styles*/
#footer {
	width:100%;
	height:170px;
	background:url(../img/footer_bg.jpg) #727171 repeat-x;
	clear:both;
	position: relative;
}

#footerContent {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:35px;
	float:left;
	width:100%;
}

#footerContent a{
	color:#fff;
	text-decoration:none;
	padding:0 8px;
}

#footerContent a:hover{
	text-decoration:underline;
}

#footerContent p {
	margin:0;
	padding:0;
	line-height:18px;
}

#footerLeft {
	float:left;
	display:inline;
	margin-left:20px;
}

#footerRight {
	float:right;
	display:inline;
	margin-right:20px;
	text-align:right
}

#shareThis {
	margin-top:10px;
}

.clearfooter {
	height:170px;
	clear: both;
}


.slice_div1 {
	background-image:url(../img/slice_div1.gif);
	height:16px;
	width:600px;
	font-size:1px;
}

.slice_div2 {
	background-image:url(../img/slice_div2.gif);
	height:16px;
	width:600px;
	font-size:1px;
}

#wizard {
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}

#wizard p{
	padding:0 0 0 10px;
	margin:15px 0 !important;
}

#wizard h2{
	font:20px Tahoma, Arial, Helvetica, sans-serif;
	color:#CC2A04;
}


#steps {
	width:600px;
	height:161px;
}

#steps ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#steps a{
	text-indent:-9999px;
}

/* removed see ui.tabs.css
#steps a:hover, #steps a.here{
	background-position:bottom;
}*/

#steps a:hover {
	background-position:bottom;
}

#steps li {
	float:left;
}

#steps a {
	display:block;
	width:100%;
	height:100%;
}

#btnStep1 {
	width:185px;
	height:161px;
}

#btnStep1 a{
	background:url(../img/btn_step1.gif) top left no-repeat;
	outline:none;
}

#btnStep2 {
	width:206px;
	height:161px;
}

#btnStep2 a{
	background:url(../img/btn_step2.gif) top left no-repeat;
	outline:none;
}

#btnStep3 {
	width:209px;
	height:161px;
}

#btnStep3 a{
	background:url(../img/btn_step3.gif) top left no-repeat;
	outline:none;
}

#step1, #step2, #step3 {
	margin-top:26px;
}

.orderDetailsBox {
	width:580px; 
	border:1px #ccc solid; 
	padding:10px;
	margin:20px 0;
	font:14px Tahoma Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
}

#postlet_container {
    border:1px #ccc solid; 
}

.orderDetailsBoxInside {
	width:540px; 
	background-color:#eee;
	padding:10px 20px;
	float:left;
}

.orderDetailsBox p{
	margin:10px 0 !important;
	padding:0 !important;
}

#sliders p {
	float:left;
	width:100%;
}


#orderSummary {
	border:1px #ccc solid; 
	margin:11px 0 0 0;
	font:14px Tahoma Arial, Helvetica, sans-serif;
	color:#333333;
	padding:10px;
	width:292px;
	position:absolute;
	top:340px;
}

#orderSummary h4{
	font:bold 14px Tahoma Arial, Helvetica, sans-serif;
	color:#CC2A04;
	padding:0;
	margin:10px 0;
}

.redBold{
	font:bold 14px Tahoma Arial, Helvetica, sans-serif;
	color:#CC2A04;
}

#orderSummarySubtotal {
	color:#CC2A04;
	font:bold 24px Tahoma Arial, Helvetica, sans-serif;
	border-top:4px #D5D4D4 solid;
	text-align:right;
	margin:10px 0;
	padding:10px 0 5px 0;
}

#orderSummarySubtotal a{
	color:#CC2A04;
}

#orderSummaryInside {
	background-color:#eee;
	padding:10px;	
}

#submitBottom {
	margin:10px 0;
	text-align:right;
}

h2.subTotal {
	text-align:right;
	font:bold 24px Arial, Helvetica, sans-serif !important;
	margin:10px 0;
	padding:0;
}

.borderColorRed {
	border-color:#CC2A04 !important;
}

.backProceedToPayment {
	float:left;
	width:100%;
}

.backProceedToPaymentLeft {
	float:left;
}

.backProceedToPaymentRight {
	float:right;
}

.examples {
	float:left;
	width:100%;
	border-bottom:2px dashed #999;
	padding:20px 0;
}

.examples p {
	margin:10px 0;
	padding:0;
}

.exampleLeft {
	float:left;
	text-align:center;
	width:50%;
}

.exampleRight {
	float:right;
	text-align:center;
	width:50%;
}

.alignRight {
	text-align:right;
}

.alignCenter {
	text-align:center;
}

.clear {
	clear:both;
}

#returningCustomers, #newCustomer {
	text-decoration:none;
	color:#CC2A04;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}

.testimonial {
	margin:10px 0;
	float:left;
	width:100%;
	padding:5px;
}

.testimonialName {
	text-align:right;
	font-weight:bold;
}

.testimonialClientName {
	color:#CC2A04;
}


.testimonial2 {
	background-color:#FAE9E5;
	float:left;
	width:100%;
	padding:5px;	
}

.testimonial2border {
	border-top:1px #999999 dashed;
	border-bottom:1px #999999 dashed;
	width:100%;
	padding:5px 0;	
	float:left;
	width:100%;
}

.optionSelected {
	background:url(../img/icon_plus.gif) 0 2px no-repeat;
	color:#CC2A04;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 25px;
	text-decoration:none;
}

.optionNotSelected {
	background:url(../img/slider_handle.gif) 0 2px no-repeat;
	color:#333;
	padding:5px 0 5px 25px;
	text-decoration:none;
}

.registerInfo {
	float:left;
	width:100%;
	margin:5px 0;
}

.registerLeft {
	float:left;
	width:50%;
}

.registerRight {
	float:right;
	width:50%;
}

#submitFileComment {
	width:485px;
}

#contactInfo {
	float:left;
	width:100%;
	font-size:14px;
	margin:20px 0;
}

#contactInfo p {
	font-size:14px;
}

#contactInfo a {
	color:#CC2A04;
	text-decoration:none;
}

#contactMontreal {
	float:left;
	display:inline;	
	margin-left:20px;
}

#contactToronto {
	float:left;
	display:inline;
	margin-left:30px;
}

#contactFaxEmail {
	float:left;
	display:inline;
	margin:20px 0 0 20px;
}

#contactForm {
	float:left;
	width:100%;
	margin:20px 0 0 30px;
	font-size:12px;
	display:inline;
}

#contactForm label{
	width:80px;
	display:inline-block;
	vertical-align:top
}

.shortInput {
	width:50px;
	font-size:10px;
}

.textInput {
	width:200px;
}

#formCaptcha {
	width:200px;
	float:left;
	margin:10px 0 0 80px;
	display:inline;
}

#contactFormComment {
	width:300px;
	height:200px;
}

#paynow {
	width:267px;
	height:40px;
	background:url(../img/btn_paynow.jpg) no-repeat;
	display:block;
	overflow:hidden;
	text-align:right;
	color:#CC2A04;
	font:bold 24px Arial, Helvetica, sans-serif;
	margin:0 0 5px 20px;
}

#paynow a{
	display:block;
	text-align:right;
	color:#CC2A04;
	text-decoration:none;
	padding:5px 15px 0 0;
}

#uploadnow {
	width:134px;
	height:40px;
	background:url(../img/btn_upload.jpg) no-repeat;
	display:block;
	overflow:hidden;
	text-align:right;
	color:#CC2A04;
	font:bold 24px Arial, Helvetica, sans-serif;
	margin:0 0 5px 20px;
}

#uploadnow a{
	display:block;
	text-align:right;
	color:#CC2A04;
	text-decoration:none;
	padding:5px 15px 0 0;
}

#paydeposit {
	width:288px;
	height:40px;
	background:url(../img/btn_paydeposit.jpg) no-repeat;
	display:block;
	overflow:hidden;
	text-align:right;
	color:#000000;
	font:bold 24px Arial, Helvetica, sans-serif;
}

#paydeposit a{
	display:block;
	text-align:right;
	color:#000000;
	text-decoration:none;
	padding:5px 15px 0 0;
}

#chatOnline a {
	width:136px;
	height:37px;
	background-image:url(../img/chat_online.gif);
	display:block;
	text-indent:-9999px;
	outline:none;
	margin-right:56px;
}

#chatOffline a {
	width:136px;
	height:37px;
	background-image:url(../img/chat_offline.gif);
	display:block;
	text-indent:-9999px;
	outline:none;
	margin-right:56px;
}

#testimonialsTicker {
	color:#333333;
	font-size:12px;
	width:280px;
	margin:20px 0 0 20px;
}

#testimonialsTicker h2  {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#testimonialsTicker a {
	color:#8F0000;
}

#styleSwitch {
	position:absolute;
	top:28px;
	right:10px;
}

#styleSwitch a{
	text-indent:-9999px;
	background:url(../img/switchOn.gif) no-repeat;
	width:50px;
	height:47px;
	display:block;
	outline:none;
}

#sliceGreatIdeas {
	width:600px;
	height:234px;
	background-image:url(../img/slice_great_ideas.jpg);
}

#slicePromoGreatIdeas {
	width:600px;
	height:234px;
	background-image:url(../img/slice_great_ideas1.jpg);
}

#slicePromoGreatIdeas1 {
	width:600px;
	height:234px;
	background-image:url(../img/slice_great_ideas2.jpg);
}


#sliceGreatIdeas a, #slicePromoGreatIdeas a, #slicePromoGreatIdeas1 a {
    width:600px;
	height:234px;
    text-indent:-99999px;
    float:left;
}


#process_loading {
	margin-top:50px;
	height:150px;
	text-align:center;
}

#loading_image {
	margin-left: auto ;
  	margin-right: auto ;
	width:128px;
	height:15px;
	background-image:url(../img/loading.gif);
}

#error_container {
	color:#FF0000 !Important;
}

/*dark theme*/
.dark #main {
	background:url(../img/dark_main_bg.jpg) #333 repeat-x !important;
	color:#333 !important;
}


.dark #styleSwitch a{
	text-indent:-9999px;
	background:url(../img/switchOff.gif) no-repeat;
	width:50px;
	height:47px;
	display:block;
	outline:none;	
}

.dark #headerLogo {
	background-image:url(../img/dark_psdtohtmlcss.gif) !important;
}

.dark .slice_div2 {
	background-image:url(../img/dark_slice_div2.gif);
}

.dark #homeSlogan p{
	color:#ccc !important
}

.dark #content3col {
	color:#ccc !important;
}

.dark #sliceGreatIdeas {
	background-image:url(../img/dark_slice_great_ideas.gif);
}

.dark #content3col ul li{
	background:url(../img/dark_icon_check.gif) 0 2px no-repeat;
}

.dark #contentMain, .dark #contentMain h2, .dark #contentMain p {
	color:#ccc;
}

.dark #contentMain a {
	color:#1B83F2
}

.dark #chatOnline a {
	background-image:url(../img/dark_chat_online.gif);
}

.dark #chatOffline a {
	background-image:url(../img/dark_chat_offline.gif);
}

.dark #testimonialsTicker {
	color:#ccc;
}

.dark #testimonialsTicker a {
	color:#1B83F2
}

.dark .testimonialClientName, .dark #content3col a {
	color:#1B83F2
}

.dark .testimonial2 {
	background-color:#666;
	color:#333
}

.dark #navHomepage {
	background-image:url(../img/dark_nav1.gif);
}

.dark #navSubmit {
	background-image:url(../img/dark_nav2.gif);
	height:49px;
}

.dark #navTestimonials {
	background-image:url(../img/dark_nav3.gif);
	height:49px;
}

.dark #navExamples {
	background-image:url(../img/dark_nav4.gif);
	height:49px;
}

.dark #navAbout {
	background-image:url(../img/dark_nav5.gif);
	height:50px;
}

.dark #navContact {
	background-image:url(../img/dark_nav7.gif);
	height:49px;
}

.dark #getStartedNow {
	background:url(../img/dark_btn_get_started.gif);
}


.dark #getStartedNow1 {
	background:url(../img/dark_btn_get_started1.gif);
}

.dark #getStartedNowOrder {
	margin-top:25px;
	float:right;
	width:264px;
	height:72px;
	background:url(../img/dark_btn_order.gif);
}

.dark #getStartedNowOrderNow {
	margin-top:25px;
	float:right;
	width:264px;
	height:72px;
	background:url(../img/dark_btn_order_now.gif);
}

.dark #btnStep1 a{
	background:url(../img/dark_btn_step1.gif) top left no-repeat;
}

.dark #btnStep2 a{
	background:url(../img/dark_btn_step2.gif) top left no-repeat;
}

.dark #btnStep3 a{
	background:url(../img/dark_btn_step3.gif) top left no-repeat;
}

.dark #steps a:hover {
	background-position:bottom;
}

.dark #sliders p {
	color:#333 !important;
}

.dark h2.subTotal {
	color:#1B83F2 !important;
} 

.dark #proceed_step2 {
	display:inline-block;
	width:124px;
	height:42px;
	background-image:url(../img/dark_btn_proceed.gif);
}

.dark #proceed_step2 img{
	display:none;
}


.dark #back2step1, .dark #back2step2 {
	display:inline-block;
	width:135px;
	height:42px;
	background-image:url(../img/dark_btn_back.gif);
}

.dark #back2step1 img, .dark #back2step2 img{
	display:none;
}

.dark #paynow {
	background-image:url(../img/dark_btn_paynow.gif);
}

.dark #paydeposit {
	background-image:url(../img/dark_btn_paydeposit.gif);
}

.dark #proceed_step3 {
	display:inline-block;
	width:231px;
	height:42px;
	background-image:url(../img/dark_btn_proceed_to_payment.gif);
}

.dark #proceed_step3 img{
	display:none;
}

.dark #orderSummary h4, .dark .redBold, .dark #orderSummarySubtotal, .dark #orderSummarySubtotal a {
	color:#1B83F2
}

.dark #loading_image {
	margin-left: auto ;
  	margin-right: auto ;
	width:128px;
	height:15px;
	background-image:url(../img/dark_loading.gif);
}

.dark #error_container {
	color:#C20E0A !Important;
}

.blockUI h1 {
    font-size:12px;
}

.blockUI a {
    color:#CC2A04;
    text-decoration:none;
}

.blockUI a:hover {
    color:#000000;
}

.blockUIText {
    font-size:18px !important;
    font-weight:bold;
    color:#FFFFFF !important;
}

.blockUISmallText {
    font-size:14px !important;
    font-weight:normal !important;
    color:#FFFFFF !important;
    width:390px;
    text-align:left;
    margin-top:45px;
}

.blockUISmallText a {
    color:#f8d557 !important;
    font-weight:bold !important;
    text-decoration:underline !important;
}

.left {
    float:left;
}

.centerText {
    display:block;
    clear:both;
}

.phone {
    position:absolute;
    right:0px;
    top:30px;
}

.social {
	border-bottom:1px dotted #333;
	border-top:1px dotted #333;
    float:left;
	margin:-55px 0 20px 0;
	padding:5px 0;
	width:610px;
}

#contentMain .social{
	margin-top:30px;
}

.social img {
    border:0;
}

.social ul{
	margin:0;
	padding:0;
}

.social ul.fblike{
	margin-top:10px;
}

.social ul li {
    display:inline;
    margin-right:10px;
    vertical-align:middle;
    float:left;
}

.social ul li.share
{
    line-height:.5em;
}

.social ul li.like
{
	padding-top:4px;
}

.social ul li.left{
	float:left;
	width:175px;
}