html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; }
:focus{outline:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

/* Reset Ends */

/* Clear Fix for remove content overflow*/ 
.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.spacer{
	clear:both; font-size:0; line-height:0;
}
/* Clear fix ends */
/* *************************************************************************************** */
/* Standard Tag Defination */
body, html{
	font: 12px/18px Verdana,Arial,Helvetica,sans-serif;
	background: url(/images/body-bg.jpg) #FFF repeat-x top center;
	text-align: left; 
	color: #000000;	
}
h1{font:bold 24px Verdana,Arial,Helvetica,sans-serif; color:#333333;}
h2{font-size:18px;}
h3{font-size:13px;}
h1{font:bold 25px Verdana,Arial,Helvetica,sans-serif; color:#333333; padding:0;}
p{font:normal 12px/18px Verdana,Arial,Helvetica,sans-serif; color:#333333; text-align:justify;margin-bottom:10px} /* font: font-weight font-size/line-height font-family; */
h2, h3{color:#515151;
font-size:17px;
margin:6px 0;
padding:0;}
a{font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#32708a; text-decoration: underline}
a:hover{color:#000; text-decoration:none}
input{vertical-align:middle}
/* --------------------- Layout ---------------------------*/

html, body, #container {height: 100%; }
body > #container {height:auto; min-height: 100%; background: url(/images/body-bg.jpg) #FFF repeat-x top center;} /* IE6 Hack */
#container { 
	width: 100%;
	background:#FFF;
	margin: 0 auto; /*  center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */	
	padding-bottom:210px; /* For Sticky Footer same as Height of the Footer */
}
#container #insider{ width: 980px; margin: 0px auto}
#header {display:block; background: url(/images/header-bg.jpg) repeat-x top; height: 110px;width:980px; margin: 0px auto} 

	#header h1 a{
	padding:0px;
	margin: 0px;
	font:bold 30px Verdana,Arial,Helvetica,sans-serif;
	width: 320px;
	height: 110px;
	float: left
}
#header .getaquote{float:right; background:url(../images/get-free-quote.jpg) no-repeat right top; display: block; width: 236px; height: 110px}
#header .getaquote a{ display: block; width: 236px; height: 110px; text-indent: -9999999px;}

.reqest-quote{position:absolute; text-align: right; top: 0px; margin: 0ox auto; width: 320px;}
#navbar{width:auto; background: url(/images/navbar-bg.jpg) repeat-x; display:block; padding: 0px; height: 36px; z-index:1000; width: 980px; margin: 0px auto }
	#navbar ul, #navbar li{margin:0; padding:0; list-style:none; float:left; z-index:10000 }
	
	#navbar a{color:#000;}
	#navbar li a:link,	#navbar li a:visited{color:#000;height:36px; line-height:36px; display:inline; float:left; width:117px; padding:0px 0px;}
	#navbar li a:hover	{color:#FFFFFF; background:#000;}
	
	#navbar li a.home{background: url(/images/home.jpg) no-repeat}
	#navbar li a.home:hover{background: url(/images/home.jpg) no-repeat 0px -36px}
	#navbar li a.homeactive{background: url(/images/home.jpg) no-repeat 0px -36px}
	
	#navbar li a.whoweare{background: url(/images/whoweare.jpg) no-repeat}
	#navbar li a.whoweare:hover{background: url(/images/whoweare.jpg) no-repeat 0px -36px}
	#navbar li a.whoweareactive{background: url(/images/whoweare.jpg) no-repeat 0px -36px}
	
	#navbar li a.whatwedo{background: url(/images/whatwedo.jpg) no-repeat}
	#navbar li a.whatwedo:hover{background: url(/images/whatwedo.jpg) no-repeat 0px -36px}
	#navbar li a.whatwedoactive{background: url(/images/whatwedo.jpg) no-repeat 0px -36px}
	
	#navbar li a.ourwork{background: url(/images/ourwork.jpg) no-repeat}
	#navbar li a.ourwork:hover{background: url(/images/ourwork.jpg) no-repeat 0px -36px}
	#navbar li a.ourworkactive{background: url(/images/ourwork.jpg) no-repeat 0px -36px}
	
	#navbar li a.ourblog{background: url(/images/ourblog.jpg) no-repeat}
	#navbar li a.ourblog:hover{background: url(/images/ourblog.jpg) no-repeat 0px -36px}
	#navbar li a.ourblogactive{background: url(/images/ourblog.jpg) no-repeat 0px -36px}
	
	#navbar li a.contactus{background: url(/images/contactus.jpg) no-repeat}
	#navbar li a.contactus:hover{background: url(/images/contactus.jpg) no-repeat 0px -36px}
	#navbar li a.contactusactive{background: url(/images/contactus.jpg) no-repeat 0px -36px}
	
	#navbar li a.callus{background: url(/images/call-us.jpg) no-repeat}
	#navbar li a.callus:hover{background: url(/images/call-us.jpg) no-repeat}
	
	#maincontent { width:auto; display:block; }
	#maincontent h1{padding-bottom:4px; margin-bottom:4px;}
	#column_left{	width:160px;	float:left;	margin-left:15px;	padding:15px; position:relative; }
	#column_content	{
	width:664px;
	float:left;
	padding:20px 10px;
}
	#column_content h1{padding-bottom:4px; margin-bottom:4px;}
	
	#column_right {width:296px;float:right; background:url(/images/column-right-bg.jpg) #FFF no-repeat top left; padding:10px 0 0 0; min-height: 778px;}
	
	#column_right .insider{ margin: 0px auto; width: 260px;}
	
	#breadcrumb{border-bottom: 1px solid #d4d4d4; width:660px; font-size: 11px; color: #999; padding:0px 0px 5px 0px; float: left; margin: 0px 0px 5px 5px}
	#breadcrumb h1{font-size: 11px; color: #14528f; font-weight: bold; padding:0px 0px 0px 5px; margin: 0px;display: block; float: left}
	#breadcrumb a{ font-size: 11px; color: #14528f; text-decoration: none; float: left; padding:0px 0px 0px 5px; }
	#breadcrumb a:hover{ font-size: 11px; color: #97c145; text-decoration: none}

/* Form Elments */
.form{width:auto;}
.form label{font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#000; float:left}
.form input, .form textarea{clear:both; display:block; width:180px; border:1px solid #666; padding:4px 0; margin-bottom:6px;}
.form select{width:180px;margin-bottom:6px;}
.form textarea{ height:40px;}
.form .button{ width:75px; padding:3px; text-align:center;background:#A4D047; border:1px solid #000; margin:0 auto; margin-top:10px; cursor:pointer; color:#000}

/* Ends Forms*/
/**/
/* end Transperent Rounded */	
.slidewidth{width: 245px; height: 230px;}
.service1{display: block; width:500px; height:230px; background:url(/images/image1_002.png) no-repeat left;}
.service2{display: block; width:500px; height:230px; background:url(/images/image2_003.png) no-repeat left;}
.service3{display: block; width:500px; height:230px; background:url(/images/image3_002.png) no-repeat left;}
.service4{display: block; width:500px; height:230px; background:url(/images/image4.png) no-repeat left;}
.right-banner{margin: 0px auto; width: 266px;}

.yoo-width{width: 650px; height: 290px;}
.yoo-w2{overflow: hidden; height: 290px;}
.yooframe{width: 645px; background: #fff; border: 1px solid #a1cbdb; margin-bottom: 10px}
.yoopanel{width: 630px;}
.yoopanelheight{height: 250px;}
.w595{width: 595px;}
.w3100{width: 3100px;}
.w2520{width: 2520px;}
.w620{width: 620px;}
.wimage{margin-right: 20px; float:left; width: 150px; height:210px;}

.banner{clear:both;  background:#c8e965; height:230px; margin-bottom: 20px; margin: 0px auto; width: 100%}
.banner h1			{color:#fff; font-size:36px; padding-bottom:0;}
.banner span		{color:#fff; clear:left; color:#333; padding-left:10px;}
.banner-inner{clear:both;  background: url(../images/internal-banner-bg.jpg) repeat-x; height:117px; width: 100%; margin: 0px auto}

.banner-inner .desc{ display: block; width: 270px; float: left; color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 70px 0 0 22px;}
.banner-inner .details{ display: block; width: 550px; float: left; color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 40px 0 0 80px;}
.banner-inner .who-we-are{background: url(../images/who-we-are.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .web-development{background: url(../images/web-development.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .web-design{background: url(../images/web-design.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .open-source{background: url(../images/open-source.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .search-engine{background: url(../images/search-engine.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .thank-you{background: url(../images/thank-you.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .what-we-do{background: url(../images/what-we-do.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .our-work{background: url(../images/our-work.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .our-blog{background: url(../images/our-blog.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .contact-us{background: url(../images/contact-us.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .req-quote{background: url(../images/request-a-quote.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .hire-php{background: url(../images/hire-php-developer.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .hire-web{background: url(../images/hire-web-developer.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .magento-customization{background: url(../images/magento-customization.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .opencart-customization{background: url(../images/opencart-development.png) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .joomla-customization{background: url(../images/joomla-customization.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .wordpress-customization{background: url(../images/wordpress-customization.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .oscommerce-customization{background: url(../images/oscommerce-customization.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .psd-to-any{background: url(../images/psd-to-any.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .psd-to-xhtml{background: url(../images/psd-to-xhtml.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .psd-to-magento{background: url(../images/psd-to-magento.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .psd-to-joomla{background: url(../images/psd-to-joomla.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .psd-to-wordpress{background: url(../images/psd-to-wordpress.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}

.banner-inner .hirewebexperts{background: url(../images/hire-web-expert-banner.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .iphone-website{background: url(../images/iphone-website.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .webservices{background: url(../images/webservices.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}
.banner-inner .sitemap{background: url(../images/sitemap.jpg) no-repeat; height:117px; width: 980px; margin: 0px auto}


.banner-bottom		{clear:both;  background: url(/images/footer-container.jpg) #454545 no-repeat; height:265px; text-align:center; padding:8px 8px 0 0; width:980px; margin: 0px auto;}
.banner-bottom h1	{color:#fff; font-size:36px; padding-bottom: 0px;}
.banner-bottom span{color:#fff; clear:left; color:#333; padding-left:10px;}

.banner-bottom	.p1{ width:485px; margin-left:8px;display:block; height:101px; float:left; text-align:left;padding-left:10px; padding-top:3px}
.banner-bottom	.p2{ width:442px; margin-left:8px;display:block; height:101px; float:left; text-align:left;padding-left:10px; padding-top:3px}
.banner-bottom	.p1{display:inline; }
.banner-bottom	.p1 h2, .banner-bottom	.p2 h2{ padding: 5px 0px 6px 0px; margin: 0 0 10px 0; color:#CCCCCC; background:url(/images/head-line.jpg) no-repeat left bottom}
.banner-bottom	.p1 li{ float:left; clear:left; line-height: 180%; display: block; background:url(/images/footer-bullet.jpg) no-repeat left 8px; padding-left: 12px; width: 460px; margin-bottom: 10px; color: #cccccc}
.banner-bottom	.p1 li a{ font-size: 12px; font-weight: bold; color: #969696}


.p2 li{ float:left; clear:left; line-height: 180%; display: block; background:url(/images/footer-bullet.jpg) no-repeat left 8px; padding-left: 12px; width: 460px; margin-bottom: 10px; color: #999999}
.banner-bottom	.p2 li a{ font-size: 12px; font-weight: bold; color: #969696}

#footer {position: relative;
	margin:0 auto;
	margin-top:-210px;
	background:#454545;
	border-top:0 none;
	width:100%;} 
#footer p, #footer a{text-align:center; color:#cccccc}
#footer a:hover{text-decoration:underline;}

.footerlinks{background:#454545; width: 100%; margin: 0px auto; padding: 6px 0px; border-top: 1px solid #555555}
.footerlinks p{ line-height: 190%; margin: 0px; padding: 0px}


/* ***************** CUSTOM CLASSES ********************** */

.small-text{font-size:11px;}
.left-align{text-align:left}
.right-align{text-align:right}
.fltrt {float: right;}
.fltlft {float: left;}
.clr {clear: both; height: 1px; overflow: hidden; visibility:hidden; display: block;}
.hide{display:none;}
.right{float:right}
.left{float:left}
.fl_none{float:none;}
.cl{clear: both;}
.red{color:Red; vertical-align:middle;}

.white{ color:#fff}
.green{color:#80A71F}
.small{font-size:11px;}
.italic{font-style:italic;}
.margin{ margin:10px;}
.margin-left{ margin-left:10px;}
.margin-right{ margin-right:10px;}
.margin-right2{ margin-right:20px;}
.padding{ padding:10px;}
.background_none{ background:none;}
.border_none{border:none}
.light_grey{color:#F2F1E8 }
.width_half{ width:50%;}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearboth{clear:both}



/* HOMEPAGE MAIN SLIDER */
#liquid h3{ font-size: 17px; font-weight: bold; line-height: 22px}
#liquid {FLOAT: left; MARGIN-BOTTOM: 0px; color: #000000; OVERFLOW: hidden; WIDTH: 980px;}
#liquid .liquids {DISPLAY: block; BACKGROUND: #abd750; HEIGHT: 230px}
#liquid UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#liquid LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
#liquid .liquid {BORDER-RIGHT: #fff 1px solid; DISPLAY: block; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 242px; CURSOR: pointer; HEIGHT: 230px}
#liquid A {TEXT-DECORATION: none}
#liquid A:hover {TEXT-DECORATION: none}
#liquid .design {BACKGROUND: url(/images/desin.jpg) no-repeat #abd750}
#liquid .develop {BACKGROUND: url(/images/devlop.jpg) no-repeat #abd750}
#liquid .market {BACKGROUND: url(/images/markt.jpg) no-repeat #abd750;}
#liquid .hireweb {BACKGROUND: url(/images/hirweb.jpg) no-repeat #abd750;}
#liquid .liquid STRONG {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; WIDTH: 150px; COLOR: #fff; LINE-HEIGHT: 1.2em; PADDING-TOP: 2px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; TEXT-DECORATION: none}

.testimonials{margin: 0px auto; width: 266px;}
#footer-contact blockquote{
	width: auto;
}
#footer-contact p{
	text-align: left;
}

blockquote {
	width: 260px;
	margin: 1em auto 0em auto;
	text-align: left;
	text-indent: 25px;
	background: url(/images/quote-starts.jpg);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

blockquote p {
	line-height: 1.8;
	margin: 0;
	display: inline;
	padding-right: 24px;
	background: url(/images/quote-ends.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.expertise{margin: 0px auto; width: 266px;}
.expertise img{ margin: 4px 4px 4px 0px}
#footer-contact form{ margin: 0px; padding: 0px;}
#footer-contact form input{ background: #000; padding: 8px; margin: 2px; border: 0px solid #464646; color: #999}
#footer-contact form input.half{ }
#footer-contact form .comments{ background: #222222; padding: 6px; width: 423px; margin: 2px 2px 12px 2px; border: 0px solid #464646; color: #999; height: 60px;}
#footer-contact form input.btn-cont{ background: #000; padding: 6px; margin: 2px; border: 0px solid #464646; color: #999; width: 60px; cursor:pointer}

#footer-contact blockquote {
	width: 440px;
	margin: 1em auto 0em auto;
	text-align: left;
	text-indent: 25px;
	background: url(/images/quote-starts1.jpg);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

#footer-contact blockquote p {
	line-height: 1.8;
	margin: 0;
	display: inline;
	padding-right: 24px;
	background: url(/images/quote-ends1.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}


#form1 legend span {
	position:absolute;
	top:-999em;
	left:0;
}
#form1 label.round {
	float:left;
	background:url(/images/input-bg.gif) no-repeat 0 0;
	padding:0 0 0 10px;
	height:32px;
	margin:0 10px 10px 0;
}
#form1 .round input {
	background:transparent;
	padding:7px;
	float:left;
}
#form1 .round span {
	background:url(/images/input-bg.gif) no-repeat 100% 0;
	padding:0 10px 0 0;
	height:32px;
	float:left;
}

.search1 {width:390px;}
.search2 {width:170px;}

#form1 label.round1 {
	float:left;
	background:url(/images/input-bg2.gif) no-repeat 0 0;
	padding:0 0 0 10px;
	height:91px;
	margin:0 10px 10px 0;
}
#form1 .round1 textarea {
	background:transparent;
	padding:7px;
	float:left;
	height:75px;
	border: 0px;
	color: #999999;
	font: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px
}
#form1 .round1 span {
	background:url(/images/input-bg2.gif) no-repeat 100% 0;
	padding:0 10px 0 0;
	height:91px;
	float:left;
}




.intro{padding-top:80px; padding-left: 22px; width: 90px; text-align: left; float: left}
.intro_details {display:block; margin-left: 150px; float: left}
.intro_details li{ color: #5f7640; line-height: 190%; font-weight: normal}
.intro_details h4{ font-size: 15px; font-weight: bold; color:#454545; margin: 6px 0px}
.intro_details .getaquote { margin-top:20px; }
.li200{}
.li200 li{width: 220px;  float: left; padding: 3px 0px}
.li200 li a {color: #d30000}
.hline{ border-bottom: 1px solid #dee2e3; margin-bottom: 8px}
.imgleft{ float: left; margin: 0px 12px 0px 0px}


/*slider*/
.slider { margin:0 auto; padding: 0;}
.slider h3 {font:normal 22px Tahoma, Helvetica, sans-serif; color:#363f38; padding:30px 0 0 30px; padding:30px 0 0 45px !important;}
.slider h3 a {font:normal 22px Tahoma, Helvetica, sans-serif; color:#99b41e; text-decoration:none;}
/* Scroll */
#screen li { float:left; list-style:none; border:0;}
#screen .jq-ss-crop { margin:0; border:0; float:left; }
#left, #right { margin-top:50px; display:block; text-decoration:none; width:38px; padding:0 6px; }
#view { margin:0; padding:0; width:550px; border:0; height:300px; overflow:hidden; }
#images { width:2520px; padding:0; border:0; margin:0 auto;}
#images li a { color:#32708a; line-height:1.8em; text-decoration: underline}
#images li span { display:block; color:#6f6f6f; padding:0 5px; margin:0; width:270px; line-height:1.8em;}
#images li img { margin:5px 0;}
#images li img.screen { display:block; border:0; margin:0; max-width:270px; padding:0;}
.slidediv{overflow: visible; height: 300px; width: 280px;}

.sub_body { padding:0; width:972px; margin:0px auto;}
.sub_body h2 { color:#5e5e5e; font:bold 26px  "Calibri", Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; border-bottom: 1px solid #d4d4d4}
.sub_body h3 { padding:5px; }
.sub_body p { color:#6f6f6f; padding:5px 5px; margin:0; line-height:1.8em;}
.sub_body p span { font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#10457b; padding:5px; margin:0;}
.sub_body img.one { float: left; margin:5px 20px 10px 5px; padding:0;}
.sub_body img.two { float:right; margin:5px; padding:0;}
.sub_body a { color:#35beff; text-decoration:underline;}
.sub_left { width:660px; float:left; margin:0; padding:0px;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #cecece; padding:0; margin:15px 0; background:none; width:85%; float:left;}

.section h2 { margin-bottom: 10px; }
.section ul li { list-style:disc; margin-left: 0px;padding-left: 0px;line-height:1.8em; list-style-position:inside; color: #6f6f6f}
.section ul.list li { list-style:disc; margin-left: 20px;padding-left: 0px;line-height:1.8em; color: #6f6f6f}
.section ul.list2 li { list-style:disc; margin-left: 20px; float: left; width: 240px; padding-left: 0px;line-height:1.8em; color: #6f6f6f}

a.boldlink { color:#14528F; font-weight:bold; text-decoration:none;}
a:hover.boldlink { text-decoration:underline; }

a.bolditaliclink { color:#14528F; font-weight:bold; text-decoration:none;font-style:italic}
a:hover.bolditaliclink { text-decoration:underline; }


/* PORTFOLIO */
.body .left  { float:left; width:270px; padding:0; margin:0 0 15px 0;}
.body .left .testimonials { margin:10px 0 0 0;}
.body .left a { font:normal 13px Arial, Helvetica, sans-serif; color:#99B41E; text-decoration:none;}
.body .left .testimonials h5 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#616a62; float:right;}
.body .left .testimonials p {font:italic 13px Arial, Helvetica, sans-serif; color:#6e776f; line-height:1.8em;}

.body ul.sub { list-style:none; padding:0; margin:0;}
.body ul.sub li { background:url(../images/sub_ul_li.gif) no-repeat left; line-height: normal; padding:10px 0 10px 25px; margin:0;}
.body ul.sub li { background:url(../images/sub_ul_li.gif) no-repeat left; line-height: normal; padding:10px 0 10px 25px; margin:0;}
.body ul.sub li a { font:normal 13px Arial, Helvetica, sans-serif; color:#6e6e6e;}
.body ul.sub li a.active { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e;}
.body ul.sub li a:hover { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e; text-decoration:underline;}

.body .right {float:right; width:690px; margin:0; padding:0;}
.body .right h2 { color:#5e5e5e; font:bold 26px  "Calibri", Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; border-bottom: 1px solid #d4d4d4}
.body .right .line { border-top:1px dashed #caceca; padding:10px 0 0 0; margin:5px 0;}
.body .right p {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6e776f; line-height:1.8em ;}
.body .right h3 {color:#86a84c; font:bold 18px  "Calibri", Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
.body .right img { margin:0; padding:0px}
.body .right .port { width:320px; float:left; margin:5px; padding:5px;}
.body .right .port_details { width:660px; float:left; margin:10px 0px; padding:0px; border: 1px solid #999}
.body .right .port_details p{ margin: 0px; padding: 0px}

.portmainimg{border: 1px solid #cccccc; padding: 12px;}

/*****Basic Layout*****/
div#port_container { margin: 20px auto 0; overflow: hidden; width: 980px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 270px; float: left }
ul#filter li {background:url(../images/sub_ul_li.gif) no-repeat left; line-height: normal; padding:10px 0 10px 25px; margin:0;}
ul#filter li.highlight{background:url(../images/sub_ul_li_hlight.gif) no-repeat left; line-height: normal; padding:10px 0 10px 25px; margin:0;}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter span{font:normal 13px Arial, Helvetica, sans-serif; color:#6e6e6e; cursor: pointer}
ul#filter span .current{ont:normal 13px Arial, Helvetica, sans-serif; color:#99b41e;}
ul#filter a { font:normal 13px Arial, Helvetica, sans-serif; color:#6e6e6e; }
ul#filter li.current span, ul#filter { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e; text-decoration: none; }
ul#filter li.current a { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e; }

ul#portfolio { float: right; list-style: none; margin: 0; width: 690px; }
ul#portfolio li {border: 1px solid #dedede; float: left; margin: 0 15px 15px 0; padding: 5px; width: 202px;}
ul#portfolio a { display: block; width: 100%; line-height: 200% }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }

.portfolio p{ display:block; float: left; width: 202px; margin-right: 17px; margin-bottom: 10px}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform .validation-advice{ clear:both;margin-left:110px}
#contactform input.validation-failed, #contactform select.validation-failed, #contactform textarea.validation-failed { border:1px solid #FF3300 }

#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform input.button { width:auto; margin:0; padding:0px; height:auto;}
#contactform input.file { width:auto; border:1px solid #dedede; margin:5px 0; padding:5px 2px;height:auto;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { background:url(../images/btn-bg.gif) repeat-x top center; padding: 6px 9px; border: 1px solid #a1a1a1; color: #fff; margin-left:110px; cursor: pointer; outline: none}
#contactform select { width:444px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:28px; background:#fff; float:left;}

#contactform span.buttons1 input { background:url(../images/btn-bg.gif) repeat-x top center; margin:4px 5px; padding: 6px 9px; color: #fff; float:left; cursor: pointer; outline: none}
.emailportfolio div.validation-advice { display:none}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}


.btn{background:url(images/btn-bg.gif) repeat-x top center; padding: 6px 9px; border: 1px solid #a1a1a1}

.section-top{ background:url(../images/hire-top-professionals.gif) no-repeat top center; padding: 9px 0px;}
.section-bg{background:url(../images/hire-web-professionals.gif) no-repeat bottom center; padding: 0px 20px 14px 20px; min-height: 150px}
.section-bg .icon{background:url(../images/hire-web-expert.jpg) no-repeat top left; padding: 0px; margin: 0px; display: block; width: 105px; height: 170px; float: left}

.section-bg .technology{ border-bottom: 1px solid #e4e4e4; height: 75px}
.section-bg .tech{ display: block; width: 420px; float: left;}
.section-bg .ordernow{ display: block; width: 125px; float: right; padding: 15px 0px}

.section-bg .ic-magento{padding: 0px; margin: 0px; display: block; width: 50px; height: 50px; float: left; padding: 5px 0px}

.imgbutton{ 
	padding:0px;
	border:0px;
}

.boldtext { font-weight:bold; } 

.sitemap ul li { list-style:disc; margin-left: 0px;padding-left: 0px;line-height:1.8em; list-style-position:inside; color: #6f6f6f}
.sitemap ul.list li { list-style: disc; margin-left: 20px;padding-left: 0px;line-height:1.8em; color: #333; line-height:24px}
.sitemap ul.list li a{ list-style:disc; padding-left: 0px;line-height:1.8em; color: #333; text-decoration: none}
.sitemap ul.list li a:hover{ list-style:disc; padding-left: 0px;line-height:1.8em; color: #333; text-decoration: underline}

.skype-bg{ background:url(../images/skype-bg.png) no-repeat; margin: 10px auto 20px 16px; padding: 5px 0px 8px 40px}