/* CSS Document */

body{
	padding:10px 0 14px 0;
	background:url(images/topbgnew.jpg) repeat-x center top #000000;
	margin:0;
	color:#000;
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(images/headernew.jpg) 0 0 no-repeat;
	width:981px;
	height:310px;
	position:relative;
	margin:0 auto;
}
#header ul{
float:right;
	width:636px;
	height:36px;
	position: relative;
	padding:0 0 0 0px;
	margin:274px 0 0 0;
}
#header ul li{
	height:31px;
	float: right;
	padding:0 0 0 0;
}
#header ul li a{
	display:block;
	padding:0px;
}
#header a.readMore{
	display:block;
	background:url(images/read_more.gif) 0 0 no-repeat;
	width:25px;
	height:93px;
	position:absolute;
	left:950px;
	top:177px;
}
#header a.readMore:hover{
	background:url(images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
#bodyP{
background:url(images/icons/portfolio_bg.jpg) top left no-repeat #000000;
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
#bodyP a.link{ color:#999999}
#bodyP a.hover{ color: #000099}
#bodyP h1{
color:#666666;
font-size:14px;
font-variant:small-caps;
}
/*------------------------------------------------left--------------------*/
#left_container{
	width:357px;
	float:left;
}
#left .img{
display:block;
width:128px;
height:150px;
margin:0 auto;
}
#left_websties{
	background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_websties p.pic1{
	display:block;
	width:128px;
	height:150px;
	margin:0 auto;
	float:left;
}
#left_websties p.boxTxt1{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_websties p.boxTxt1 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_print{
	background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_print p.pic2{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_print p.boxTxt2{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_print p.boxTxt2 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_dvd{
background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_dvd p.pic3{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_dvd p.boxTxt3{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_dvd p.boxTxt3 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_photo{
background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_photo p.pic4{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_photo p.boxTxt3{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_photo p.boxTxt3 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_video{
background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_video p.pic5{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_video p.boxTxt3{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_video p.boxTxt3 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------middle--------------------*/
#right_container{
	width:621px;
	float:left;
}

#middle{
	width:370px;
	text-align:justify;
	float:left;
}

#middle h2{
	font:bold 30px/30px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color: #FFFFFF;
	margin:0 auto;
	text-align:center;
	display:block;
}
#middle p{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color: #999999;
	padding:0 0 20px 20px;
	margin:0 auto;
	padding:5px 12px 5px 12px;
}
#middle p.span{
	font-size:16px;
	font-weight:800;
	color: #990000;
	border:#BCBCB5 dashed 1px;
	display:block;
	margin: 0 auto;
	width:340px;
	text-align: center;
}


/*------------------------------------------------middle--------------------*/

/*------------------------------------------------right--------------------*/
#right{
background:url(images/right_box_bg.jpg) top left no-repeat;
	width:234px;
	border: #333 solid 2px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	color:#878767;
	float: right;
}
/* search form */
.searchinput { 
	background-color: #666666 ;font-size:12px;
	color: #000000; 
	height: 20px;
	width:220px;
	margin:0 auto;
}
.searchtable{padding:3px 0 3px 0;}
.searchbutton {
	width:50px; height:20px; background:url(images/go_bg.jpg) no-repeat 0 0; border:none;}
.searchbutton:hover{
	border:none;
	background:url(images/go_bg-o.jpg) 0 0 no-repeat;}
#search{
	background:#000000;
	margin:0 auto;
	border: #333333 solid 1px;
	padding:5px 0 0 0;
	text-align:center;
	color: #CCCCCC;
}
#searchheading{
	display:block;
	background: url(images/heading.jpg) top no-repeat;
	height:31px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
}

#webhosting{
	background:#000000;
	margin:5px 0 0 0;
	border: #333333 solid 1px;
	padding:5px 0 0 0;
	text-align:center;
	color: #CCCCCC;
}
.webhostinginput { 
	background-color: #666666 ;font-size:12px;
	color: #000000; 
	height: 18px;
	width:130px;
	margin:0 auto;
}
.webhostingdropdown { 
	background-color: #666666 ;font-size:12px;
	color: #000000; 
	height: 23px;
	width:60px;
	margin:0 auto;
}
.webhostingbutton {
	width:23px; height:20px; background: url(images/go_bg_domain.jpg) no-repeat 0 0; border:none;}
.webhostingbutton:hover{
	border:none;
	background:url(images/go_bg_domain-o.jpg) 0 0 no-repeat;}
#webhosting h1{
	margin:0 auto;
	display:block;
	background: url(images/side_bar.jpg) top no-repeat;
	height:31px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
}

#resources{
	margin:5px 0 0 0;
	border: #333333 solid 1px;
	padding:5px 0 5px 0;
	text-align:center;
	color: #CCCCCC;
}

#resources h1{
	margin:0 auto;
	display:block;
	background: url(images/side_bar.jpg) top no-repeat;
	height:31px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
}
#resources p{
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#resources h2{
	background:url(image/nav_bar.gif) 0 0 no-repeat;
	height:31px;
	padding:0 0 0 15px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
}
#resources a:link{color:#FFFFFF;text-decoration:none;}
#resources a:hover{color: #666666;text-decoration:none;}
#resources a:visited{color:#FFFFFF;text-decoration:none;}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bottom_container{
	width:621px;
	float:left;
	height:400px;
	background: url(images/latestworknew.jpg) top left no-repeat;

}
#latestwork{
width:29px;
height:136px;
margin:107px 0 0 339px;
}

#bodyBottom{
	width:946px;
	background:url(images/body_bottom_bg.png) 0 0 repeat-x  #333;
	color:#fff;
	padding:22px 13px 19px 18px;
	margin:0 auto;
}

#contact1{
	width:341px;
	float:left;
	margin:0;
}
#contact1 p{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#F7F7EA;
	padding:0;
}
#contact1 .btn{
	width:98px;
	height:20px;
	border:none;
	margin-top:2px;
	background:url(images/submit_bg.gif) 0 0 no-repeat;
}
#contact1 .btn:hover{
	border:none;
	background:url(images/submit_bg_hover.gif) 0 0 no-repeat;
}

#news{
	width:341px;
	float:left;
	margin:0 28px 0 0;
}
#news h2{
	display:block;
	background:url(images/arrow_blue.gif) 0 0 no-repeat;
	padding:0 0 0 25px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#news h3{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat;
	width:331px;
	height:17px;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#F7F7EA;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}
#service{
	width:338px;
	float:left;
}
#service h2{
	display:block;
	background:url(images/arrow_blue.gif) 0 0 no-repeat;
	padding:0 0 0 24px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#service h3{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat;
	width:327px;
	height:17px;
	padding:0 0 0 11px;
	margin:0 0 14px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
}
#service ul li a{
	display:block;
	background:url(images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#service ul li a:hover{
	color:#974D04;
	background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}


#member{
	width:225px;
	float:right;
}
#member h2{
	display:block;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	width:205px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#member form{
	width:191px;
	background:url(images/member_form_bg.gif) 0 0 repeat-x #353535;
	padding:9px 17px 24px 17px;
	color:#fff;
}
#member form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#member form input.txtBox{
	width:185px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	float:left;
}
#member form a{
	background:url(images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9CCC37;
	background-color:#353535;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:120px;
}
#member form a:hover{
	text-decoration:none;
}
#member form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:980px;
	height:125px;
	margin:0 auto;
	background:url(images/footerbg.png) 0 0 no-repeat;
	color:#fff;
	position:relative;
}
#footer ul{
	float:left;
	margin:27px 0 0 11px;
	width:587px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color: #660066;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	float:left;
	margin:5px 0 0 19px;
	width:587px;
}
#footer p.copyright a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer p.copyright a:hover{
	color: #000000;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(images/xhtml_bg.png) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:20px;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.png) 0 0 no-repeat;
}
#footer a.cs{
	width:98px;
	height:20px;
	background:url(images/css_bg.png) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:20px;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.png) 0 0 no-repeat;
}
#footer img{
	position:absolute;
	left:761px;
	top:42px;
	width:200px;
	height:80px;
}

/*------------------------------------------------footer--------------------*/