@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font:12px Arial, "Times New Roman", Times, serif;
	color:#fff;
	background-color:inherit;
}

div, img, p, h1, h2, h3, h4, ul, ol, form, input, textarea{
	padding:0;
	margin:0;
}

img{
	border:none;
}

ul{
	list-style-type:none;
}

a{
	outline:none;
	color:#fff;
	background-color:inherit;
}

a:hover{
	text-decoration:none;
}

.spacer{
	font-size:0;
	line-height:0;
	clear:both;
}


/* ---------------- Big Bg ---------------- */
#bigbg{
	background:url(../images/bodybg.jpg) repeat;
}

/* ---------------- Wrap ---------------- */
#wrap{

}

/* ---------------- Body ---------------- */
#body{
	margin:0 auto;
	width:920px;
}

/* ---------------- Top Part ---------------- */
.logo_caption{
	float:left;
	padding:8px 0 0;
	margin:0 0 15px;
	width:258px;
}

.logo_caption img{
	display:block;
	margin:0 auto;
}

.logo_caption h1{
	font:italic normal 11px/11px Arial, Helvetica, sans-serif;
	word-spacing:1px;
	padding:0 7px 30px 5px;
	text-align:center;
	color:#CCCCCC;
	background-color:inherit;
}

.logo_caption h1 span{
	color:#779bb0;
	background-color:inherit;
}

.logo_caption h1 strong{
	font-weight:normal;
	color:#b3c752;
	background-color:inherit;
}

.logo_caption h1 em{
	color:#f8a644;
	background-color:inherit;
}
#headerpart{
	background:url(../images/headerbg1.png) repeat-x;
}
#nav{
	float:right;
	width:602px;
	margin:34px 0 0;
	font-size:18px;
	line-height:33px;
	padding:5px 0 4px 30px;
}

#nav li{
	float:left;
	width:auto;
	padding:0 20px 0 0;
}

#nav li.last{
	padding-right:0;
}

#nav li a{
	cursor:pointer;
	text-decoration:none;
	color:#9bbccb;
	background-color:inherit;
}

#nav li a:hover{
	background:url(../images/navbg_left.gif) 0 0 no-repeat;
}

#nav li a span.rightbg{
	float:left;
	display:block;
	width:auto;
	padding:0 3px 0 0;
	height:33px;
}

#nav li a:hover span.rightbg, #nav li a.active span.rightbg{
	background:url(../images/navbg_right.gif) 100% 0 no-repeat;
}

#nav li a span.leftbg{
	float:left;
	display:block;
	width:auto;
	padding:0 11px 0 16px;
	line-height:33px;
}

#nav li a:hover span.leftbg, #nav li a.active span.leftbg{
	color:#262f34;
	background-color:inherit;
	background:url(../images/navbg_left.gif) 0 0 no-repeat;
}

.left_info{
	float:left;
	width:258px;
	padding:15px 0 29px;
}

.left_info span.topbg{
	display:block;
	width:258px;
	height:8px;
	font-size:0;
	line-height:0;
	background:url(../images/left_rd_top.png) 0 0 no-repeat;
	float:left;
}

.left_info span.botbg{
	display:block;
	width:258px;
	height:10px;
	font-size:0;
	line-height:0;
	background:url(../images/left_rd_bot.png) 0 100% no-repeat;
	float:left;
}

.left_info .left_inner{
	padding:0 25px;
	width:208px;
	background:url(../images/rectangle-area.png) repeat;
	float:left;
}

.left_inner ul{
	width:100%;
}

.left_inner li{
	padding:13px 0 14px 0;
	line-height:21px;
	color:#005968;
	background-color:inherit;
	background:url(../images/divider.gif) 0 100% repeat-x;
}
.left_inner li a{
font: bold 18px "Arial", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0 0 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
/*border-bottom: 1px solid black; bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.left_inner li a:visited, .left_inner li a:active{
color: white;
}

.left_inner li a:hover{
color: white;
text-decoration:underline;
 /*border-bottom: 1px solid black;bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}
.left_inner li p.email a{
font: bold 12px "Arial", Verdana;
display: block;
color: white;
width: auto;
padding: 0 0 8px 20px; /* Vertical (top/bottom) padding for each menu link */
text-indent: 0px;
text-decoration: none;
/*border-bottom: 1px solid black; bottom border of menu link. Should be equal or darker to link's bgcolor*/
	background:url(../images/wmb_contact_email.png) no-repeat 0 0;
}
.left_inner li p.email a:hover{
font: bold 12px "Arial", Verdana;
display: block;
color: white;
width: auto;
padding: 0 0 8px 20px; /* Vertical (top/bottom) padding for each menu link */
text-indent: 0px;
text-decoration:underline;
/*border-bottom: 1px solid black; bottom border of menu link. Should be equal or darker to link's bgcolor*/
	background:url(../images/wmb_contact_email.png) no-repeat 0 0;
}

.left_inner li p.quote a{
font: bold 12px "Arial", Verdana;
display: block;
color: white;
width: auto;
padding: 0 0 0 20px; /* Vertical (top/bottom) padding for each menu link */
text-indent: 0px;
text-decoration: none;
/*border-bottom: 1px solid black; bottom border of menu link. Should be equal or darker to link's bgcolor*/
	background:url(../images/wmb_quotation_request.png) no-repeat 0 0;
}
.left_inner li p.quote a:hover{
font: bold 12px "Arial", Verdana;
display: block;
color: white;
width: auto;
padding: 0 0 0 20px; /* Vertical (top/bottom) padding for each menu link */
text-indent: 0px;
text-decoration:underline;
/*border-bottom: 1px solid black; bottom border of menu link. Should be equal or darker to link's bgcolor*/
	background:url(../images/wmb_quotation_request.png) no-repeat 0 0;
}

.left_inner li.last{
	background:none;
}

.left_inner li.wmb_on_facebook{ background:url(../images/top_facebook.png) 0 4px no-repeat;
padding-left:35px; padding-top:5px}

.left_inner li.wmb_on_twitter{ background:url(../images/twitter.png) 0 4px no-repeat;
padding-left:35px; padding-top:5px}

.left_inner li.stumbleupon_wmb{ background:url(../images/stumbleupon.png) 0 4px no-repeat;
padding-left:35px; padding-top:5px}

.left_inner li.yahoo_bookmark_for_wmb{ background:url(../images/yahoo.png) 0 4px no-repeat;
padding-left:35px; padding-top:5px}

.left_inner li.google_bookmark_for_wmb{ background:url(../images/google.png) 0 4px no-repeat;
padding-left:35px; padding-top:5px}

.left_inner li.linkedin_wmb{ background:url(../images/linkedin.png) 0 4px no-repeat;
padding-left:35px; padding-top:5px}


.slider{
	float:right;
	width:633px;
	height:289px;
	margin:15px 0 29px;
	background:url(../images/slidingbg.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-style:normal;
}
.slider h1 {
	font-size:24px;
	font-weight:normal;
	color:#fff;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.slider a, a.hover{
	color:#324751;
}

.slider p {
	font-size:14px;
	line-height:16px;
	margin:12px 0;
	padding: 0 5px;
	color:#536770;
	font-family:Arial, Helvetica, sans-serif;
}
.slider .content_box{
	float:left;
	width:130px;
	margin:30px 30px 0 0;
}
.content_box #heading1{
	background:#779bb0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:1px 0;
	margin-bottom:16px;
}
.content_box #heading2{
	background:#b9cd55;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:1px 0;
	margin-bottom:16px;
}
.content_box #heading3{
	background:#f89828;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:1px 0;
	margin-bottom:16px;
}
/*
.content_box_text_main a, a.hover {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 23px;
	background:url(../images/core.png) 0 1px no-repeat;
	color:#fff;
}
*/
.content_box_text_main  {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 23px;
	color:#536770;
}

.content_box_text_main li {
	line-height:0px;
	color:#536770;
	background:url(../images/core.png) 0 1px no-repeat;
}

.content_box_text a, a.hover {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 23px;
	background:url(../images/core.png) 0 1px no-repeat;
	color:#536770;
}
.content_box_text li {
	line-height:0px;
	color:#536770;
}
.txt01{
	padding:84px 0 0;
	text-align:center;
	font-size:38px;
	line-height:42px;
	color:#fff;
	background-color:inherit;
}

.txt01 strong{
	font-size:69px;
	line-height:79px;
	font-weight:normal;
	color:#40fff0;
	background-color:inherit;
}

/* ---------------- Container ---------------- */
#container{
	padding:0 0 34px;
}

.info_box{
	line-height:21px;
	color:#014f5f;
	background-color:inherit;
}

.info_box h3{
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:normal;
	font-style:italic;
	padding:0 0 14px;
	color:#fff;
	background-color:inherit;
}

.info_box h3.websites-heading{
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:32px;
	font-weight:normal;
	font-style:normal;
	padding:0 0 14px;
	color:#668EA6;
	background-color:inherit;
}

.info_box h3.branding_heading{
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:normal;
	font-style:normal;
	padding:0 0 14px;
	color:#b9cd55;
	background-color:inherit;
}

.info_box h3.online_marketing_heading{
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:normal;
	font-style:normal;
	padding:0 0 14px;
	color:#F89214;
	background-color:inherit;
}
/* web design section*/
.web-design{
	float:left;
	width:265px;
	margin:0 54px 0 0;
}
.web-design h3{
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 18px;
	padding: 2px 0 0 0px;
	color:#005968;
	background-color:inherit;
	border-top: #668EA6 solid 4px;
}
.web-design li{
	line-height:15px;
	padding:0 0 17px 23px;
	background:url(../images/web-design-icon.png) 0 0 no-repeat;
	color:#536770;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.web-design li a{
	text-decoration:none;
	color:#536770;
	background-color:inherit;
}

.web-design li a:hover{
	color:#414d53;
	text-decoration:underline;	
	background-color:inherit;
}
/* branding section*/
.branding{
	float:left;
	width:265px;
	margin:0 54px 0 0;
}
.branding h3{
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 18px;
	padding: 2px 0 0 0px;
	color:#005968;
	background-color:inherit;
	border-top: #b9cd55 solid 4px;
}
.branding li{
	line-height:15px;
	padding:0 0 17px 32px;
	background:url(../images/branding-icon.png) 0 0 no-repeat;
	color:#536770;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}

.branding li a{
	text-decoration:none;
	color:#536770;
	background-color:inherit;
}

.branding li a:hover{
	color:#414d53;
	text-decoration:underline;
	background-color:inherit;
}
/* online marketing section*/
.e-marketing{
	float:left;
	width:258px;
}
.e-marketing h3{
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 18px;
	padding: 2px 0 0 0px;
	color:#005968;
	background-color:inherit;
	border-top: #f89214 solid 4px;
}
.e-marketing li{
	line-height:15px;
	padding:0 0 17px 32px;
	background:url(../images/online-marketing.png) 0 0 no-repeat;
	color:#536770;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.e-marketing li a{
	text-decoration:none;
	color:#536770;
	background-color:inherit;
}

.e-marketing li a:hover{
	color:#414d53;
	text-decoration:underline;
	background-color:inherit;
}
.web-my-business-websites-design {
	float:left;
	width:265px;
	margin:0 54px 0 0;
}

.info_box p.mytext{
	color:#FFFFFF;
	font-size:12px;
	text-align:justify;
	line-height:16px;
}

.web_my_business_branding{
	float:left;
	width:265px;
	margin:0 54px 0 0;
}

.web_my_business_branding li{
	padding:0 0 20px;
}

.web_my_business_branding li a{
	text-decoration:none;
}

.web_my_business_branding li a:hover{
	color:#014f5f;
	background-color:inherit;
}

.web_my_business_online_marketing{
	float:left;
	width:265px;
}

.web_my_business_online_marketing li{
	line-height:15px;
	padding:0 0 17px 23px;
	background:url(../images/bulet.gif) 0 6px no-repeat;
}

.web_my_business_online_marketing li a{
	text-decoration:none;
	color:#004949;
	background-color:inherit;
}

.web_my_business_online_marketing li a:hover{
	color:#fff;
	background-color:inherit;
}

/* ---------------- Technologies ---------------- */
#design-technologies{
	padding:0px 0 15px 156px;
	margin-bottom:25px;
	/* background:url(../images/web-design-technology-heading.jpg) 0 0 repeat-y; 
	border-bottom:1px solid #41e9e0;*/

}

#design-technologies-details{
	width:920px;
	padding-left:15px;
}

#design-technologies-details h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#ffffff;
	 background:url(../images/heading-slides.png) 0 0 repeat-y;
	 padding-left:18px;

}
#design-technologies-details h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#003935;
	padding:15px 0 5px 0;
}
#design-technologies-details h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	display: inline; 
}
#design-technologies-details p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	padding-bottom:4px;
}

/* ---------------- Footer ---------------- */
#footer{
	padding:0px 0 30px;
	margin-bottom:0;
	background:url(../images/footerbg.png) 0 0 repeat;
	/*	border-bottom:1px solid #41e9e0; */

}

/* ---------------- Bottom Part ---------------- */
.bottom_part{
	margin:0 auto;
	width:920px;
	padding:20px 0 20px;
}

.bottom_part h3{
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	font-style:italic;
	padding:0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.impt_links{
	float:left;
	width:460px;
}

.impt_links ul{
	float:left;
	width:230px;
}

.impt_links li{
	color:#536770;

	padding:0 0 2px 18px;
	background:url(../images/core.png) 0 1px no-repeat;
}

.impt_links li a{
	color:#536770;

	text-decoration:none;
}

.impt_links li a:hover{
	color:#ffffff;
	background-color:inherit;
}

.follow_us{
	float:right;
	width:364px;
	text-align:justify;
}

.follow_us p{
	padding:0 0 16px;
	font-size:15px;
	line-height:19px;
	color:#004341;
	background-color:inherit;
}

.follow_us li{
	float:left;
	margin:0 8px 0 0;
	text-decoration:none;
}
.follow_us a {
    text-decoration:none;
}
.follow_us a:hover {
    text-decoration:underline;
}

.footer_info{
	background:url(../images/footer_sep.png) 0 0 repeat-x;
}

.info_inside{
	margin:0 auto;
	padding:32px 0 0;
	width:920px;
}

.info_inside p{
	float:left;
	width:auto;
	font-size:15px;
	line-height:19px;
	color:#003935;
	background-color:inherit;
}

.info_inside ul{
	float:right;
	width:530px;
}

.info_inside li{
	float:left;
	width:auto;
	padding:0 20px 0 0;
	font-size:17px;
	line-height:21px;
}

.info_inside li a{
	text-decoration:none;
}

.info_inside li a:hover, .info_inside li a.active{
	color:#003935;
	background-color:inherit;
}


/* ---------------- Portfolio ---------------- */

/* ------- Portfolio Left Panel ------- */
.port_left{
	float:left;
	width:257px;
}

.port_left span.topbg02{
	display:block;
	width:257px;
	height:10px;
	font-size:0;
	line-height:0;
	background:url(../images/port_left_top.png) 0 0 no-repeat;
	float:left;
}

.port_left span.botbg02{
	display:block;
	width:257px;
	height:12px;
	font-size:0;
	line-height:0;
	background:url(../images/port_left_bot.png) 0 100% no-repeat;
	float:left;
}

.port_left .port_left_inner{
	padding:18px 30px;
	width:197px;
	background:url(../images/port_left.png) 0 0 repeat-y;
	float:left;
}

.left_list{
	padding:0 0 48px;
	background:url(../images/divider02.gif) 0 0 repeat-x;
}

.left_list li{
	padding:1px 0;
	color:#005968;
	height:30px;
	background-color:inherit;
	background:url(../images/divider02.gif) 0 100% repeat-x;
}

.left_list li a{
	display:block;
	font:18px/22px Georgia, "Times New Roman", Times, serif;
	height:22px;
	text-decoration:none;
	color:#000;
	background-color:inherit;
	padding:4px 0 4px 7px;
}

.left_list li a span{
	padding:0 0 0 25px;
	background:url(../images/bulet02.gif) 0 8px no-repeat;
}

.left_list li a:hover, .left_list li a.active{
	color:#007f88;
	background-color:inherit;
	background:url(../images/link_hover.png) 0 0 repeat;
}

.left_list li a:hover span, .left_list li a.active span{
	background:url(../images/bulet03.gif) 0 8px no-repeat;
}

.left_link a{
	margin:0 6px 0 0;
	text-decoration:none;
	color:#0c7570;
	background-color:inherit;
}

.left_link a.link01{
	margin-right:0;
	font-size:15px;
}

.left_link a.link02{
	margin-right:0;
	font-size:15px;
}

.left_link a.link03{
	font-size:19px;
	color:#29948f;
	background-color:inherit;
}

.left_link a.link04{
	font-size:17px;
}

.left_link a.link05{
	margin-right:4px;
	font-size:16px;
}

.left_link a.link06{
	margin-right:4px;
	font-size:17px;
	color:#2a8c87;
	background-color:inherit;
}

.left_link a:hover{
	color:#0a3b39;
	background-color:inherit;
}


/* ------- Portfolio Right Panel ------- */
.port_right{
	float:right;
	width:633px;
}

.port_right span.port_top{
	display:block;
	width:633px;
	height:10px;
	font-size:0;
	line-height:0;
	background:url(../images/port_right_top.png) 0 0 no-repeat;
	float:left;
}

.port_right span.port_bot{
	display:block;
	width:633px;
	height:11px;
	font-size:0;
	line-height:0;
	background:url(../images/port_right_bot.png) 0 100% no-repeat;
	float:left;
}

.port_right_inner{
	width:573px;
	padding:16px 30px 10px;
	color:#0a7070;
	background-color:inherit;
	background:url(../images/port_right.png) 0 0 repeat-y;
	float:left;
}

.port_right h3{
	padding:0 0 24px;
	font:italic normal 28px/32px Georgia, "Times New Roman", Times, serif;
	color:#208c87;
	background-color:inherit;
}

.port_right p{
	line-height:21px;
	padding:0 0 22px;
}

.gallery_list li{
	padding:2px;
	width:570px;
	margin:0 0 30px;
	background:url(../images/portfoliobg.gif) 0 0 no-repeat;
	color:#666;
	background-color:inherit;
}

.gallery_list li img{
	display:block;
	height:62px;
}

.gallery_list li span{
	display:block;
	padding:0 28px 0 7px;
	height:24px;
	line-height:24px;
	position:relative;
	background:url(../images/detailsbg.gif) 0 0 no-repeat;
}

.gallery_list li span a{
	display:block;
	position:absolute;
	right:18px;
	top:6px;
	height:11px;
	width:12px;
	font-size:0;
	line-height:0;
	text-indent:-200000px;
	background:url(../images/icon_zoom.gif) 0 0 no-repeat;
}

.gallery_list li div a:hover{
	background:url(../images/icon_zoom_hover.gif) 0 0 no-repeat;
}

/* ------- Contact Page ------- */
.contact{
	width:920px;
	color:#0a7070;
	background-color:inherit;
}

.contact span.cont_top{
	display:block;
	width:920px;
	height:8px;
	font-size:0;
	line-height:0;
	background:url(../images/contactbg_top.png) 0 0 no-repeat;
	float:left;
}

.contact span.cont_bot{
	display:block;
	width:920px;
	height:8px;
	font-size:0;
	line-height:0;
	background:url(../images/contactbg_bot.png) 0 100% no-repeat;
	float:left;
}

.contact_inner{
	width:850px;
	padding:20px 35px;
	background:url(../images/contactbg.png) 0 0 repeat-y;
	float:left;
}

.contact p{
	padding:0 0 28px;
}

.cont_left{
	float:left;
	width:336px;
	margin:0 46px 0 0;
}

.contact h3.title{
	padding:0 0 14px;
	font:italic normal 28px/32px Arial, Helvetica, sans-serif;
	color:#218c86;
	background-color:inherit;
}

.cont_left label{
	display:block;
	padding:0 0 8px;
}

.cont_left input.txtfd{
	padding:2px 4px;
	margin:0 0 8px;
	width:320px;
	height:18px;
	border:1px solid #66cad2;
	color:inherit;
	background-color:#edf8fa;
}

.cont_left textarea{
	padding:2px 4px;
	margin:0 0 18px;
	width:320px;
	height:100px;
	color:inherit;
	border:1px solid #66cad2;
	background-color:#edf8fa;
}

.cont_left input.submit{
	margin:0 0 18px;
	width:88px;
	height:38px;
	border:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	cursor:pointer;
	color:#252525;
	background-color:inherit;
	background:url(../images/submitbg.png) 0 0 no-repeat;
}

.cont_right{
	float:left;
	width:382px;
	padding:14px 0 0;
}

.cont_right h3{
	padding:0 0 6px;
	margin:0 0 16px;
	font:normal 24px/38px Arial, Helvetica, sans-serif;
	color:#272727;
	background-color:inherit;
	background:url(../images/line.gif) 0 100% repeat-x;
}

.add{
	float:left;
	width:auto;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#218c86;
	background-color:inherit;
}

.cont_info{
	float:right;
	width:auto;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#218c86;
	background-color:inherit;
}

.cont_info a{
	color:#131313;
	background-color:inherit;
}

.cont_info a:hover{
	text-decoration:none;
}