body {
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background-color : #f7f4ed;
background-image : url(../images/grass_bg.jpg);
background-repeat : repeat-x;
}

h1 {
width:500px;
text-decoration: none;
font-size: 30px;
padding-left :40px;
padding-top:10px;
color:#ffffff; 
font-weight:bold;
text-shadow: #000000 0px 1px 5px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height:30px;
}



#main {
width : 100%;
margin : auto;
}
#body_area {
width : 1000px;
margin : auto;
}
#header_back {
width : 100%;
height : 278px;
background-image : url(../images/header.jpg);
background-repeat : no-repeat;
margin : auto;
}
#box_top {
width : 100%;
height : 60px;
background-image : url(../images/box_top.jpg);
background-repeat : no-repeat;
margin : auto;
}
#box_mid {
width : 100%;
background-image : url(../images/box_mid.jpg);
background-repeat : repeat-y;
margin : auto;
height : 635px;
}
#box_mid_about {
width : 100%;
background-image : url(../images/box_mid.jpg);
background-repeat : repeat-y;
margin : auto;
height : 650px;
}

#box_mid_testi {
width : 100%;
background-image : url(../images/box_mid.jpg);
background-repeat : repeat-y;
margin : auto;
height : 680px;
}

#box_mid_portolio {
width : 100%;
background-image : url(../images/box_mid.jpg);
background-repeat : repeat-y;
margin : auto;
height : 2317px;
}

#box_mid_portolio1 {
width : 100%;
background-image : url(../images/box_mid.jpg);
background-repeat : repeat-y;
margin : auto;
height : 1804px;
}

#box_mid_order {
width : 100%;
background-image : url(../images/box_mid.jpg);
background-repeat : repeat-y;
margin : auto;
height : 1025px;
}


#box_bot {
width : 100%;
height : 69px;
margin : auto;
}
#box_top_img {
width : 40%;
padding-left : 27px;
margin-top : 17px;
float : left;
}
#nav {
width : 100%;
float : left;
margin-left : 12px;
margin-top : 165px;
}
#blank {
width : 100%;
height : 40px;
}
#box_main_area {
width : 977px;
margin : auto;
}
#box_left {
width : 694px;
float : left;
}
#box_right {
width : 283px;
float : left;
}
#box_right_main {
width : 90%;
margin : auto;
}
#box_right_content1 {
width : 100%;
float : right;
}
#box_right_content2 {
width : 98%;
float : left;
color : #ffffff;
margin-top : 10px;
margin-right : 10px;
}
#leftbox_content_area {
width : 661px;
margin : auto;
}
#what_we_do {
width : 100%;
margin : auto;
}
#layout_box {
width : 219px;
height : 350px;
float : left;
background-image : url(../images/layout_desin_box.jpg);
background-repeat : no-repeat;
}

#text{	font-size: 18px; font-family:Arial, Helvetica, sans-serif;
	color:#646464; padding-top:18px; padding-left:55px;  
	text-shadow: #ffffff 0px 1px 0px;}

#psd_box {
width : 221px;
height : 350px;
float : left;
background-image : url(../images/psd_slicing_box.jpg);
background-repeat : no-repeat;
}
#ecommerce_box {
width : 220px;
height : 350px;
float : left;
background-image : url(../images/ecommerce_box.jpg);
background-repeat : no-repeat;
}
#text_box {
width : 187px;
margin : auto;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #565656;
margin-top : 145px;
line-height : 12px;
}
#text_box1 {
width : 187px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #565656;
margin-top : 145px;
line-height : 12px;
margin-left : 20px;
}
#text_box2 {
width : 187px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #565656;
margin-top : 145px;
line-height : 12px;
margin-left : 20px;
}
#dot {
width : 100%;
height : 8px;
background-image : url(../images/dot.jpg);
background-repeat : repeat-x;
background-position : bottom center;
float : left;
}
#solutions {
width : 97%;
margin : auto;
font-family : Arial, Helvetica, sans-serif;
color : #0b97d2;
}
#midbluebold {
font-size : 18px;
line-height : 30px;
padding-top : 10px;
float : left;
}
#solutionbox_left {
width : 373px;
float : left;
}
#solutionbox_right {
width : 250px;
float : left;
}
.arrow_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #0b97d2;
background-image : url(../images/arrow.jpg);
background-repeat : no-repeat;
background-position : center left;
padding-left : 18px;
line-height : 22px;
}
.midblack {
font-size : 14px;
font-weight : bold;
color : #504e53;
line-height : 40px;
}
.arrow_text1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-weight : bold;
background-image : url(../images/arrow1.jpg);
background-repeat : no-repeat;
background-position : center left;
padding-left : 18px;
line-height : 22px;
}
#footer_bg {
width : 100%;
height : 350px;
margin : auto;
background-image : url(../images/footer_bg.jpg);
background-repeat : repeat-x;
}
#footer_bg1 {
width : 100%;
height : 370px;
margin : auto;
background-image : url(../images/footer_bg.jpg);
background-repeat : repeat-x;
}

#footer_area {
width : 977px;
margin : auto;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
#footer_navi {
width : 400px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #ffffff;
float : left;
margin-top : 17px;
}
.footer_links {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
}
.footer_links:hover {
text-decoration : underline;
color : #ffaf47;
}
#contact_add {
width : 570px;
float : left;
margin-top : 10px;
}
#skype {
width : 74px;
float : left;
height : 29px;
}
#con_icon {
width : 35px;
float : left;
height : 29px;
}
#skype_text {
width : 196px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #c8cacb;
margin-top : 8px;
}
#con_text {
width : 250px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #c8cacb;
margin-top : 8px;
}
.bot_text {
font-family : Arial, Helvetica, sans-serif;
color : #ffaf47;
text-decoration : none;
}
.bot_text:hover {
text-decoration : underline;
}
#test_box {
width : 465px;
float : left;
background-image : url(../images/vert_dot.png);
background-repeat : repeat-y;
background-position : right top;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2f3d49;
margin-top : 20px;
}

#test_box1 {
width : 475px;
float : left;
background-image : url(../images/vert_dot.png);
background-repeat : repeat-y;
background-position : right top;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2f3d49;
margin-top : 20px;
}



.bold {
font-family : Georgia;
font-size : 42px;
color : #ffffff;
overflow : hidden;
font-weight : bold;
}
#order_process {
width : 470px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2f3d49;
margin-top : 20px;
margin-left : 30px;
}
.testi_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2f3d49;
padding-right : 30px;
margin-left : 10px;
}
#testi_text1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2f3d49;
padding-right : 10px;
line-height : 40px;
float : left;
}
#quote {
width : 35px;
height : 70px;
float : left;
}

#quote_a {
width : 35px;
height : 90px;
float : left;
}
#quote1 {
width : 200px;
float : left;
margin-top : 10px;
}
#quote2 {
width : 35px;
height : 100px;
float : left;
}

#quote3 {
width : 30px;
float : left;
margin-top : 10px;
}

#clent_full {
width : 100%;
float : left;
}
#client {
width : 80px;
float : left;
}
#client_head {
width : 200px;
float : left;
font-size : 12px;
color : #2f3d49;
font-weight : bold;
line-height : 17px;
margin-left : 15px;
margin-top : 30px;
}

#client_head1 {
width : 200px;
float : left;
font-size : 12px;
color : #2f3d49;
font-weight : bold;
line-height : 17px;
margin-left : 38px;
margin-top : 7px;
}
#more_btn {
width : 90%;
float : left;
}
.testi_text2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #2f3d49;
padding-right : 30px;
margin-left : 10px;
margin-top : 14px;
line-height : 22px;
}
.recent_text1 {
margin-top : 10px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
}
.recent_text {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
text-decoration : none;
text-align : center;
font-weight : bold;
font-size : 15px;
}
.recent_text:hover {
color : #c0ff00;
}
.style1 {
color : #ffaf47;
}




#about_content {
width : 96%;
font-family : Arial, Helvetica, sans-serif;
font-size:12px;
color : #4a4848;
float:left;
margin-left:15px;
margin-top:10px;

}

#port_main{
width : 650px;
margin:auto;

}

#port_main1{
width : 98%;
float:left;


}

#port_left{width:320px; float:left;}
#port_mid{width:15px; float:left;}
#port_right{width:320px; float:right;}

.impact_text{font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; color:#FFFFFF; font-weight:bold;}
.impact_text1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; color:#0b97d2; font-weight:bold;}

#impact_text2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; color:#0b97d2; font-weight:bold; line-height:50px;}

.port1 {
padding-bottom:15px;
text-align:right;
}
.port {
font-family : Arial, Helvetica, sans-serif;
color : #0D77B7;
text-decoration : none;
text-align : right;
font-weight : bold;
font-size : 13px;
padding-right:15px;
padding-bottom:25px;
}
.port:hover {
color : #ff0000;
}

.bold{font-family: Georgia, "Times New Roman", Times, serif;font-size:32px; color:#08A5DA; width:90%; line-height:34px; margin-left:7px;}
.bold1{font-family: Georgia, "Times New Roman", Times, serif;font-size:18px; color:#80AC0B; width:90%; padding-top:10px; font-weight:bold; margin-left:7px;}
.bold2{font-family: Arial, Helvetica, sans-serif, Times, serif;font-size:14px; color: #666666; width:100%;font-weight:bold;}
.bold3{font-family: Arial, Helvetica, sans-serif, Times, serif;font-size:14px; color: #666666; width:100%;}


#next1 {
padding-bottom:10px;
float:left;
width:33%;
}
.next {
font-family : Arial, Helvetica, sans-serif;
color : #80AC0B;
text-decoration : none;
text-align : right;
font-weight : bold;
font-size : 13px;
padding-right:15px;
padding-bottom:25px;
}
.next:hover {
color : #ff0000;
}

#dottedline{width:100%; height:10px; background-image: url(../images/dot1.jpg); background-repeat:repeat-x; background-position:top left; float:left;}
#dottedline1{width:100%; height:2px; background-image: url(../images/dot1.jpg); background-repeat:repeat-x; background-position:top left; float:left;}

#contactbox{
	width:319px;
	background-color:#e6e4e4;
	height:318px;
	margin:auto;
	background-image:url(../images/contact_bg1.jpg);
	background-repeat:no-repeat;
	
	
	}
	
	#contactbox1{
	width:319px;
	height:auto;
	margin:auto;
	margin-top:30px;
	color:#0099FF;
		}


#contact{width:100%; float:left; margin-top:50px;}
#order{width:100%; float:left; margin-top:15px;}
#contact_blank{width:100%; height:40px; float:left;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}
img {border:0; vertical-align:top; text-align:left;}

form .link2 { margin-top:15px;}

.form { height:49px;}
.form label { color:#7a5831; display:block; margin-bottom:1px;}
.form input { width:236px; padding:4px 0 4px 3px; border:1px solid #999999;}

.form1 { height:27px;}
.form2 { height:27px; padding-top:30px;}
.form2 input {width:176px; padding:2px 0 2px 3px; background:none; border:1px solid #c1c1c1; color:#999999;}
.form1 input {width:176px; padding:2px 0 2px 3px; background:none; border:1px solid #c1c1c1; color:#999999;}
textarea { width:176px; height:100px; overflow:auto; background:none; border:1px solid #c1c1c1; padding:2px 0 0 3px; color:#999999; }
form .buttons { margin-top:15px; text-align:right; margin-left:60px;}
form .buttons .link3 {margin-left:6px;}
#form_text{width:80px; height:27px; float:left; margin-left:20px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
#form_text1{width:80px; height:27px; float:left; margin-left:20px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;margin-top:30px;}

.im_text{width:80px; height:27px; float:left; margin-left:20px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
.im_text1{width:290px;margin-left:20px;font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#999999; margin-bottom:10px; font-weight:bold;}
.im_text2{width:290px;margin-left:20px;font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffaf47;font-weight:bold;}

.im{ height:27px;}

#order1{
	width:311px;
	float:left;
	margin-right:19px;
	height:433px;
	background-image:url(../images/special_packback.jpg);
	background-repeat:no-repeat;
	
	
	}
	
	#order2{
	width:311px;
	float:left;
	margin-left:10px;
	height:433px;
	background-image:url(../images/custom_back.jpg);
	background-repeat:no-repeat;
	}
	
	#order_box{width:87%; float:right; margin-top:120px;}
	.order_text{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; background-image:url(../images/arrow2.jpg); background-repeat:no-repeat; background-position:center left; padding-left:22px; line-height:22px;}
#price{width:94%; float:right; margin-top:20px;}
.check{
	width:50px;
	height:50px;
	margin-top:50px;
	list-style-type: circle;
	font-size: x-large;
}

#form_area{width:94%; float:left; border:1px dashed #f45000; margin-left:20px; background-color:#fafafa; height:485px;}
.ftext{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#006699; padding-right:10px; padding-top:15px; text-align:right;}
#fbox1{width:45%; float:left; margin-left:10px; margin-top:15px;}
#fbox2{width:50%; float:right;margin-top:15px; }
#filedtext{width:35%; height:30px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; text-align:right;}
#filedtext1{width:46%; height:30px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;margin-left:10px; margin-top:15px;}
#filedtext3{width:19%; height:30px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;margin-left:10px; margin-top:15px;}
#filedtext2{width:37%; height:30px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;margin-left:10px; margin-top:15px;}
#filedbox{width:55%; height:30px; float:left; margin-left:10px;}
#filedbox1{width:37%; height:30px; float:left; margin-left:10px; margin-right:15px;margin-top:15px;}
#filedbox2{width:57%; height:30px; float:left; margin-left:10px; margin-right:15px;margin-top:15px;}
#filedbox3{width:75%; height:30px; float:left; margin-left:10px; margin-right:15px;margin-top:15px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666;}

.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 18px;
	width: 170px;
	border: 1px dotted #999999;
}
.textarea {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 150px;
	width: 345px;
	border: 1px dotted #999999;
}

.star {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	font-weight:bold;
	
}


.home_content {
width : 650px;
font-family : Arial, Helvetica, sans-serif;
font-size:13px;
color : #4a4848;
float:left;
margin-left:15px;
margin-top:10px;
margin-bottom:15px;
text-shadow: #ffffff 0px 1px 0px;

}


.alert {
  position: fixed;
  width: 100%;
  height: 50px;
  left: 0px;
  top: 10px;
  /* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0.0;
  padding: 25px;
  background:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight: bold;
  color: white;

 }