@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position:-150px top;
}
/*TAG CSS*/
img {
	border:none;
	behavior: url("img/iepngfix.htc");
}
a:active {
	outline:none;
}
p {
	line-height:24px;
	margin:10px 10px 10px 15px;
}
h1 {
	font-size:24px;
	margin:0;
	padding:10px 10px 10px 15px;
	color:#009cdc;
}
.clear {
	clear:both;
}
/*TAG CSS*/

/*HEADER CSS*/
.main-nav {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
.main-nav li {
	display:inline;
	margin:0;
	padding:0;
}
.main-nav li a {
	display:block;
	float:left;
	
}
.main-nav-home a {
	text-indent:-900em;
	width:69px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat left top;
}
.main-nav-home a:hover {
	text-indent:-900em;
	width:69px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat left -36px;
}
.main-nav-home a:active {
	text-indent:-900em;
	width:69px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat left -72px;
}
.main-nav-home-current a {
	text-indent:-900em;
	width:69px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat left -72px;
}
/*///////////////////////////////////////////////////////////////////////*/
.main-nav-websitedesign a {
	text-indent:-900em;
	width:151px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -69px top;
}
.main-nav-websitedesign a:hover {
	text-indent:-900em;
	width:151px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -69px -36px;
}
.main-nav-websitedesign a:active {
	text-indent:-900em;
	width:151px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -69px -72px;
}
.main-nav-websitedesign-current a {
	text-indent:-900em;
	width:151px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -69px -72px;
}
/*///////////////////////////////////////////////////////////////////////*/
.main-nav-seo a {
	text-indent:-900em;
	width:257px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -433px top;
}
.main-nav-seo a:hover {
	text-indent:-900em;
	width:257px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -433px -36px;
}
.main-nav-seo a:active {
	text-indent:-900em;
	width:257px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -433px -72px;
}
.main-nav-seo-current a {
	text-indent:-900em;
	width:257px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -433px -72px;
}
/*///////////////////////////////////////////////////////////////////////*/
.main-nav-editwebsite a {
	text-indent:-900em;
	width:214px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -220px top;
}
.main-nav-editwebsite a:hover {
	text-indent:-900em;
	width:214px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -220px -36px;
}
.main-nav-editwebsite a:active {
	text-indent:-900em;
	width:214px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -220px -72px;
}
.main-nav-editwebsite-current a {
	text-indent:-900em;
	width:214px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -220px -72px;
}
/*///////////////////////////////////////////////////////////////////////*/
.main-nav-contactus a {
	text-indent:-900em;
	width:118px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -689px top;
}
.main-nav-contactus a:hover {
	text-indent:-900em;
	width:118px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -689px -36px;
}
.main-nav-contactus a:active {
	text-indent:-900em;
	width:118px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -689px -72px;
}
.main-nav-contactus-current a {
	text-indent:-900em;
	width:118px;
	height:35px;
	background:url(../img/nav_img/nav.png) no-repeat -689px -72px;
}
.bannerbg {
	background:url(../img/bannerbg.png) no-repeat center top;
	behavior: url("img/iepngfix.htc");

}
/*HEADER CSS*/


/*FOOTER CSS*/
.footer {
	background:url(../img/footerbg.gif) repeat-x bottom;
	behavior: url("img/iepngfix.htc");
}
.bottomlink {
	color:#67B5CF;
	padding:0 0 0 20px;
	font-size:12px;
}
.bottomlink a {
	color:#08376b;
	text-decoration:none;
	margin:0 5px 0 5px;
}	
.bottomlink a:hover {
	color:#000;
	text-decoration:underline;
	margin:0 5px 0 5px;
}
.copyrightbg {
	background:url(../img/copyrightbarbg.gif) no-repeat center bottom;
	font-size:12px;
}
.address {
	color:#FFFFFF;
	padding:0 0 0 20px;
}
.address a {
	color:#FFFFFF;
	text-decoration:underline;
}
.address a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.copyrightcss {
	font-size:10px;
	color:#FFFFFF;
	padding-right:20px;
}
/*FOOTER CSS*/

/*INNER PAGE CSS*/
.taglinebox {
	background-color:#10A2DE;
	border-bottom:#0B7BA9 1px solid;
	border-left:#48B6E3 1px solid;
	border-top:#7ECBEA 1px solid;
	border-right:#3798C0 1px solid;
	color:#FFFFFF;
	font-size:16px;
}
.taglinebox-tag {
	padding:8px;
}
.phonebox {
	font-size:16px;
	font-weight:bold;
	background:url(../img/phonebox_bg.gif) repeat-x top;
	float:right;
	line-height:30px;
	margin:10px 0 0 0;
	padding-right:8px
}
.phonebox img {
	float:left;
}
.bluehighlighttext {
	color:#006f9c;
}
.testimonialsbox-bg {
	background:url(../img/testimonialbox_bg.gif) repeat-y center;
	border-left:#B69E7B 1px solid;
	border-right:#B69A74 1px solid;
}
.testimonialsbox-bg p {
	margin:0;
	padding:10px 0 0 15px;
	font-size:16px;
}
.readmore-btn {
	list-style:none;
	margin:5px 10px 0 0;
	float:right;
	padding:0;
}
.readmore-btn li a {
	float:left;
	display:block;
	padding:0 0 0 10px;
	background:url(../img/bg_button_a.png) no-repeat left top;
	font-size:14px;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}
.readmore-btn li a span {
	display:block;
	float:left;
	padding:8px 10px 8px 0;
	background:url(../img/bg_button_span.png) no-repeat right top;
	color:#000;
	text-decoration:none;
}
.readmore-btn li a:active {
	float:left;
	display:block;
	padding:0 0 0 10px;
	background:url(../img/bg_button_a.png) no-repeat left bottom;
	font-size:14px;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}
.readmore-btn li a:active span {
	display:block;
	float:left;
	padding:8px 10px 8px 0;
	background:url(../img/bg_button_span.png) no-repeat right bottom;
	color:#000;
	text-decoration:none;
}
/*INNER PAGE CSS*/

/*WEB SITE DESIGN PAGE CSS*/
#works  {
	width:873px;
}
#works ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
#works h2 {
	font-size:24px;
	color:#000000;
	padding-bottom:0px;
	font-weight:800;
	background:url(img/header_bottomline.gif) no-repeat left 28px;
	margin-bottom:5px;
	clear:both;
}
#works li {
	margin:0 10px 10px 0;
	float:left;
	width: 267px;
	padding:0;
}
#works li a {
	text-decoration:none;
	display:block;
}
#works ul li a:hover {
}

#works ul li a .title {
	font-size:12px;
	text-transform:	uppercase;
	color:#090909;
	font-weight: normal;
	padding:0 0 5px 0;
	text-transform:none;
}
#works ul li a .title {
	font-size:16px;
	margin:0;
	padding:7px;
	color:#FFFFFF;
	background-image:url(../img/website_design/websitedesignbox_titlebg.gif);
	background-repeat:repeat-y;
	background-position:center;
}
#works ul li a .title img {
	float:left;
	margin:1px 3px 0 3px;
}
#works ul li a .info {
	font-size:12px;
	color:#FFF;
	display:block;
	background-image:url(../img/website_design/websitedesignbox_infobg.gif);
	background-repeat:repeat-y;
	background-position:center;
	padding:10px 10px 10px 15px;
}

#works ul li a .launched {
	padding:5px;
	font-size:12px;
	color:#090909;
	display:block;
	font-weight:bold;
	background-color:#f6f6f6;
}
#works ul li a .thumb {
	background:url(../img/website_design/websitedesignbox_thumbbg.gif) no-repeat center top;
	display:block;
	text-align:center;
	padding:15px 0 15px 0;
}

/*WEB SITE DESIGN PAGE CSS*/

/*SEO page css*/
.google-header {
	background-color:#008000;
	color:#FFF;
	font-weight:bold;
	background-image:url(../img/google_icon.gif);
	background-position: 190px 5px;
	background-repeat:no-repeat;
}
.yahoo-header {
	background-color:#7B0099;
	color:#FFF;
	font-weight:bold;
	background-image:url(../img/yahoo_icon.gif);
	background-position: 190px 5px;
	background-repeat:no-repeat;
}
.msn-header {
	background-color:#3C7FAF;
	color:#FFF;
	font-weight:bold;
	background-image:url(../img/msn_icon.gif);
	background-position: 190px 5px;
	background-repeat:no-repeat;
}
.seo-reporttable {
	border:#BEA785 3px solid;
}
.seo-reporttable a {
	text-decoration:none;
	color:#000;
}
.seo-reporttable a:hover {
	text-decoration:underline;
	color:#1B396A;
}
.seo-reporttable-border {
	background:url(../img/middleborder_bg.gif) repeat-x center;
}
/*SEO page css*/

/*Contact us page css*/
#contactpage-content {
	padding:13px 20px 13px 20px;
}
#contactpage-content h1 {
	font-size:30px;
	font-weight:bold;
	padding-bottom:8px;
}
#contactpage-content p {
	margin:0;
	padding:5px 0 10px 10px;
	background-color:#CFE9F5;
}
#contactpage-content p:hover {
	background-color:#A9D7ED;
}
#contactpage-content label {
	font-size:18px;
	vertical-align:middle;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#contactpage-content .textfield {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	border-bottom:#D9D9D9 1px solid;
	border-left:#EFEFEF 1px solid;
	border-right:#E6E6E6 1px solid;
	border-top:#575757 1px solid;
	padding:3px;
	width:96%;
}
#contactpage-content .textfield:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	border-bottom:#D9D9D9 1px solid;
	border-left:#EFEFEF 1px solid;
	border-right:#E6E6E6 1px solid;
	border-top:#575757 1px solid;
	padding:3px;
	width:96%;
	background-color:#F8F7E6;
}
#addressbox {
	margin:13px 13px 0 13px;
}
#addressbox h2 {
	font-size:30px;
	background:url(img/header_bottomline.gif) no-repeat left 34px;
	padding:0 0 10px 0;
}
#director-box {
	border:#CFCFCF 1px solid;
	margin:13px 13px 10px 13px;
	padding:5px;
	position:relative;
}
#director-box img {
	float:left;
}
.name {
	font-size:16px;
	margin:5px 0 0 10px;
	float:right;
	line-height:24px;
	text-align:left;
	width:175px;
}
.name h2 {
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

/*Contact us page css*/

/*Testimonials page css*/
.testmonials-websitelink {
	text-decoration:underline;
	font-size:16px;
	color:#1B396A;
}
.testmonials-websitelink:hover {
	text-decoration:none;
	font-size:16px;
	color:#10A2DE;
}
.fade-top {
	background:url(../img/hr-fade-wide-top.gif) center bottom no-repeat;
}
