/* CSS Document */
body{
	padding:0; margin:0;
	}
div, p, ul, img{
	padding:0 ; margin:0;
	}

h1, h2, h3{padding:0 0 10px 10px; margin:0;}
	
ul{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
/*--------------------------------header-------------------*/
#main_header{
	width:100%;	margin:0 auto;  background:url("images/bg.gif") repeat-x #0a2b43; color:#FFFFFF; height:216px;
	}
#main_header #header{
	width:764px; margin:0 auto; background:url("images/header_pic.png") no-repeat #fff6d8; color:#FFFFFF; height:216px;
	 position:relative;
	}
#main_header #header h1  
{
position:absolute;
font-size: 36px;
padding: 75px 0 0 40px;
color: #fff;
font-family:Times New Roman;
z-index:200;
}
#main_header #header h2 
{
position:absolute;
font-size: 19px;
color: #e8e8e8;
font-style:italic;
padding: 140px 0 0 350px;
font-weight: 100;
font-family:Myriad Pro;
z-index:275;
}
#main_header #header ul{
	background:url(images/search_bg.gif) no-repeat #09283f; color:#FFFFFF; display:block; position:absolute; height:22px;
	 width:123px; margin:0; padding:6px 0 0 26px; top:10px; left:0px; z-index:300;
	}
#main_header #header ul li{
	float:left; display:block; margin:0 23px 0 0;
	}
#main_header #header ul li a{
	height:15px; text-decoration:none; text-indent:-2000px; display:block; width:20px;
	}
#main_header #header ul li a.home{
	background:url(images/home.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.home:hover{
	background:url(images/home_h.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.user{
	background:url(images/user.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.user:hover{
	background:url(images/user_h.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #header ul li a.contact{
	background:url(images/contact.gif) no-repeat 0 0; width:19px; height:16px;
	}
#main_header #header ul li a.contact:hover{
	background:url(images/contact_h.gif) no-repeat 0 0; width:19px; height:16px;
	}
#main_header #header ul.free{
	background:url(images/toll_free-1.gif) no-repeat #09283f; color:#5d5024; display:block;  height:28px; width:140px;
	 padding:7px 0 0 43px; position:absolute; top:2px; left:580px; margin:0;
	}
#main_header #header ul.free li{
	float:left; display:block; font:10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center;  color:#5D5024;
	margin:0px 0px 0 0; padding:0 0 0 0 ; text-transform:uppercase; font-weight:normal; background-color:#FFF6D8;
	}
#main_header #header ul.free li span{
	 font-size:14px; line-height:16px; color:#FFFFFF; font-weight:bold; background-color:#ff0033; width:63px; height:16px;
	 }
#main_header #header ul.free li a.call{
	color:#e5f4ff; font-size:11px; font-weight:normal; text-transform:uppercase; text-indent:0px; width:72px; margin:0 0 0 0px;
	padding:0 0 0 5px; background-color:#09283f;
	}
#main_header #header img{
	position:absolute; left:40px; top:74px; display:block;
	}
#main_header #header #navi ul{
width:764px; display:block; position:absolute; top:189px; left:10px; padding:0; margin:0; background:none;
	}
#main_header #header #navi ul li{
    height:22px; margin:0; padding:0 15px 0 0; width:92px; text-align:left;
	display:block; float:left;
	}
#main_header #header #navi ul li.li1{
	background:none; height:22px; padding:0 15px 0 5px; margin:0;
	display:block;  float:left; width:92px;
	}
#main_header #header #navi ul li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#847543; text-decoration:none; text-indent:0px; 
	padding:0 0 0 13px; font-weight:bold; margin:0; width:inherit; background-color:#fff6d8; width:80px; text-align:left;
	}
#main_header #header #navi ul li a:hover{
	background:url(images/navi_h.gif) no-repeat 0 2px;
	}
#main_header #header #indicator{
width:764px; display:block; position:absolute; top:225px; left:20px; padding:0; margin:0; background:none;
color:#fff; font-size:12px;
}
#main_header #header #indicator a{color:#fff; font-size:12px; font-family:Times New Roman;}
/*------------------------------------body-------------------------*/
#main_body{
	width:100%;  background-color:#0a2b43;  color:#fff6d8; 
	}
#body{
	width:764px; margin:0 auto 0 auto; padding:35px 10px 10px 10px; 
	}

ul{margin-left:40px;}

/*------------------------------------globals-------------------------*/
.pan_full p, .pan_left p{color:#799fbb; padding:0 10px 20px 10px; margin:0 0 0 10px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}

.pan_full span, .pan_left span{color:#fff}

p a.more{
	width:61px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	text-decoration:none; float:right; margin-right:20px;
	}
p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033;
	}
#body ul li.arrow{
	display:block;color:#799fbb;background:url(images/arrow1.gif) no-repeat 0 12px;padding:0 0 0 14px;
	}	
#body ul li a{
	text-decoration:underline;
	}
#body ul li a:hover{
	text-decoration:none;
	}
#body h3{
	text-decoration:none;
	}
#body p.design{
	background:url(images/web_design.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.seo{
	background:url(images/seo.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.ecommerce{
	background:url(images/e_commerce.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.domain{
	background:url(images/domain.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.whois{
	background:url(images/whois.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; height:130px; 
	}
#body p.promotion{
	background:url(images/promotion.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.question{
	background:url(images/question.gif) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.email{
	background:url(images/email.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.web_development{
	background:url(images/web_development.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}
#body p.cms{
	background:url(images/cms.png) no-repeat #0a2b43; color:#799fbb; padding:0 0 10px 135px; margin:0 0 0 40px; width:598px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;
	}	

/*------------------------------------full-------------------------*/
.pan_full h2{font:24px/20px 'Times New Roman Baltic', Arial, Helvetica, sans-serif; color:#fff6d9;  margin:0 0 10px 20px;
	font-weight:normal; background-color:#0a2b43; display:block;}
.pan_full h3{font:20px/16px 'Times New Roman Baltic', Arial, Helvetica, sans-serif; color:#fff6d9;  margin:0 0 10px 20px;
	font-weight:normal; background-color:#0a2b43; display:block;}
.pan_full p.design{
	background:url(images/web_design.png) no-repeat #0a2b43; color:#799fbb; padding:0 10px 20px 135px; margin:0 0 0 40px;
	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif; min-height:130px;}	
.pan_full ul li {color:#799fbb;}
/*------------------------------------left-------------------------*/
.pan_left{float:left;width:549px; }

/*------------------------------------right-------------------------*/
.pan_right{float:left; padding:0px 10px 0 10px;}

.portfolio1 a {
display: block;
width: 180px;
height: 100px;
background: transparent url(images/web-design-portfolio.gif) no-repeat;
}

.portfolio1 a:hover {
background-position: -180px 0;
} 

.w3c a 
{
float:left;
display: block;
width: 88px;
height: 31px;
background: transparent url(images/valid-xhtml10.gif) no-repeat;
}

.w3c a:hover {
background-position: -88px 0;
} 

#event{
	width:215px;  padding:0 0 0 28px; float:left; display:block;
	}
#event ul{ margin-left:20px;}
#event h2{
	background:url(images/event_bg.gif) no-repeat ; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:160px; height:45px; padding:13px 20px 0 54px; margin:0; font-weight:normal; display:block;
	}
#event h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#event p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 0 23px; background:none; padding:0; 
	}
#event h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#0a2b43; 
	}
#event h3 a{
	width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
#event h3 a:hover{
	background:none; color:#FFFFFF; background-color:#0a2b43;
	}
#event p a.more{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:22px 0 37px 118px;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#event p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	}
#event p a{
    display:inline-block; background-image:none; margin:0 0 0 0;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 0; text-decoration:none;
	}
#event p a:hover{
	background-image:none;
	}	
#solution{
	width:215px;  padding:0 0 0 28px; float:left; display:block;
	}
#solution h2{
	background:url(images/solution_bg.gif) no-repeat ; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:160px; height:45px; padding:13px 20px 0 54px; margin:0; font-weight:normal; display:block;
	}
#solution h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#solution p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 0 23px; background:none; padding:0; 
	}
#solution h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#0a2b43; 
	}
#solution h3 a{
	width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
#solution h3 a:hover{
	background:none; color :#FFFFFF; background-color:#0a2b43;
	}
#solution p a.more{
	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:22px 0 37px 118px;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#solution p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	}
#solution p a{
    display:inline-block; background-image:none; margin:0 0 0 0;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 0; text-decoration:none;
	}
#solution p a:hover{
	background-image:none;
	}	
/*------------------------support-------------*/
#support{
	width:215px;  padding:0 0 0 25px; float:left; display:block;
	}
#support h2{
	background:url(images/support.gif) no-repeat; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width:126px; height:45px; padding:5px 20px 0 71px; margin:0; font-weight:normal; display:block;
	}
#support h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#support p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 19px 16px; background:none; padding:0; 
	}
#support ul{
	width:191px; display:block; margin:0px 0 0px 16px; padding:0;
	}
#support ul li{
	font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#fff6d8; background-color:#0a2b43; width:191px; display:block;
	padding:0 0 0 0; 
	}
#support ul li a{
	font:12px/17px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43; text-decoration:none;
	 display:block;	padding:5px 0 5px 0; margin:0;
	}
#support a.online{
	width:146px; height:57px; border:#486d88 1px solid; display:block; margin:20px 0 0 16px; background-color:#051b2b;
	color:#fff6d8; padding:10px 18px 0 16px; font:22px/28px Verdana, Arial, Helvetica, sans-serif;
	 font-weight:normal; text-transform:uppercase; text-decoration:none;
	}
#support a.online span{
	color:#799fbb; font-size:18px; line-height:18px; padding:0 0 0 8px; background-color:#051b2b; display:block;
	}
#support a.online:hover{
	background-color:#1c4f75; color:#fff6d8; 
	}
#support p a{
    display:inline-block; background-image:none; margin:0 0 0 0;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 0; text-decoration:none;
	}
#support p a:hover{
	background-image:none;
	}

/*--------------------------------services-------------------*/
#services{
	width:215px;  padding:0 0 0 28px; float:left; display:block;
	}
#services h2{
	background:url(images/services.gif) no-repeat ; font:24px/31px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	width:140px; height:45px; padding:5px 20px 0 53px; margin:0; font-weight:normal; display:block; 
	}
#services h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#services p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 0 16px; background:none; padding:0; 
	}
#services h3{
	color:#fff6d8; font:14px Verdana, Arial, Helvetica, sans-serif; width:190px; display:block;
	margin:19px 0 0 16px; padding:0; font-weight:bold; background-color:#0a2b43;
	}
#services ul{
		width:191px; display:block; margin:5px 0 0 16px;
		}
#services ul li{
	background:url(images/arrow1.gif) no-repeat 0 12px ; display:block; padding:0 0 0 14px;
	}
#services ul li a{
	font:14px/24px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; text-decoration:underline; background-color:#0a2b43;
	}
#services ul li a:hover{
	text-decoration:none;
	}
#services a.more1{
	width:56px; height:12px; display:block; background:url(images/more_bg.g f) no-repeat #0a2b43; margin:39px 0 0 121px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#services a.more1:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	}
	
#services a{
	
	}
#services a.hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	}
/*---------------------------------footer-----------------*/
#main_footer{
	width:100%;  float:left; background:url(images/footer_bg.gif) repeat-x #0c1d2a; color:#ffffff;
	border-top:#ffffff 1px solid; margin:0px; padding:0px; 
	}
#footer {
	width:764px; height:187px;
	margin:0 auto 0 auto;
	}
#footer ul{
	width:700px; display:block;	list-style-type:none; margin:46px 0 0 40px; position:absolute;
	}
#footer ul li{
	display:block; float:left; 
		}
#footer ul li a{
	font:14px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#ffffff; background-color:#09161f;
	text-decoration:none;
	margin:0 16px 0 16px;
	}
#footer ul li a.mg{
	font:12px/11px Arial, Helvetica, sans-serif;
	color:#ffffff; background-color:#09161f;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#footer ul li a.mg:hover{
	text-decoration:underline;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer ul.ad{
	width:323px; display:block;	list-style-type:none; margin:77px 0 0 230px;
	}
#footer ul.ad li{
	height:40px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#footer ul.ad li.nobor{
	height:40px; width:96px; display:block;	margin-left:10px; border-right:none;
	}
#footer ul.ad li.nobor1{
	height:40px; width:96px; display:block;	float:left;	margin-left:10px; border-right:#FFFFFF 1px dashed;
	}
#footer ul.ad li a{
	font:10px/12px Tahoma, Arial, Helvetica, sans-serif; color:#d1bd86; background-color:#0c1c27; font-weight:bold;
	text-decoration:none; margin:0 0 0 0; display:block;
	}
#footer ul.ad li a span{
	color:#ff0033; background-color:#0b1a24;
	text-transform:uppercase; margin:0 10px 0 0; display:block;
	}
#footer ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer p{
	padding:135px 0 0 255px; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#FAFAFA;
	background:url(images/footer_bg.gif) repeat-x #0c1d29;	font-weight:normal;	height:14px; margin:0;
	}
#footer p.de{
	padding:0 0  0 265px; margin:0;  line-height:12px; width:230px; text-align:center; background-color:#0c1d2a;
	color:#fff; background:none;
	}
#footer p.de a{
	color:#fff; background-color:#0c1d2a; text-decoration:underline;
	}
#footer p.de a:hover {	
	color:#fff;	background-color:#0a5083;
	}
/* center layout */
#full {
width: 724px;	
padding: 20px 10px 20px 10px;
}
#full ul
{
 margin-left:20px;
}

#full .articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #ccc;
   text-decoration: none;
}
#full h2
{
   font-size:18px; 
   font-weight: bold;
   color: #995117;
   text-decoration: none;
}
#full p a{
    display:inline; background-image:none; margin:0 0 0 0;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 0; text-decoration:none;
	}
#full p a:hover{
	background-image:none;
	}	
#promotion {
width: 724px;	
padding: 20px 10px 20px 0px; 	
color:Black;
}
#promotion ul
{
 margin-left:20px;
}
#promotion ul li.arrow{
	background:url(images/arrow1.gif) no-repeat 0 12px ; display:block; padding:3px 0 0 14px;color:#799fbb; margin-left:50px; height:18px; color:#333333;
}

#promotion .articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #995117;
   text-decoration: none;
}
#promotion h2
{
   font-size:18px; 
   font-weight: bold;
   color: #995117;
   text-decoration: none;
   background-color:Transparent;
}
#left{float:left;width:510px;}
#left p{width:430px; text-indent:2em; line-height:1.6em; padding:10px; margin:0px;}
#left p a{ background-image:none;margin:0 0 0 0; padding:0 0 0 0; display:inline; text-decoration:underline; text-transform:none; color:#ccc;}
#left p a:hover{ background-image:none; display:inline; text-decoration:underline; text-transform:none; color:#fff; }
#left hr { border-style:dashed;}
#left ul { margin-left:20px;}

#right{float:left; padding-left:10px; width:200px;}
#right ul{display:block; margin:0 0 0 20px; padding:0;}
#right li{ margin-left:20px;  padding:10px; margin:0px;}

/* other */
#.fancy .ajax__tab_header 
{
	font-size:13px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer,
.fancy .ajax__tab_header .ajax__tab_outer,
.fancy .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.fancy .ajax__tab_active .ajax__tab_inner,
.fancy .ajax__tab_header .ajax__tab_inner,
.fancy .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab,
.fancy .ajax__tab_hover .ajax__tab_tab,
.fancy .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab,
.fancy .ajax__tab_active .ajax__tab_tab 
{
	color:#fff;
}
.fancy .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

.fancy .ajax__tab_header 
{
    background:url("images/orange_bg.gif") repeat-x;
}
.fancy .ajax__tab_hover .ajax__tab_outer,
.fancy .ajax__tab_active .ajax__tab_outer 
{
    background:url("images/orange_left.gif") no-repeat left top;
}
.fancy .ajax__tab_hover .ajax__tab_inner,
.fancy .ajax__tab_active .ajax__tab_inner 
{
    background:url("images/orange_right.gif") no-repeat right top;
}

/* store */
.shoppingcartbox
{
   padding-top:10px;
   font-size:11px;
}
.shoppingcartboxcontent
{
   padding: 6px 6px 6px 6px;
}

/* common */
.sectiontitle, .sectiontitle span
{
   padding: 3px 6px 3px 3px;
   background-color: #b80100;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
}
.sectionsubtitle, .sectionsubtitle span
{
   font-weight: bold;
   padding-bottom: 4px;
}
td .fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}
abbr {
cursor: help;
border-bottom: 1px dotted black;
} 
a {
text-decoration: none;
color: #dadada;
}
a:hover {
text-decoration: underline;
color: #fff;
} 
#map
{
color:#000;
padding:10px;
}

/* social */
#social
{
  float:left; 
  width:200px;
  margin-left:20px;
}

#social ul
{
  
  margin: 0 auto;	
}

#social li
{
  float:left;
  margin:5px 0px 0px 7px;
  display: inline;
 
}

#social li a
{
  text-decoration: none;
}

#social li a img
{
  border:solid 1px #fff;
}

#social li a:hover img
{
  border:solid 1px blue;
}

#ad
{
   padding-left:60px; margin-top:20px;	
}

#logo{background:url("images/web-design-logo-01.jpg") no-repeat #fff6d8; position:absolute; height:132px; width:764px; margin-top:45px; z-index:250;}

/* web design portfolio page*/
#portfolio{float: left;width:640px; margin-left:60px;}
#portfolio .box
{
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	float: left;
	height: 300px;
	width: 320px;
	font-size:14px;	 
	text-align:center;
}
#portfolio a{ text-decoration:underline;}
#portfolio ul
{
	margin: 0px 0px 0px 10px;
	padding: 0;
}
#portfolio .image{height:208px;}
#portfolio .title{font-weight:600;}
#portfolio .content{ padding-top:5px;}

#rating
{
  float:left; 
  width:250px;
  margin-left:30px;
  
}