/**
 * Main CSS Stylesheet
 *
 */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img, fieldset{
	border:0;
}
.clear{
	clear:both;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

body{
	margin:0;
	padding:0;
	font:62.5% Arial, Helvetica, sans-serif;
	background:#000000;
	color:#000000;
}

#sub{
	background:#000 url(images/sub_bg.png) repeat-x;
}

#index{
	background:#000 url(images/bg.png) repeat-x;
}

.wrapper{
	background:url(images/wrapper_bg.png) no-repeat center top;
	width:100%;
}

#sub .wrapper{
	background:url(images/wrapper_sub_bg.png) no-repeat center top;
	width:100%;
}

.page{
	width:1000px;
	margin:0 auto;
	background:#000000;
}

/* HEADER */

#header{
	width:100%;
	height:131px;
	background:url(images/header_bg.png) repeat-x;
	overflow:hidden;
}

#hlogo{
	float:left;
}

#hbrowsers{
	float:right;
}

#logo{
	width:209px;
	height:62px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:27px 0 0 29px;
}

#logo span{
	background:url(images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#hlogo p{
	color:#65686d;
	font-size:1.2em;
	margin:0 0 0 55px;
}

#hbrowsers_box{
	width:291px;
	background:url(images/browsers.png) no-repeat;
	margin:52px 26px 0 0;
	overflow:hidden;
}

#hbrowsers_box p{
	color:#65686d;
	font-size:1.2em;
	margin:47px 0 0 0;
	text-align:center;
}

/* MENU */

#menu{
	width:100%;
	height:49px;
	background:url(images/menu_bg.png) repeat-x;
	overflow:hidden;
}

#menu ul{
	float:left;
	padding:0 0 0 10px;
}

#menu ul li{
	float:left;
}

#menu ul li a{
	height:49px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
}

#menu ul li a span{
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#m_home{
	width:95px;
}
#m_home span{
	background:url(images/m_home.png) no-repeat;
}

#m_portfolio{
	width:132px;
}
#m_portfolio span{
	background:url(images/m_portfolio.png) no-repeat;
}

#m_testimonials{
	width:158px;
}
#m_testimonials span{
	background:url(images/m_testimonials.png) no-repeat;
}

#m_order{
	width:92px;
}
#m_order span{
	background:url(images/m_order.png) no-repeat;
}

#m_free{
	width:167px;
}
#m_free span{
	background:url(images/m_free.png) no-repeat;
}

/* BODY */

#body{
	width:980px;
	background:#fefefb url(images/body_bg.png) repeat-x bottom;
	margin:0 0 0 10px;
}

#index #body{
	background:#ffffff url(images/body_index_bg.png) no-repeat left bottom;
	margin:0 0 19px 10px;
	padding:0 0 10px 0;
	overflow:hidden;
}

#sub #body{
	background:#ffffff url(images/body_sub_bg.png) repeat-x bottom;
}

/* ask */

#ask{
	width:100%;
	height:63px;
	background:url(images/ask_bg.png) no-repeat;
	overflow:hidden;
}

#t_need_ask{
	width:700px;
	height:46px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:12px auto;
}

#t_need_ask span{
	background:url(images/t_need_ask.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

/* price */

#price{
	width:100%;
	height:191px;
	overflow:hidden;
}

#price ul{
	float:left;
	padding:12px 0 0 5px;
}

#price ul li{
	float:left;
	padding:25px 0 0 15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.8em;
}

#price ul li a{
	display:block;
	float:left;
	width:303px;
	height:46px;
	color:#767676;
}

#price ul li a span{
	display:block;
	padding:12px 0 0 116px;
}

.pr_100{
	background:url(images/b_pr_100.png) no-repeat;
}

.pr_150{
	background:url(images/b_pr_150.png) no-repeat;
}

.pr_200{
	background:url(images/b_pr_200.png) no-repeat;
}

.pr_250{
	background:url(images/b_pr_250.png) no-repeat;
}

.pr_300{
	background:url(images/b_pr_300.png) no-repeat;
}

.pr_350{
	background:url(images/b_pr_350.png) no-repeat;
}

/* FOOTER */

#footer{
	width:100%;
	height:119px;
	background:url(images/footer_bg.png) no-repeat;
	overflow:hidden;
}

#flogo{
	float:left;
	width:300px;
}

#fcopy{
	float:left;
	width:456px;
}

#fvalid{
	float:right;
	width:244px;
}

#flogo a{
	width:219px;
	height:64px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:9px 0 0 45px;
}

#flogo a span{
	background:url(images/flogo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#fcopy p{
	padding:29px 0 0 0;
	color:#424242;
	font-size:1.3em;
}

#fcopy p a{
	color:#424242;
}

#fvalid ul{
	padding:31px 26px 0 0;
	text-align:right;
}

#fvalid ul li{
	display:inline;
	padding:0 8px 0 0;
}

/* index */

#index_box{
	background:url(images/index_bg.png) no-repeat;
	width:100%;
	height:343px;
	overflow:hidden;
}

#index_box_body{
	padding:0 0 0 30px;
}

#index_box_body h2{
	font-size:2.6em;
	line-height:1.0em;
	font-weight:normal;
	margin:20px 0 10px 0;
}

#index_box_body p{
	font-size:1.2em;
	line-height:1.6em;
	color:#303025;
	width:585px;
	padding:0 0 7px 0;
}

#index_box_data{
	width:100%;
	overflow:hidden;
}

.index_box_left{
	float:left;
	height:160px;
}

#iprice{
	width:158px;
	height:153px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:0 20px 0 20px;
}

#iprice span{
	background:url(images/price.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

.index_box_left ul{
	padding:22px 30px 0 0;
}

.index_box_left ul li{
	font-size:1.4em;
	line-height:2.0em;
	background:url(images/ic_01.gif) no-repeat left 6px;
	padding:0 0 0 20px;
}

#igirl{
	padding:0 0 0 540px;
}

#igirl img{
	position:absolute;
	top:160px;
}

#index_design{
	width:980px;
	height:80px;
	overflow:hidden;
	border-top:1px solid #8cdbd8;
	background:url(images/index_design_bg.png) repeat-x;
	margin:0 0 0 10px;
}

#index_design_give{
	float:left;
	width:545px;
}

#index_design_order{
	float:left;
	width:240px;
}

#index_design_sat{
	float:right;
	width:195px;
}

#index_design_give h2{
	width:483px;
	height:43px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:20px 0 0 22px;
}

#index_design_give h2 span{
	background:url(images/t_give.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

#b_ordernow{
	width:213px;
	height:51px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:14px 0 0 0;
}

#b_ordernow span{
	background:url(images/b_ordernow.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#index_design_sat h2{
	width:157px;
	height:34px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:26px 0 0 0;
}

#index_design_sat h2 span{
	background:url(images/t_sat.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

#recsliced{
	background:url(images/recsliced_bg.png) repeat-x;
	width:100%;
	height:53px;
	overflow:hidden;
}

#recsliced_left{
	float:left;
	width:457px;
}

#recsliced_right{
	float:right;
	width:543px;
}

#recsliced_left h2{
	font-size:1.7em;
	font-family:Arial, Helvetica, sans-serif;
	margin:17px 0 0 0;
	font-weight:normal;
	text-align:right;
	color:#FFF;
}

#itabs{
	float:right;
	padding:7px 10px 0 0;
}

#itabs li{
	float:left;
	font-size:1.5em;
	text-transform:uppercase;
	padding:0 0 0 3px;
}

#itabs li a{
	float:left;
	width:126px;
	height:46px;
	background:url(images/itabs_bg.png) no-repeat;
	color:#FFF;
}

#itabs li a span{
	display:block;
	padding:15px 0 0 0;
	text-align:center;
}

#itabs li a:hover, #itabs li a.selected{
	text-decoration:none;
	background:url(images/itabs_bg.png) no-repeat left -46px;
	color:#000;
}

.itab_item{
	width:100%;
	overflow:hidden;
	background:url(images/itab_item_bg.png) no-repeat left bottom;
	padding:0 0 30px 0;
	display:none;
}

#index .itab_item{
	background:none;
	padding:0 0 15px 0;
	margin:10px 0 0 0;
}

.itab_item ul{
	float:left;
}

.itab_item ul li{
	float:left;
	padding:17px 4px 0 20px
}

.itab_item ul li img{
	float:left;
	border:10px solid #e1d5c4;
	width:437px;
	height:277px;
}

/* subpages */

.content{
	width:950px;
	overflow:hidden;
	padding:37px 0 50px 30px;
	background:url(images/content_bg.png) no-repeat;
}

h2.title{
	line-height:1.0em;
	font-size:2.8em;
	padding:0 0 10px 0;
	font-weight:normal;
}

p.text{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 0 15px 2px;
}

/* order */

#order p.text{
	width:580px;
}

#ogirl{
	padding:0 0 0 820px;
}

#ogirl img{
	position:absolute;
	top:160px;
}

#order_form{
	background:url(images/order_form_line.gif) no-repeat;
	margin:15px 0 0 0;
	padding:30px 0 0 0;
}

#order_form fieldset{
	width:650px;
	overflow:hidden;
}

#order_form ul{
	float:left;
	width:100%;
	padding:0 0 15px 0;
}

#order_form ul li{
	float:left;
}

.order_lform{
	width:128px;
	text-align:right;
}

.order_cform{
	width:55px;
	text-align:center;
}

.order_rform{
	width:467px;
}

.order_lform label{
	font-size:1.2em;
	position:relative;
	top:5px;
}

.order_rform span.error{
	color:#F00;
	position:relative;
	top:5px;
	font-size:1.1em;
}

.order_cform span{
	font-size:1.2em;
	color:#666666;
	font-weight:bold;
	position:relative;
	top:5px;
}

.order_rform label{
	font-size:1.2em;
	padding:0 0 0 10px;
	position:relative;
	top:-1px;
}

.ord_value, .ord_value_small{
	width:302px;
	padding:5px;
	font-size:1.2em;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccce98;
	background:#fff url(images/ord_value_bg.gif) repeat-x;
	float:left;
}

textarea.ord_value{
	height:129px;
	overflow:auto;
	max-width:312px;
	width:312px;
	padding:0;
}

.ord_value_small{
	width:52px;
}

.order_rform span{
	font-size:1.2em;
	color:#999999;
	position:relative;
	top:6px;
	padding:0 0 0 15px;
	float:left;
}

#order_price_box .order_lform label, #order_price_box .order_cform span{
	top:14px;
}

#order_price{
	background:#ebeea2;
	padding:4px 20px 4px 20px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:3.0em;
	font-weight:bold;
	color:#ae2617;
	border:0;
	width:150px;
	text-align:center;
}

/* portfolio */

#portfolio p.text{
	width:580px;
}

#pgirl{
	padding:0 0 0 145px;
}

#pgirl img{
	position:absolute;
	top:165px;
}

#portfolio_gal{
	width:100%;
	overflow:hidden;
	z-index:1000;
	position:relative;
	margin:25px 0 0 0;
	left:-10px;
}

#portfolio_gal ul{
	float:left;
}

#portfolio_gal ul li{
	float:left;
	padding:0 9px 9px 0;
}

#portfolio_gal ul li.last{
	padding:0;
}

#portfolio_gal ul li a{
	background:url(images/portfolio_shadow.png) no-repeat;
	width:307px;
	height:194px;
	display:block;
	float:left;
}

#portfolio_gal ul li img{
	float:left;
	padding:5px 0 0 5px;
	width:293px;
	height:179px;
}

/* terms */

#terms{
	padding:0 0 50px 0;
}

#terms p.text{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 0 25px 2px;
	width:580px;
}

/* testimonials */

#testimonials{
}

#testimonials p.text{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 0 25px 2px;
	width:580px;
}

#tegirl{
	padding:0 0 0 820px;
}

#tegirl img{
	position:absolute;
	top:160px;
}

#testimonials_box{
	width:815px;
	margin:30px 0 50px 0;
}

#testimonials_box ul{
}

#testimonials_box ul li{
	background:url(images/testimonials_box_line.gif) no-repeat left bottom;
	padding:0 0 10px 10px;
	margin:0 0 25px 0;
}

#testimonials_box ul li.last{
	background:none;
}

#testimonials_box p{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 0 15px 15px;
	width:600px;
}

#testimonials_box p span{
	font-size:1.5em;
}

#testimonials_box h3{
	font-size:2.1em;
	color:#9e0b0e;
	font-weight:normal;
	padding:0 0 4px 0;
}

#testimonials_box h3 a{
	color:#3d3d3d;
	font-size:0.9em;
}

/* thanku */

#thanku{
	padding:100px 0 300px 100px;
	width:880px;
	
}

#thanku p.text{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 0 15px 2px;
	width:590px;
}

/*quote*/

#quote{
	width:100%;
	background:url(images/quote_bg.gif) repeat-y;
	margin:5px 0 0 0;
}
#quote_top{
	width:100%;
	background:url(images/quote_top_bg.gif) no-repeat;
}
#quote_end{
	width:100%;
	background:url(images/quote_end_bg.gif) no-repeat left bottom;
}
#quote_body{
	width:883px;
	padding:15px 0 10px 50px;
}
#quote p{
	color:#000000;
	font-size:1.4em;
	line-height:1.6em;
	padding:10px 0 15px 0;
}
#quote p span{
	color:#528d8b;
	font-weight:bold;
}
#quote p.first{
	margin:0 0 0 59px;
}
#quote p.lined{
	background:url(images/q_line.gif) no-repeat right bottom;
}
/*index_wellcome*/
#index_wellcome{
	width:930px;
	margin:10px 0 0 25px;
}
#index_wellcome h2{
	color:#000000;
	font-size:2.5em;
	font-weight:normal;
	letter-spacing:-1px;
}
#index_wellcome h2 span{
	color:#00183f;
}
#index_wellcome p{
	color:#000000;
	font-size:1.4em;
	line-height:1.6em;
	padding:0 0 15px 0;
}
/*index_links*/
#index_links{
	width:964px;
	margin:17px 0 12px 16px;
	overflow:hidden;
}
#index_links ul{
	float:left;
}
#index_links ul li{
	float:left;
	padding:0 11px 7px 0;
}
#index_links ul li.last{
	padding:0 0 7px 0;
}
#index_links ul li a{
	width:310px;
	height:55px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
}
#index_links ul li a span{
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#inb_01 span{
	background:url(images/inb_01.png) no-repeat;
}
#inb_02 span{
	background:url(images/inb_02.png) no-repeat;
}
#inb_03 span{
	background:url(images/inb_03.png) no-repeat;
}
#inb_04 span{
	background:url(images/inb_04.png) no-repeat;
}
#inb_05 span{
	background:url(images/inb_05.png) no-repeat;
}
#inb_06 span{
	background:url(images/inb_06.png) no-repeat;
}