@charset "utf-8";
body, ul, ol, li, h1, h2, h3, h4, h5, h6, strong, span, p, a, img, sup, sub, input, select, option, textarea, embed, iframe, form, font, em{
margin:0px; padding:0px;}

body{ /*background:#000000 url(../images/main-bg.jpg) center top no-repeat;*/ background-color:#402c1f; font:11px Helvetica, "Trebuchet MS", Arial; color:#5e5e5e;}

.vphoto{background:url(../images/v-photo.gif) left top no-repeat; position:absolute; left:-111px; top:-10px; width:381px; height:835px;}
.banner-bg{background:url(../images/banner-bg.jpg) center top no-repeat; width:100%; height:345px; position:absolute; left:0px; top:61px;}

ul, ol, li{list-style-type:none;}
a, .logo-design-sec li a:hover, .copy-right a:hover{outline:none; text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}

.fleft, #nav ul li, .logo-design-sec li img{float:left;}
.fright{float:right;}
.clear{clear:both; margin:0px; padding:0px; height:0px; line-height:0px; font-size:0px; _display/**/:/**/ inline;}
.tc-ac{text-align:center;}

h2{
	font:normal 16px 'Cuprum', arial, serif;
	/*font-size:12px;
	font-weight:normal; */
	color:#885a3b; 
	background:url(../images/title-attow.gif) left 5px no-repeat; 
	padding-left:12px; 
	text-transform:uppercase;
}
h5{font:12px Helvetica, "Trebuchet MS", Arial; text-transform:uppercase;}

.li-gray{color:#787777;}
.green{color:#10796b;}
.mid-gray{color:#323232;}
.c-red{/*color:#292929;*/ color:#343434;}
.offwhite{color:#616161;}
.purple{color:#6f6db4;}
.cr-red{color:#a54c4c;}
.vl-gray{color:#939292;}
.d-green{color:#0c322c;}
.li-green{color:#5b7a46;}
#web-psd-xhtml a{color:#434343;}

#mainwrapper-sec{background:#000000 url(../images/main-bg.jpg) center top no-repeat; width:100%; display:inline-block;}
#main-wrapper{width:966px; margin:0px auto;}
#wrapper{width:966px; float:left;}

/*HEADER SECTION START*/

#header{width:966px; float:left; padding:26px 0px 0px 0px; position:relative;}
#nav{/*width:395px;*/ width:320px; float:right; padding-right:90px; padding-top:3px; position:relative; height:27px; margin-top:3px;}
#nav ul li a{
	color:#a7a7a7;
	/*font:11px "Trebuchet MS", Arial, Helvetica;*/
	/*font-family: 'Cuprum', arial, serif;*/
	font:14px 'Cuprum', arial, serif;
	text-transform:uppercase;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	position:absolute;
	top:0px;
	letter-spacing:1px;
}
#nav ul li.home a{left:0px; padding-left:9px; padding-right:5px;}
#nav ul li.services a{left:55px; padding-left:9px; padding-right:7px;}
#nav ul li.portfolio a{left:129px; padding-left:9px; padding-right:7px;}
#nav ul li.skill a{left:214px; padding-left:9px; padding-right:7px;}
#nav ul li.blog a{left:268px; padding-left:9px; padding-right:7px;}
#nav ul li.forum a{left:323px; padding-left:9px; padding-right:7px;}

#nav ul li a:hover{height:27px; position:absolute; top:-17px; text-indent:8px; line-height:50px; padding:3px 10px 12px 9px; text-decoration:none; _padding-bottom/**/:/**/ 0px; color:#c39655;}
#nav ul li a.active{color:#c39655;}

#nav .home a:hover{background:url(../images/home-hover.gif) left top no-repeat; left:-8px;}
#nav .services a:hover{background:url(../images/services-hover.gif) left top no-repeat; left:47px; width:99px;}
#nav .portfolio a:hover{background:url(../images/portfolio-hover.gif) left top no-repeat; left:121px; width:105px;}
#nav .skill a:hover{background:url(../images/skill-hover.gif) left top no-repeat; left:206px; width:70px;}
#nav .blog a:hover{background:url(../images/blog-hover.gif) left top no-repeat; left:260px; width:127px;}
#nav .forum a:hover{background:url(../images/forum-hover.gif) left top no-repeat;  left:315px;  width:88px;}

.my-cv a{
	position:absolute;
	right:25px; 
	top:34px;
	background:url(../images/sub-title-icons.gif) left top no-repeat; 
	width:47px; 
	height:32px; 
	text-indent:-9999px;
}
.my-cv a:hover{background:url(../images/sub-title-icons.gif) -52px top no-repeat;}

/*HEADER SECTION END*/

/*CONTENT SECTION START*/

#content-main-sec{width:965px; float:left; background:url(../images/v-dotted.gif) left top repeat-y;}
#contnet-sec{width:964px; float:left; background:url(../images/v-dotted.gif) right top repeat-y; /*padding:0px 2px 0px 55px;*/ 
padding:0px 2px 0px 0px; position:relative;}
/*.contnet-sub-sec{float:left; background:url(../images/h-dotted.gif) left bottom repeat-x;}*/
.contnet-sub-sec{float:left; background:url(../images/h-dotted.gif) left bottom repeat-x; padding-left:55px; width:680px;}

.hi a{
	background:url(../images/sub-title-icons.gif) left -106px no-repeat;
	width:69px;
	height:52px;  
	position:absolute; 
	left:18px; 
	top:-39px;
	text-indent:-9999px;
}
.hi a:hover{background:url(../images/sub-title-icons.gif) -74px -106px no-repeat;}

.get-a-quote a{
	background:url(../images/sub-title-icons.gif) left -37px no-repeat; 
	width:64px; 
	height:64px; 
	position:absolute; 
	right:198px; 
	top:-42px; 
	text-indent:-9999px;
} 
.get-a-quote a:hover{background:url(../images/sub-title-icons.gif) -69px -37px no-repeat;}

.profile-in-icon a{position:absolute; left:-90px; top:250px; background:url(../images/profile-in-icon.gif) left top no-repeat;
width:69px; height:23px; text-indent:-9999px;}

.content-left-sec{/*width:680px;*/ width:735px; float:left; background:url(../images/v-dotted.gif) right top repeat-y;}
.content-right-sec{width:229px; float:right; /*background:url(../images/v-dotted.gif) left top repeat-y;*/}

.service-sec{width:300px; float:left; padding:35px 0px 23px 35px;}
.service-sec ul.services-fields{float:left; padding:6px 0px 0px 12px; line-height:16px; color:#474747;}
.service-sec ul.services-fields li a{color:#2b2b2b;}

.testimonials{width:312px; float:left; background:url(../images/v-dotted.gif) left top repeat-y; padding:35px 16px 25px 16px; color:#4e4e4e;}
.testimonials-cont{float:left; padding:10px 0px 16px 12px; line-height:14px;}
.testimonials-video-sec{float:left; padding-left:12px; color:#474747; position:relative; width:290px;}
.testimonials-video-sec em{width:250px; float:left; padding-right:14px;}

.recent-projects{/*width:217px;*/ width:219px; float:right; /*padding:35px 10px 8px 0px;*/ padding:35px 8px 6px 0px;
 _padding-bottom/**/:/**/ 11px; /*background:url(../images/h-dotted.gif) left bottom repeat-x;*/ position:relative; min-height:231px;}
 .ads-sec img{float:left; padding:0px 0px 21px 10px;}

.mail-inf-sec{width:210px; float:left; /*padding:13px 10px 12px 77px;*/ padding:13px 10px 11px 40px; /*color:#ad5454;*/ color:#A7A7A7; font:normal 14px 'Cuprum',arial,serif; letter-spacing:1px;}
.mail-inf-sec span a{color:#626262;}
.mail-inf-sec span a:hover{color:#C39655; text-decoration:none;}
.mail-inf-sec img{float:left; margin-right:15px;}
.mail-inf-sec span{ padding-top:1px; float:left; width:150px;}
.mobile-no-sec{width:113px; float:right; padding:20px 24px 0px 0px; /*color:#292929;*/ color:#A7A7A7; font:normal 14px 'Cuprum',arial,serif; line-height:21px;}
.mobile-no-sec img{float:left; padding-right:6px;}
.m-m-sl-sec{width:673px; float:left; margin-left:6px; display:inline;}
.site-logo-inf{width:193px; height:64px; float:right; padding:6px 7px 15px 27px; background:url(../images/h-dotted.gif) left bottom repeat-x; position:relative;}
.site-logo-inf .green-arrows{width:8px; float:right;}
.green-arrows{float:right; padding:0px 0px 4px 0px; width:32px; padding-right:7px; _width/**/:/**/ 35px;}
.green-arrows img{float:right; padding:4px 0px 0px 3px;}
.visit-site{color:#4c4a6d; text-transform:uppercase; font-size:12px; float:right; margin-top:5px;}
.visit-site a{text-decoration:underline; color:#4c4a6d;}
.visit-site a:hover{text-decoration:none;}

.client-area{/*width:890px;*/ width:942px; float:left; /*margin-left:13px;*/ /*padding:14px 6px 19px 2px;*/ padding:14px 12px 19px 13px; 
display:inline; position:relative;}
#client-area-sec{width:965px; float:left; background:url(../images/h-dotted.gif) left top repeat-x;}
.clent-area-title{/*position:absolute; left:-83px; top:29px;*/ font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#001d24; text-transform:uppercase; float:left; padding-top:13px;}
#my-profile-sec{width:890px; float:right; padding:8px 4px 54px 0px; text-align:right; color:#2A2A2A;}
#my-profile-sec ul{float:right; /*background:url(../images/my-profile-icons.gif) left top no-repeat;*/ width:54px; height:11px; margin-top:3px; margin-left:5px;}
#my-profile-sec ul li{float:left;}
#my-profile-sec ul li a{background:url(../images/my-profile-icons.gif) left top no-repeat; height:11px; text-indent:-9999px; float:left;}
#my-profile-sec ul li.in-icon a{width:10px; background-position:left top; margin-right:3px;}
#my-profile-sec ul li.f-icon a{width:10px; background-position:-13px top; margin-right:3px;} 
#my-profile-sec ul li.t-icon a{width:11px; background-position:-26px top; margin-right:3px;}
#my-profile-sec ul li.stu-icon a{width:11px; background-position:-40px top; margin-right:3px;} 
#my-profile-sec ul li.bm-icon a{width:10px; background-position:-54px top;}

#my-profile-sec ul li.in-icon a:hover{width:10px; background-position:left -16px;}
#my-profile-sec ul li.f-icon a:hover{width:10px; background-position:-13px -16px;} 
#my-profile-sec ul li.t-icon a:hover{width:11px; background-position:-26px -16px;}
#my-profile-sec ul li.stu-icon a:hover{width:11px; background-position:-40px -16px;} 
#my-profile-sec ul li.bm-icon a:hover{width:10px; background-position:-54px -16px;}

/*CONTENT SECTION END*/

/*FOOTER SECTION START*/

#footer-sec{background:#402c1f url(../images/footer-bg.gif) left top repeat-x; width:100%; height:101px; position:relative;}
#footer{width:923px; margin:0px auto; padding:19px 36px 0px 7px; }
.footer-nav-sec{width:500px; float:left; }
#footer .footer-sub-nav a{color:#a7a7a7; float:left; text-transform:uppercase; font:normal 11px 'Cuprum', arial, serif; letter-spacing:1px;}
#footer .footer-sub-nav a:hover{color:#000000; text-decoration:none;}
#footer .footer-sub-nav span{float:left; padding:0px 10px; color:#8d8d8c;}
.footer-logo{float:right; padding-top:13px;}
.copy-right{float:left; text-align:left; color:#000000; font-size:11px; padding-top:6px;}
.copy-right a{color:#000000 !important; float:none !important; text-decoration:underline;}

/*FOOTER SECTION END*/

.vist-websites{float:left; padding-top:8px;}
.bor-bot{background:url(../images/h-dotted.gif) left top repeat-x; float:left;}
.font-t{font-size:12px;}
.pa-tf{padding-top:5px;}
.pa-ltn{padding-left:39px;}
.pb-bse{padding-bottom:7px;}
.w595{width:595px;}

/* INNER PAGES SECTION START */

.inner-service-sec{width:595px; float:left; padding:35px 0px 23px 35px;}
.inner-content-sub-sec{float:left; padding:10px 0px 0px 12px; /*width:595px;*/ width:600px;}
.inner-content-sub-fields, .inner-content-sub-s-fields{background:url(../images/h-dotted.gif) left top repeat-x; float:left; /*width:595px;*/ width:600px; margin-top:5px; padding:11px 0px 23px; color:#363636;}
.inner-content-sub-s-fields{padding:11px 0px 15px;}	
.inner-content-sub-fields-links{width:179px; float:left; padding-left:19px; color:#434343;}
.inner-content-sub-fields-title{width:590px; float:left; padding-right:5px;}
.inner-content-sub-fields-links li strong{color:#636363; font:bold 11px Arial, Helvetica, sans-serif; padding:9px 0px 14px; display:block;}
.inner-cont-bottom-sec{padding:24px 0px 0px 21px; color:#203633;}
.inner-cont-bottom-sec a{color:#203633;}
.inner-content-sub-sec p{padding:0px 0px 10px 0px;}
.second-version{color:#25badf; text-transform:uppercase; font-size:12px; text-decoration:underline;}
.recent{text-transform:uppercase; color:#181818; font:bold 11px Arial, Helvetica, sans-serif; float:left; padding-left:9px;}
.logo-design-sec{float:left; padding:5px 0px 8px 0px;}
.logo-design-sec li{width:127px; float:left; background-color:#141414; padding:5px 6px 1px 6px; margin-right:13px;}
.logo-design-sec li a span{text-transform:uppercase; color:#2b2b2b; font:bold 9px Arial, Helvetica, sans-serif; float:left; line-height:16px;}
.logo-design-sec li.last, .web-design-sec li.last{margin-right:0px;}
.web-design-sec{float:left; padding-top:12px;}
.web-design-sec li{width:278px; float:left; color:#2b2b2b; margin-right:39px;}
.web-design-sec li img{float:left; padding-bottom:11px;}
.portfolio-inner-cont-sec{float:left; padding:9px 0px 0px 21px;}
.portfolio-inner-cont-sec .s-cont-form{padding-top:5px;}
.p-cont-logo-sec{padding:0px 50px 0px 60px; float:left; width:250px; text-align:right;}
.p-cont-favicon-sec{float:left; padding:27px 0px 0px 102px; text-align:center; font:9px Arial, Helvetica, sans-serif;}
.p-cont-favicon-sec img{padding-bottom:3px;}
.cont-design-img-sec{float:left; padding:5px 0px 0px 0px; width:595px; text-align:center;}
.skill-icons li{float:left; padding:8px 8px 13px 0px;}
.skill-icons li.last{padding-bottom:0px;}
.view-down-il{float:left; line-height:18px; padding-bottom:8px; font:13px/17px 'Cuprum', arial, serif;}
.view-down-il img{float:left; padding-right:9px;}
.s-cont-form{float:left; padding-top:29px;}
.s-cont-form .text-filed, .s-cont-form textarea{
	/*float:left;*/
	display:inline-block;
	border:1px solid #111111; 
	height:25px;
	padding-left:5px; 
	width:170px; 
	color:#616161; 
	background-color:#000000; 
	margin-bottom:4px; 
	font:11px/25px Arial, Helvetica, sans-serif;
}
.s-cont-form textarea{height:100px; width:300px; padding-left:5px; line-height:18px;}
.submit-but{
	background-color:#a24949; 
	font:bold 12px 'Cuprum', arial, serif;
	/*font:bold 11px Arial, Helvetica, sans-serif;*/ 
	text-transform:uppercase; 
	color:#000000; 
	padding:2px 0px; 
	cursor:pointer; 
	border:none;
	margin-top:4px; 
	width:50px; 
	text-align:center;
}
ol.seo-packages li{list-style-type:decimal; list-style-position:inside; font:11px Arial, Helvetica, sans-serif; line-height:17px;}