@charset "utf-8";
* {margin: 0; padding: 0}
img {border: none}
body {font-family: arial; font-size: 12px; color:#666666;}

a {color:#990000;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}

/* layout */
.fl {float:left}
.fr {float:right}
.clear {clear:both;}
h1 {border-bottom:1px solid #DDDDDD; padding:10px 0;}
#container {background:#D2D1D0;}
#top {background:url(images/bg-top.png) repeat-x top left;}
	#header{width:960px; margin:0 auto 0; height:144px;}
		#logo {height:88px; width:296px; margin:0;}
		#description {height:88px; width:664px;}
		#topmenu {height:56px; background:url(images/bg-top-menu.png) no-repeat center center;}
		#topmenu li {height:56px;list-style:none; float:left;}
		#search {height:56px; width:256px;}
	#featured {width:960px; height:400px; background:url(images/featured.png) no-repeat center center; margin:0 auto 0; position:relative;}
	#featuredcontent {padding: 24px 0 0 16px;}
	#services {width:960px; height:248px; margin:0 auto 0;}
		#services p {line-height:20px;}
		#wpservices {width: 274px; height:196px; background:url(images/bg-wp.png) no-repeat center center; padding: 52px 10px 0 194px;}
		#wwwservices {width: 277px; height:196px; background:url(images/bg-www.png) no-repeat center center; padding: 52px 10px 0 185px;}
/* content */
	#content {width:960px; margin:0 auto 0;}
		#top-content { background:url(images/top-content.png) no-repeat top center; margin:0;}
			.single {padding: 24px 0 0 16px; height:12px;}
			#about-detail { padding-top:36px; background: url(images/chart.png) no-repeat bottom right; width:602px;}
			#about-detail p {line-height:18px; padding-top:5px; width:400px;}
			#about-more { width:602px;}
			#about-more p {line-height:18px; padding-top:5px;}
			#about-more h2 {border-bottom:1px solid #DDDDDD; padding:10px 0;}
			.aboutside {height:326px;}
			#contact-detail { padding-top:36px; background: url(images/contactme.jpg) no-repeat bottom right; width:602px; padding-bottom:15px;}
			#contact-data  {width:265px;}
			.phone {background: url(images/phone.jpg) no-repeat top left; padding-left: 43px; margin-top:20px;}
			.email {background: url(images/email.jpg) no-repeat top left; padding-left: 43px; margin-top:10px;}
			.address {background: url(images/address.jpg) no-repeat top left; padding-left: 43px; margin-top:10px;}
			.skype {background: url(images/skype.jpg) no-repeat top left; padding-left: 43px; margin-top:20px;}
			.aim {background: url(images/aim.jpg) no-repeat top left; padding-left: 43px; margin-top:15px;}
			.gtalk {background: url(images/gtalk.jpg) no-repeat top left; padding-left: 43px; margin-top:15px;}
			.ym {background: url(images/ym.jpg) no-repeat top left; padding-left: 43px; margin-top:15px;}
			#contact-email { padding:0;}
			#contact-email img { padding: 10px 0;}
			.contact {padding:0 28px; height:336px;}
			.contactside {height:391px;}
			#portfolio-detail {width:602px; height:280px; padding-top:36px; background: url(images/bg-portfolio.png) no-repeat bottom right;}
			#portfolio-detail p {line-height:18px; padding-top:5px; width:400px;}
			.portfolio {padding: 0 28px}
			.portfolio h2 {border-bottom:1px solid #DDDDDD; padding:10px 0;}
			.portfolio a {color:#FFFFFF;}
			.portfolio a:hover {color:#FFFFFF;}
			.products {padding:24px 0 0 16px;}
			#services-wp { padding-top:36px; background: url(images/wp-services.jpg) no-repeat bottom right; width:602px; height:283px;}
			#services-wp p {line-height:18px; padding-top:5px; width:400px;}
			#services-wp h2 {border-bottom:1px solid #DDDDDD; padding:10px 0;}
			#services-www { padding:0; background: url(images/www-services.jpg) no-repeat bottom right; width:602px; height:245px;}
			#services-www p {line-height:18px; padding-top:5px; width:400px;}
			#services-www h2 {border-bottom:1px solid #DDDDDD; padding:0 0 10px 0;}
			.servicesside {height:224px;}
			#banner{ width:270px; margin-top:36px; padding:10px 0 5px 10px; background:#f7f7f7; border:1px solid #ddd;}
			#banner li {list-style:none; float:left; padding:0 10px 5px 0;}
			#breadcum {font-size:11px; color:#888888; padding:5px 10px; background:#f7f7f7; border:1px solid #ddd;}
		#midle-content {background:url(images/midle-content.png) repeat-y center center; margin:0; padding:0 28px;}
			#sidebar { width:260px; padding:10px 10px 10px 10px; background:#f7f7f7; border:1px solid #ddd;}
			#sidebar h3{border-bottom:1px solid #DDDDDD; padding-bottom:5px;}
			#sidebar p{line-height:18px; padding:5px 0 10px;}
		#bottom-content {height:80px; background:url(images/bottom-content.png) no-repeat center center; margin:0;}
		#validator {padding-top: 47px;}
#bottom {background:url(images/bg-bottom.png) repeat-x bottom left;}
	#footer {width:960px; height:208px; margin:0 auto 0;}
		#bottommenu {margin-top:24px; padding-top:40px; width:456px; height:32px; background:url(images/bg-bottom-menu.png) no-repeat top left}
		#bottommenu li {list-style:none; float:left;}
		#footercontent {height:96px; padding-top:16px; background:url(images/bg-footer.png) no-repeat top center;}
		#copyright {width:720px; height:96px; background:url(images/bg-copy.png) no-repeat center center;}
		#socialmedia {width:240px; height:80px; margin-bottom:16px; background:url(images/bg-social.png) no-repeat bottom center;}
		#socialmedia li {list-style:none; float:left;}
		
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/width:928px; height:308px;
		overflow:hidden; 
		}		
		
	/* numeric controls */	

	ol#controls{
		margin-top:2px;
		height:30px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:24px;
		line-height:24px;
		}
	ol#controls li a{
		float:left;
		height:24px;
		line-height:24px;
		border:1px solid #ccc;
		background:#D2D1D0;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#333333;
		color:#fff;
		}
		
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#note {border-top:1px solid #DDDDDD; padding-bottom:10px;}
.notification_error
{
border: 1px solid #A25965;
height: auto;
padding: 4px;
background: #F8F0F1;
text-align: left;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%;
padding: 8px;
background: #f5f9fd;
text-align: center;
}

.info_fieldset { border: 1px #dddddd solid; padding: 70px 20px 20px; width:560px;  background: #f7f7f7 url(images/bg-email.png) no-repeat top center;}

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

}

/* Label */
label  { width: 80px; margin: 5px; float: left; text-align: left; }

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 5px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

}
br { clear: left; }