@charset "utf-8";

/* global css */

html,body {height:100%;}

body{background: url(../images/body.gif) #E7F7FD repeat-x;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}

body,select,input,textarea{font:13px/18px Verdana, Arial, Helvetica, sans-serif; color: #000;}	

input,select,img{vertical-align:middle}

h1,h2,h3,h4,h5,h6{font-size: 13px; font-weight: normal;}

dfn,em,cite,address,caption{font-style:normal}

fieldset,img,abbr {border: 0;} 

img,object,embed{vertical-align: top;}

ul,ol{list-style-type:none;}

table{border-collapse:collapse;;width:100%; border-spacing:0;}

caption,th{text-align:left;}

table th{line-height:25px;height:25px;}



a{color: #0DA3DF;text-decoration:none;}

a:hover,#payment_rp a:hover{color: #000;}



#offeri a,#mainnav a,#banner,#slogan ul a,#high_banner h2,

#home_ad,#recent_banner h2,#comment h2,#benefit h2,#our_client h2,

#home_payment h2,.mode,.mode a,#order h3 a,#next a,.jump a{text-indent: -2000px; overflow: hidden;}



#main:after,#order_content:after{content:''; display: block; clear:both}



/* all content css */

#body_w{

	width: 995px;

	margin: 0 auto;

	background: url(../images/bode_w.png) no-repeat;

}



/* header */

#header{

	width: 862px;

	padding: 1px 0 18px 0;

	margin-left:65px;

	position: relative;

}

#logo{

	padding: 13px 0 0 37px;

}



#offeri{

	position: absolute;

	top: 0;

	right:-68px;

}

#offeri a{

	display: block;

	width: 73px;

	height: 65px;

	background: url(../images/offeri.gif) no-repeat;

}

/* main navigation */

#mainnav{

	position: absolute;

	bottom:-5px;

	right:37px;

}

#mainnav li{

	display: inline;

}

#mainnav a{

	float:left;

	height: 33px;

	width: 70px;

	margin-right: 2px;

	background: url(../images/mainnav.gif) no-repeat;

}

#mainnav a:hover{

	background-position: 0 -33px;

}

#mainnav .nav_portflio{

	background-position: 0 -66px;

}

#mainnav .nav_portflio:hover{

	background-position: 0 -99px;

}

#mainnav .nav_clients{

	background-position: 0 -132px;

}

#mainnav .nav_clients:hover{

	background-position: 0 -165px;

}

#mainnav .nav_affiliates{

	background-position: 0 -198px;

}

#mainnav .nav_affiliates:hover{

	background-position: 0 -231px;

}

#mainnav .nav_pricing{

	background-position: 0 -264px;

}

#mainnav .nav_pricing:hover{

	background-position: 0 -297px;

}

#mainnav .nav_oroer{

	background-position: 0 -330px;

}

#mainnav .nav_oroer:hover{

	background-position: 0 -363px;

}



/* content page */

#main_w{

	width: 852px;

	margin-left: 65px;

	padding: 22px 5px 0;

	background: url(../images/main_w.gif) no-repeat;

}



.home #main{

	width: 810px;

	padding-left:23px;

}



#main{

	border: 1px solid #A8E1F9;

	border-top:0;

	border-bottom: 0;

	width: 802px;

	padding: 32px 17px 0 31px;

	background: url(../images/main.gif) 559px 0 #fff no-repeat;

}

#main_b{

	height: 33px;

	width: 100%;

	background: url(../images/main_b.gif) no-repeat;

}



/* Professional Banner Designs */

#banner{

	height: 232px;

	position: relative;

	margin: -43px 0 0 -18px;

	background: url(../images/banner.gif) no-repeat;

}

#banner a{

	position: absolute;

	width:208px;

	height: 49px;

	bottom: 30px;

}

.place_order{

	left: 45px;

	background: url(../images/place_order.gif) no-repeat;

}

.view_portfolio{

	left: 267px;

	background: url(../images/view_portfolio.gif) no-repeat;

}



/* three slogan */

#slogan{

	width: 850px;

	padding: 1px 0;

	border: 1px solid #9DDDF8;

	border-width:1px 0;

	margin: 0 -43px 37px -23px;

}

#slogan ul{

	padding: 5px 0 0 18px;

	height: 43px;

	background: #C7ECFB;

}

#slogan ul li{

	display: inline;

}

#slogan ul a{

	float: left;

	height: 36px;

	margin-right: 19px;

}

.slogan_1 a{

	width: 275px;

	background: url(../images/slogan_1.gif) no-repeat;

}

.slogan_2 a{

	width: 250px;

	background: url(../images/slogan_2.gif) no-repeat;

}

.slogan_3 a{

	width: 246px;

	background: url(../images/slogan_3.gif) no-repeat;

}



/* High End Banner Designs */

#high_banner{

	float: left;

	width: 501px;

	height: 159px;

	margin-bottom: 35px;

}

#high_banner h2{

	height: 23px;

	margin-bottom: 3px;

	background: url(../images/home_title.gif) no-repeat;

}

#high_banner p{

	margin-bottom: 18px;

}



/* home page right ad */

#home_ad{

	float: right;

	width: 254px;

	margin-bottom: 35px;

	height: 159px;

	padding-right: 17px;

	background: url(../images/home_ad.gif) no-repeat;

}



/* Recent Banner Designs */

#recent_banner{

	float: left;

	width: 501px;

	padding-bottom: 26px;

	background: url(../images/recent_banner_b.png ) left bottom #E6F6FD no-repeat;

}

#rb_title{

	height: 32px;

	padding: 8px 0 0 17px;

	background: url(../images/recent_banner_t.gif) no-repeat;

}

#recent_banner h2{

	height: 27px;

	background: url(../images/home_title.gif) 0 -23px no-repeat;

}

#recent_banner ul{

	border: 1px solid #BAE7FA;

	border-width: 0 1px;

	padding-left: 15px;

}

#recent_banner li{

	margin-bottom: 2px;

}

#recent_banner img{

	border: 1px solid #000;

}



/* What Our Clients Say */

#comment{

	float: right;

	width: 264px;

	padding: 0 10px 0 8px;

	margin-bottom: 32px;

	background: url(../images/comment_t.gif) #C7ECFB no-repeat;

}

#comment h2{

	height: 27px;

	margin: 16px 0 22px 13px;

	background: url(../images/home_title.gif) 0 -50px no-repeat;

}

#comment_content{

	color: #0E478D;

	padding: 7px 15px 50px;

	font-size: 11px;

	background: url(../images/comment_corner.gif) #fff left bottom no-repeat;

}

#comment dl{

	width: 242px;

	position: relative;

	margin: -14px -10px 0 -8px;

	padding:0 20px 28px;

	background: url(../images/comment_b.gif) no-repeat left bottom;

}

#comment dd{

	font-size: 11px;

	line-height: 14px;

}



/* benefit */

#benefit{

	clear: both;

	height: 145px;

	padding-top: 17px;

	margin-bottom: 31px;

	background: url(../images/benefit.gif) no-repeat;

}

/* Unique Designs */

#unique{

	float: left;

	width: 256px;

	margin-right: 3px;

	padding: 6px 0 0 10px;

}

#unique h2{

	height: 24px;

	margin-bottom: 13px;

	background: url(../images/home_title.gif) 0 -77px no-repeat;

}

/* Fast Turnaround */

#turnaround{

	float: left;

	padding: 0 5px 0 12px;

	width: 240px;

	margin-right: 3px;

}

#turnaround h2{

	height: 35px;

	margin-left:-5px;

	position: relative;

	margin-bottom: 8px;

	background: url(../images/home_title.gif) 0 -101px no-repeat;

}

/* Complete Satisfaction */

#satisfaction{

	float: left;

	padding: 0 8px 0 16px;

	width: 250px;

}

#satisfaction h2{

	height: 27px;

	position: relative;

	margin: 0 0 10px -1px;

	background: url(../images/home_title.gif) 0 -136px no-repeat;

}



/* Some Of Our Clients: */

#our_client{

	width: 100%;

	margin-bottom: -11px;

	position: relative;

}

#our_client h2{

	height: 19px;

	margin-bottom: 7px;

	background: url(../images/home_title.gif) 0 -163px no-repeat;

}

#our_client ul{

	width: 100%;

	padding-top:12px;

	background: url(../images/dot.gif) repeat-x;

}

#our_client ul li.last{

	margin-top: -20px;

	padding-left:33px;

}

#our_client ul img{

	margin-right: 5px;

}



/* Accepted Payment Options */

#home_payment{

	height: 21px;

	width: 460px;

	padding: 28px 0 7px;

	margin: 0 auto;

}

#home_payment h2{

	height: 20px;

	width: 252px;

	margin: 0;

	background:	url(../images/home_title.gif) 0 -182px no-repeat;

}

#home_payment h2,#home_payment img{

	float: left;

}



/* footer */

#footer_w{

	width: 100%;

	height:81px;

	margin-top: 29px;

	background: url(../images/footer_w.gif) #14314A repeat-x;

}

#footer{

	width: 852px;

	margin: 0 auto;

	font-size:11px;

	color: #fff;

	padding-top: 27px;

	line-height: 16px;

}

#footer a{

	color: #fff;

}

#footer a:hover,#footer a.on{

	color: #F9D43F;

	text-decoration: underline;

}

#footer ul{

	float: left;

	margin-right: -50px;

}

#footer li{

	float: left;

	display: inline;

	margin-right: 39px;

}

#footer li p{

	padding-top: 9px;

}



/* about us page center */

/* left */

.mainbar{

	float: left;

	width: 482px;

}

h2{

	font-size:23px;

	line-height: 30px;

	font-weight: bold;

	color: #0B5F9A;

	margin-bottom: 2px;

}

.mainbar p{

	margin-bottom: 18px;

}



/* right */

.sidebar{

	float: right;

	width: 252px;

	padding-top: 72px;

}



/* right ad teaser */

.mode{

	width: 100%;

	position: relative;

}

.mode a{

	position: absolute;

	top: 0;

	left:0;

	height: 100%;

}



/* Our Mission Statement */

#our_statement{

	height: 44px;

	margin-bottom: 53px;

}

#our_statement a{

	width: 227px;

	height: 44px;

	background: url(../images/our_statement.gif) no-repeat;

}



/* Custom Size Banners? */

#custom_size{

	margin-bottom: 20px;

	height: 103px;

}

#custom_size a{

	width: 223px;

	height: 103px;

	background: url(../images/custom_size.gif) no-repeat;

}

/* Reply Within 24 Hours */

#reply{

	height: 58px;

}

#reply a{

	width: 230px;

	height: 58px;

	background: url(../images/reply.gif) no-repeat;

}

/* Before You Proceed! */

#before_proceed{

	height: 48px;

}

#before_proceed a{

	width: 229px;

	height: 48px;

	background: url(../images/before_proceed.gif) no-repeat;

}



/* Order Your Banner Now! */

#order_banner{

	height: 47px;

}

#order_banner a{

	width: 235px;

	height: 47px;

	background: url(../images/order_banner.gif) no-repeat;

}



/* price page list */

.price_list{

	margin-bottom: 18px;

}



/* right form submit project */

#submit_project{

	padding: 0 0 161px 14px;

	font-size: 11px;

	font-weight: bold;

	line-height: 16px;

	margin-bottom: 13px;

	background: url(../images/shopping_car.gif) 39px bottom no-repeat;

}

#submit_project input,#submit_project textarea,#contact_us input,#contact_us textarea{

	border: 1px solid #B8E4F5;

	width: 196px;

	height: 20px;

	margin-bottom: 5px;

	background: #F2FAFD;

	padding: 3px 5px 0;

}

#submit_project textarea,#contact_us textarea{

	height: 103px;

	margin-bottom: 3px;

}

#submit_project .verify input{

	width: 127px;

	margin-left: 5px;

	vertical-align: top;

}

#submit_project .submit{

	text-align: right;

	padding: 3px 25px 0 0;

}

#submit_project .spam{

	font-weight: normal;

}

#submit_project .submit input,#contact_us .submit input{

	width: auto;

	height: auto;

	border: 0;

	margin: 0;

	background: none;

}



/* contact us page */

#contact_us{

	width: 100%;

	font-size: 11px;

	font-weight: bold;

	line-height: 16px;

	padding: 38px 0 0;

	background: url(../images/dot_gray.gif) repeat-x;

}

#contact_us label{

	float: left;

	width: 132px;

	padding: 4px 8px 0 0;

	text-align: right;

}

#contact_us .form_r{

	float: left;

	width: 310px;

	margin-bottom: 17px;

}

#contact_us input,#contact_us textarea{

	width: 295px;

}

#contact_us .verify label{

	font-weight: normal;

	padding-top: 0;

	line-height: 12px;

}

#contact_us .verify input{

	width: 226px;

	margin-left: 5px;

}

#contact_us .verify img{

	vertical-align: top;

}

#contact_us .submit{

	text-align: center;

	padding: 18px 0 0 41px;

	clear: both;

	height: 27px;

	background: url(../images/dot_gray.gif) repeat-x;

}

#contact_us .submit input{

	position: relative;

}



/* right person img*/

.person{

	width: 100%;

	margin-bottom: 11px;

}



/* oreder page */

#order_w{

	padding-bottom: 30px;

}

#order{

	width: 785px;

	position: relative;

	margin: 60px 0 0;

	color: #2E6593;

	background: url(../images/order_bg.gif);

}

#order h3{

	height: 45px;

	padding-left: 16px;

	background: url(../images/order_t.gif) no-repeat;

}

#order h3 a{

	float: left;

	height: 41px;

	width: 198px;

	position: relative;

	margin: -16px 72px 0 0;

	background: url(../images/step.gif) no-repeat;

}

#order h3 #step_2{

	background-position: 0 -41px;

}

#order h3 .on #step_2{

	background-position: 0 -82px;

}

#order h3 #step_3{

	margin-right: 0;

	background-position: 0 -123px;

}

#order h3 .on #step_3{

	background-position: 0 -164px;

}

#order_content{

	padding: 0 27px 33px;

	width: 731px;

	background: url(../images/order_b.gif) left bottom no-repeat;

}



/* order slogan */

#order #order_slogan a{

	width: 198px;

	background: url(../images/order_slogan.gif)  no-repeat;

}

#order #order_slogan a#f_slogan{

	width: 228px;

	margin-right: 63px;

}

#order #order_slogan a#s_slogan{

	background-position: 0 -41px;

	margin-right: 57px;

}

#order #order_slogan a#t_slogan{

	background-position: 0 -82px;

	margin-right: 0;

}



/* banner size list*/

#banner_size{

	width: 770px;

	margin: 0 -50px 0 -15px;

	overflow: hidden;

	color: #103B5F;

	font-size: 12px;

}

#banner_size li{

	width: 100%;

	float: left;

	padding-bottom: 20px;

}

#banner_size label{

	float: left;

	width:110px;

	text-align: right;

	margin-right: 42px;

}

#banner_size label.other{

	width: 190px;

	position: relative;

	margin: 0 -50px 0 -33px;

}

#banner_size select{

	height: 22px;

	overflow: hidden;

}

#next{

	position: absolute;

	bottom: -11px;

	left: 613px;

	width: 84px;

}

#next a{

	width: 84px;

	height: 27px;

	display: block;

	background: url(../images/next.gif) no-repeat;

}



/* step 2 text info*/

#text_info .first{

	margin-bottom: 12px;

	height: 37px;

	overflow: hidden;

	position: relative;

	background: url(../images/step2_line.gif) left bottom repeat-x;

}

#text_info .first label{

	margin-right: 57px;

	line-height: 20px;

}

#text_info .first input{

	width:43px;

	height: 17px;

	border: 1px solid #fff;

	border-color: #828177 #F9F8F3 #F9F8F3 #828177;

}

#text_info .first label.psd_file{

	font-size: 10px;

	position: absolute;

	bottom:20px;

	right: 16px;

	margin: 0;

	

}

#text_info .first label.psd_file input{

	width: auto;

	height: auto;

	border: 0;

}

#text_info input,#text_info textarea,#text_info select{

	font-size: 12px;

	height: 20px;

}

#text_info,#text_info h4{

	font-weight: bold;

	margin-bottom: 2px;

}

#text_info p{

	font-size: 11px;

	font-weight: normal;

	margin-bottom: 9px;

}

#text_info textarea{

	width: 729px;

	height: 101px;

	border:1px solid #9ADEF9;

}

#text_info .second{

	padding-bottom: 29px;

	margin-bottom: 9px;

	background: url(../images/step2_line.gif) left bottom repeat-x;

}



/* step 3 payment */

#payment{

	color: #000;

}

#payment h4{

	color: #E01B51;

	padding: 14px 0 12px;

	background: url(../images/step2_line.gif) left bottom repeat-x;

}

#payment ul{

	float: left;

	font-size: 11px;

	font-weight: bold;

	width: 312px;

	margin-top: 23px;

	text-align: right;

}

#payment ul li{

	margin-bottom: 6px;

}

#payment ul input{

	width: 206px;

	height: 23px;

	border: 1px solid #B8E4F5;

}

#payment ul li.ill{

	text-align: left;

	padding-left: 110px;

	background: url(../images/paypal.gif) 20px 0 no-repeat;

}

#payment ul li.ill input{

	width: auto;

	height: auto;

	border: 0;

}

#payment_r{

	float: right;

	width: 264px;

	margin-top: 41px;

}

#payment_rp{

	padding-left: 15px;

	margin-top: 43px;

	background: url(../images/arr_r.gif) 0 5px no-repeat;

}

#payment_rp a{

	color: #E01B51;

	text-decoration: underline;

}



/* order price list */

.order_price{

	font-size: 13px;

	margin-top: -30px;

}

.order_price h4{

	color: #fff;

	height: 30px;

	line-height: 30px;

	padding-left: 20px;

	font-weight: bold;

	margin-top: 30px;

	background: url(../images/order_price.gif) no-repeat;

}

.order_price table{

	color: #000;

}

.order_price table th{

	height: 30px;

	line-height: 30px;

	padding-bottom: 10px;

	background: url(../images/order_price.gif) 0 -30px repeat-x;

}

.order_price td,.order_price table th{

	padding-left: 40px;

}

.order_price th.name{

	width: 207px;

	font-weight: bold;

}

.order_price th.price{

	width: 108px;

}

.order_price th.quantity{

	width: 130px;

}

.order_price td{

	height: 25px;

}

.order_price td input{

	border: 1px solid #B8E4F5;

	background: #fff;

	width: 50px;

	height: 20px;

	padding: 3px 4px 0;

	margin-bottom: 3px;

}

.order_price td.ill,.order_price td.ill input{	

	color: #2F6593;

}

.order_price td.ill input{

	background: #C9EDFC;

	margin-left: 3px;

}

.order_price td strong{

	margin-right: 5px;

}

.price_total{

	color: #fff;

	padding: 4px 40px;

	background: #2F6593;

	margin-top: 10px;

	border-top: 1px solid #9ADEF9;

	border-bottom: 1px solid #9ADEF9;

}

.price_total input{

	vertical-align: middle;

}

.price_total strong{

	float: right;

	width: 170px;

}



.order_price #text_info h4{

	background: none;

	height: auto;

	color: #2F6593;

	margin-top: 15px;

	padding: 0;

	line-height: normal;

}

.order_price #text_info h4 strong{

	color: #E01B51;

}

.order_price #text_info .second{

	padding-bottom: 24px;

}



/* Portfolio page */

#dimension{

	width: 850px;

	padding: 1px 0 27px;

	font-size: 11px;

	overflow: hidden;

	margin: 18px -17px 0 -31px;

	border-top: 1px solid #9DDDF8;

}

#dimension ul{

	height: 48px;

	font-weight: bold;

	margin: 0 -10px 1px 0;

	background: #C7ECFB;

}

#dimension ul li{

	display: inline;

}

#dimension ul li a{

	float: left;

	width: 122px;

	text-align: center;

	height: 35px;

	color: #000;

	padding-top: 13px;

}

#dimension ul li a:hover,#dimension ul li.on a{

	height: 31px;

	background: #9ADEF9;

	border-bottom: 4px solid #6EBFDF;

}

#dimension p{

	height: 29px;

	border-top: 1px solid #9DDDF8;

	background: #E3F6FD;

	padding: 8px 0 0 13px;

}

#dimension p a{

	float: left;

	background: #fff;

	line-height: 13px;

	margin-right: 2px;

	border: 1px solid #9ADEF9;

	padding: 2px 6px 3px 5px;

}

#dimension p a.on{

	color: #000;

}



/* Portfolio page left*/

.portfolio_list{

	float: left;

	width: 500px;

}

.portfolio_list li{

	margin-bottom: 11px;

}

.portfolio_list li img{

	border: 1px solid #000;

}



/* portfolio right*/

.portfolio_r{

	float:right;

	width: 250px;

}

#car{

	width: auto;

	padding-left: 45px;

}



/* jump */

.jump{

	height: 27px;

	padding-left: 25px;

	margin: 23px 0 200px; 

}

.jump a{

	float: left;

	width: 84px;

	height: 27px;

	margin-right: 13px;

}

.jump .prev{

	background: url(../images/jump.gif) no-repeat;

}

.jump .next{

	background: url(../images/jump.gif) left bottom no-repeat;

}



.interrogation{

	float: left;

	height: 25px;

	position: relative;

}

.interrogation span{

	position: absolute;

	top: -10px;

	left: 120%;

	display: none;

}

.banner-div{position:relative;display:block;width:207px;height:25px;}

.banner{position:absolute;left:140px;top:0}