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

/* General */
html, body 		{ width:auto; height:100%;  }
body			{ font-family: "Gill Sans MT", Tahoma;  font-size:100%;  color: #333333; margin-left:auto; margin-right:auto; margin: 0 auto; background-image:url(images/b_02.jpg); background-repeat:repeat-x; background-color:#3779B6; background-image:url(../images/backgroundfade.jpg); }
H1 {font-size: 20px; color:#1c4459; margin-bottom:0px; padding-bottom:0px; }
H2 { font-size: 16px; color:#1c4459; padding-bottom: 5px; margin-bottom:0px;}
ul {margin:0px; padding-bottom: 5px; }
ul.contentlist li {background:url(../images/bullet3.png); background-repeat:no-repeat; margin-top:auto; margin-bottom:auto; padding:0 0 0 18px; list-style:none; background-position: 0 6px; font-size:90%; }
.padmebottom {	padding-bottom: 10px; }
.padmeright {padding-right: 10px;}
.padmetop {padding-top:5px;}
p {font-size:90%; margin-top:0px; padding-bottom:5px; font-family: "Gill Sans MT", Tahoma;}

.floatleft {float:left;}
.marginbottom {margin-bottom:10px;}
.marginright {margin-right:15px;}

.address {float:right; width: 300px; height: 50px; text-align: left; margin-bottom: 20px;}

/* div structure */
#shadowbackground {width:920px; height:auto; background-image:url(../images/bkgrdshadow2.png); background-repeat:repeat; background-position:top; margin-left:auto; margin-right:auto; border: none; }
#wrapper		{ width:920px; height:auto; margin-left:auto; margin-right:auto; border: none; }
#maincontent	{ width:900px; height:auto; overflow:hidden;  margin-left:auto; margin-right:auto;  border-top: #798D99;  }
#content	{ width:690px; height:auto;  background-color:#FFF;  border-top: #798D99; margin-top:20px;margin-left:15px; margin-right: 15px;  }
#headertop		{ width:900px; height:35px; margin-left:auto; margin-right:auto; position:relative; top:3px; }

#headerlogo		{ width:402px; height:78px; float:left;}
#phone			{ width:156px; height:35px; float:right; position:relative;}
#email			{ width:224px; height:35px; float:right; position:relative;}
/*#bannerbkgrd	{ width:auto; height: 270px; background-image:url(../images/topbannerbkgrd3.png);background-position:top; background-repeat:no-repeat; border-bottom: solid 1px #FFF; border-top: solid 1px #FFF; background-color: /*#0C3B4C; */ /*#0C3A4A; position:relative;}*/
#bannerbkgrd	{ width:auto; height: 209px; /*background-image:url(../images/topbannerbkgrd5.png);*/ background-image:url(../images/topbannerbkgrd6.png); background-position:top; background-repeat:no-repeat; border-bottom: solid 1px #FFF; border-top: solid 1px #FFF; background-color: #0C3A4A; position:relative;}
#bannerlogo {position: relative; width: 241px; height:136px;  margin-top: 0px; margin-left: 20px;  margin-right: auto; }
#banner		{	width:900px;	height:209px;	position:relative; 	margin-left: auto; margin-right: auto; border:none; cursor:hand; cursor:pointer; }
#bannertext {	width:531px; height:209px; position:relative; float:right; border:none; margin-top:0px; margin-bottom:auto; margin-right:auto; margin-left: 10px;}
#logo 		{width: 407px; height: 269px; float:left; position:relative;}

#fadetop		{ width:910px; height:8px; background-image:url(images/b_11.jpg); }
#footer			{ width:870px; height:auto; /*background-color:#3779B6;*/ margin-left:auto; margin-top: 10px; margin-right:auto; border:none; font-size:90%;}
#footerlinks			{ width:870px; height:auto; /*background-color:#3779B6;*/ margin-left:auto; margin-right:auto; border:none;}
#footericons {width:23px; height: 22px; /*background-color:#3779B6;*/ border: none; float: right;}
.service		{width: 166px; height:auto; /*position:relative;*/ background-color:#FFF;border:thin; float:left; margin-left:5px; margin-right:5px;}
.servicetext { width:146px; height: auto; margin-left:auto; margin-right:auto; padding-top:0px; font-size:12px;   }
.servicetext a:link {text-decoration:none;}
#servicecontent	{width: 880px; height:auto; background-color:#FFF; margin-right:auto; margin-left:auto;}
.servicehead {font-size:14px;}
/* service menu rollover*/
.s1				{ background-image:url(../images/tnh1.jpg);background-color:#FFF; width:166px; height:360px; display:block;float: left; /*color:#5b707a;*/color: #333333; text-decoration:none; background-repeat:no-repeat; }
.s1 a {/*color:#5b707a;*/color:#333333; text-decoration:none;}
.s1:hover		{ background-image: url(../images/th1.jpg); color:#FFF; text-decoration: none; background-repeat:no-repeat;}
.s1:hover a {color: #FFF; text-decoration:underline;}
.s1:hover ul.servicelist li { color: #FFF; }
.s1:hover ul.servicelist a	{ color: #FFF; text-decoration:underline; }
.s1:hover ul.servicelist a:hover	{ color: #FFF; text-decoration:underline; }
.s1:hover .servicehead a { color: #FFF; text-decoration:underline; }

.s2				{ background-image:url(../images/tnh2.jpg);background-color:#FFF; width:166px; height:360px; display:block;float: 
left; /*color:#5b707a;*/ color: #333333; text-decoration:none;background-repeat: no-repeat; }
.s2 a {/*color:#5b707a;*/ color: #333333; text-decoration:none;}
.s2:hover		{ background-image: url(../images/th2.jpg); color:#FFF; text-decoration: none; background-repeat: no-repeat;}
.s2:hover a {color: #FFF; text-decoration:underline;}
.s2:hover ul.servicelist li { color: #FFF; }
.s2:hover ul.servicelist a	{ color: #FFF; text-decoration:underline; }
.s2:hover ul.servicelist a:hover	{ color: #FFF; text-decoration:underline; }

.s3				{ background-image:url(../images/tnh3.jpg);background-color:#FFF; width:166px; height:360px; display:block;float: left; /*color:#5b707a;*/ color: #333333; text-decoration:none; background-repeat: no-repeat; }
.s3 a {/*color:#5b707a;*/ color:#333333; text-decoration:none;}
.s3:hover		{ background-image: url(../images/th3.jpg); color:#FFF; text-decoration: none; background-repeat:no-repeat;}
.s3:hover a {color: #FFF; text-decoration:underline;}
.s3:hover ul.servicelist li { color: #FFF; }
.s3:hover ul.servicelist a	{ color: #FFF; text-decoration:underline; }
.s3:hover ul.servicelist a:hover	{ color: #FFF; text-decoration:underline; }

.s4				{ background-image:url(../images/tnh5.jpg);background-color:#FFF; width:166px; height:360px; display:block;float: left; /*color:#5b707a;*/ color:#333333; text-decoration:none; background-repeat:no-repeat; }
.s4 a {/*color:#5b707a;*/ color:#333333; text-decoration:none;}
.s4:hover		{ background-image: url(../images/th5.jpg); color:#FFF; text-decoration: none; background-repeat: no-repeat;}
.s4:hover a {color: #FFF; text-decoration:underline;}
.s4:hover ul.servicelist li { color: #FFF; }
.s4:hover ul.servicelist a	{ color: #FFF; text-decoration:underline; }
.s4:hover ul.servicelist a:hover	{ color: #FFF; text-decoration:underline; }

.s5				{ background-image:url(../images/tnh4.jpg);background-color:#FFF; width:166px; height:360px; display:block;float: left; /*color:#5b707a;*/ color: #333333; text-decoration:none; background-repeat: no-repeat;}
.s5 a {/*color:#5b707a;*/ color: #333333; text-decoration:none;}
.s5:hover		{ background-image: url(../images/th4.jpg); color:#FFF; text-decoration: none; background-repeat:no-repeat;}
.s5:hover a {color: #FFF; text-decoration:underline;}
.s5:hover ul.servicelist li { color: #FFF; }
.s5:hover ul.servicelist a	{ color: #FFF; text-decoration:underline; }
.s5:hover ul.servicelist a:hover	{ color: #FFF; text-decoration:underline; }

#rightcolumn {width: 166px; height:auto; /*position:relative;*/ background-color:#798D99; float:right; margin-left:5px; margin-right: 15px;   color:#FFF; text-decoration: none; display:block;}
#columnimage {width: 146px; height:100px; /*position:relative;*/ margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:5px;}
#columntext {width:140px; height:auto; /*position:relative;*/ color:#FFF;  margin-left:auto; margin-right:auto;}
#columnborder {background-image:url(../images/column-corners5.png); background-repeat:no-repeat; position:relative; width: 166px; height:18px; margin-left:auto; margin-right:auto; background-color:#FFF; }

.service a:link {text-decoration:none;}


.serviceimage	{
	width:123px;
	height: 80px;
	/*background-image:url(../images/textimage_small.png);*/
	/*position:relative;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:15px;
	cursor:hand;
	cursor:pointer;
	/*background-repeat: no-repeat;
	background-color: #FFF;*/
}

ul.servicelist {margin: 0px; padding-bottom: 10px; padding-right: 5px; padding-left:5px; padding-top: 20px; list-style-type:none; margin-top:-10px; }
ul.servicelist li { /*color: #5b707a;*/color:#333333; background:url(../images/bullet2.png); background-repeat:no-repeat; margin-top:auto; margin-bottom:0px; padding:0 0 0 12px; list-style:none; background-position: 0 6px; }
ul.servicelist a { /*color: #5b707a;*/ color:#333333; text-decoration:none; }

.empty {width:900px; height:10px; background-color: #FFF; margin-left:auto; margin-right:auto;}


/*#bottombanner {width:920px; height:99px; background-image: url(../images/bannerbkgrd.png); border:none; margin-left:auto; margin-right:auto;}*/
#bottombanner {width:920px; height:160px; background-image: url(../images/bannerbkgrd3.png); border:none; margin-left:auto; margin-right:auto;}
#whitebottom {width:920px; height:26px; background-image: url(../images/whitebanner4.png); border:none; margin-left:auto; margin-right:auto;}

#casestudies {width: 850px; height: 160px; margin-left:auto; margin-right: auto; }
.logo1 {width: auto; height: auto; margin-top:11px; margin-bottom:auto;  position:relative; float:left; margin-right: 12px;  margin-left: 13px}

.seo {font-size:90%; color:#cccccc; padding-top:10px; text-align:center;}
#bar{width: 870px; height:auto;margin-left:auto; margin-right:auto; }

/*Footer rollovers:NOTE:Rollover horitontal without Graphic element*/

ul.horizBottom {margin: 0px; padding: 0px;list-style-type: none;}
ul.horizBottom li {	float: left; }
ul.horizBottom li.firstLink a:link, ul.horizBottom li.firstLink a:visited {	padding-left: 0;}

ul.horizBottom a, ul.horizBottom a:visited {
	text-decoration: none;
	display: list-item;
	font-weight: normal;
	
	width: auto;
	padding-right: 13px;
	padding-left: 13px;
	margin-bottom: 5px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-image: none;
	color: #FFF;
	font-size:90%;
	
}

ul.horizBottom a:hover, ul.horizBottom a:active {
	text-decoration: underline;
	font-weight: normal;
	border-bottom: none;
}
ul.horizBottom a.thispage, ul.horizBottom a.thispage:visited {
	text-decoration: none;
	display: block;
	font-weight: normal;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #888888;
	border-bottom: none;
	background-image: none;
}
ul.horizBottom a.thispage:hover, ul.horizBottom a.thispage:active {
	text-decoration: underline;
	font-weight: normal;
	border-bottom: none;
}

ul.horizBottom li {
	display: inline; /*:BODGE: Removes large gaps in IE*/
}

/* Menu */
#menu			{
	width:900px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	Position:absolute;
	top:180px;
	font: "Gill Sans MT";

	}
/*.m1				{ background-image:url(../images/home.png); width:60px; height:30px; display:block; float:left; }*/
.m8:hover		{ background-image:url(../images/contact-us-select3.png); background-repeat:no-repeat; }
.m7:hover		{ background-image:url(../images/internet-inspiration-select9.png); background-repeat:no-repeat; position: relative; float:left;}
.m6:hover		{ background-image:url(../images/digital-marketing-select6.png); background-repeat:no-repeat;}
.m5:hover		{ background-image:url(../images/who-we-are-select5.png); background-repeat:no-repeat;}
.m4:hover		{ background-image:url(../images/ethos-select3.png); background-repeat:no-repeat;}
.m1:hover		{ background-image:url(../images/home-select3.png);}
.m2:hover		{ background-image:url(../images/services-select2.png);}
.m3:hover		{ background-image:url(../images/case-studies-select1.png); background-repeat:no-repeat;}
/*.m2				{ background-image:url(../images/services.png); width:80px; height:30px; display:block; float:left; }*/

/*.m3				{ background-image:url(../images/case-studies.png); width:100px; height:30px; display:block; float:left; }*/

/*.m4				{ background-image:url(../images/ethos.png); width:60px; height:30px; display:block; float:left; }*/

/*.m5				{ background-image:url(../images/who-we-are.png); width:100px; height:30px; display:block; float:left; }*/

/*.m6				{ background-image:url(../images/digital-marketing.png); width:170px; height:30px; display:block; float:left; }*/
/*.m7				{ background-image:url(../images/internet-inspiration.png); width:140px; height:30px; display:block; float:left; }*/

/*.m8				{ background-image:url(../images/contact-us.png); width:90px; height:30px; display:block; float:left; }*/










/*contact us form*/

#contactForm	{ width:510px; height:auto; background-color:#efefef; background-image:url(../images/contactbg.jpg); border: 1px solid #ccc; padding-top:20px; padding-left:20px; padding-right:10px;}

select {
	color: #222222;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #AAAAAA;
	/*font-family: Times New Roman, Times, serif;*/
	font-family: "Gill Sans MT", Tahoma;
}
input:focus, textarea:focus, select:focus {
	background-color: #DDDDDD;
}

label.nowidth {
	padding-left: 0px;
	padding-right: 0px;
	font-family: "Gill Sans MT", Tahoma;
	color: #555555;
	text-decoration: none;
	width: auto;
	
}

label {
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	display: block;
	width: 12em;
	float: left;
	
}

input.btn {
	font-size: 80%;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	height:21px;
	width: 78px;
	font-weight: bold;
	vertical-align: middle;
	background-image:url(../images/applynow.jpg);
	border:none;
}
input.btnhov {
	font-size: 80%;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	height:21px;
	width: 78px;
	font-weight: bold;
	vertical-align: middle;
	background-image:url(../images/applynowhover.jpg);	
	border:none;
	cursor:hand;
}
input {
	width: 320px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #AAAAAA;
	font-size:100%;
	/*font-family: Times New Roman, Times, serif;*/
	font-family: "Gill Sans MT", Tahoma;
}
input.radio, {
	width: auto;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #AAAAAA;
}
input.checkbox {
	width: auto;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border:none;
}

textarea {
	height: 100px;
	width: 320px;
	margin: 0px;

	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 1px solid #AAAAAA;
	font-size:100%;
	/*font-family: Times New Roman, Times, serif;*/
	font-family: "Gill Sans MT", Tahoma;
}
 fieldset {
	padding: 0px;
	margin:0px;
	border: none;
}
legend {
	font-size: 90%;
	background-color: #FFFFFF;
}

   img.preload { display: none; }

.testimonialtable 		{  width:690px; height:auto; margin-top:20px; }
.testimonialtable-left 	{ /*position:relative;*/ width:160px; height:auto; float:left;}
.testimonialtable-right { /*position:relative;*/ width:530px; height:auto;float:left;}
.arrow					{ padding-right:0px;}


/*Archived Blogs search form*/
.searchf input { width: 200px;}
.searchf label { width: 117px;}
#button {
	width: 60px;
	cursor: hand;
	cursor: pointer;
	}
	
	/*Site Map*/


ul.mainContentList
{ padding:0px;
margin:0px;
padding-top: 10px;

}

ul.mainContentList li 
{
	background:url(../images/bullet3.png); 
	background-repeat:no-repeat; 
	margin-top:auto; 
	margin-bottom:auto; 
	padding:0 0 0 18px; 
	list-style:none; 
	background-position: 0 6px; 
	font-size:90%; 
}