@charset "utf-8";
/* Font- Content ---------------------------------------------------*/
body {
	background: url(../images/background.jpg);
	background-color: #1f4663;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #464747;
	margin:0;
	padding:0;
	height:100%;
}
.homepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.homepage a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #014052;
	text-decoration:none;
}
.homepage a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3c5d61;
	text-decoration: underline;
}
.homepage a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3c5d61;
	text-decoration: underline;
}
.homepage a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3c5d61;
	text-decoration: underline;
}
body a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #014052;
	text-decoration:none;
}
body a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #014052;
	text-decoration:none;
}
body a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3c5d61;
	text-decoration: underline;
}
body a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3c5d61;
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	line-height:32px;
	text-transform: uppercase;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 29px;
	color: #464747;
	font-weight:bold;
	text-decoration:none;
	line-height:29px;
	text-transform: uppercase;
	margin:0px;
	padding:0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	line-height:11px;
	text-indent:15px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	line-height:11px;
	margin:0px;
	padding:0px;
}
ul {
	list-style: disc outside;
}
/* Top Menu ---------------------------------------------------*/















.n2surf {
	display: none;
}
#nav {
	display: inline;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	width: 653px;
}
#nav ul {
	padding: 0px;
	margin: 0px;
	height: 92px;
	float: inherit;
}
#nav ul li {
	display: inline;
	float: left;
}
#nav ul li a {
	padding: 0;
	margin: 0 0px 0 0;
	height: 92px;
	display: block;
}
#nav li ul { /* second-level lists */
	position: absolute; /* just added */
	width: 168px;
	left: -999em;
	z-index: 20;
}
#nav li ul li a {
	border-right: 1px solid #99b3ba;
	border-left: 1px solid #99b3ba;
	border-top: 1px solid #99b3ba;
	text-align: left;
	width: 166px;
	display: block;
	padding: 7px 5px 0px 9px;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	background:#014052;
	height: 20px;
	overflow: hidden;
}
#nav li ul li.mlast a {
	border-bottom: 1px solid #99b3ba;
}
#nav li ul li a:hover {
	color: #ffffff;
	width: 166px;
	background:#3c5d61;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0;
	margin-left: 0;
}
#nav li:hover, #nav li.hover {
	position: static;
}
#home a {
	display: block;
	width: 72px;
	background: url(../images/nav-home.png) no-repeat;
}
#home a:hover {
	display: block;
	width: 72px;
	background: url(../images/nav-home-over.png) no-repeat;
}
#homeactive a {
	display: block;
	width: 72px;
	background: url(../images/nav-home-over.png) no-repeat;
}
#services a {
	display: block;
	width: 109px;
	background: url(../images/nav-services.png) no-repeat;
}
#services a:hover {
	display: block;
	width: 109px;
	background: url(../images/nav-services-over.png) no-repeat;
}
#servicesactive a {
	display: block;
	width: 109px;
	background: url(../images/nav-services-over.png) no-repeat;
}
#portfolio a {
	display: block;
	width: 126px;
	background: url(../images/nav-portfolio.png) no-repeat;
}
#portfolio a:hover {
	display: block;
	width: 126px;
	background: url(../images/nav-portfolio-over.png) no-repeat;
}
#portfolioactive a {
	display: block;
	width: 126px;
	background: url(../images/nav-portfolio-over.png) no-repeat;
}
#resources a {
	display: block;
	width: 131px;
	background: url(../images/nav-resources.png) no-repeat;
}
#resources a:hover {
	display: block;
	width: 131px;
	background: url(../images/nav-resources-over.png) no-repeat;
}
#resourcesactive a {
	display: block;
	width: 131px;
	background: url(../images/nav-resources-over.png) no-repeat;
}
#about a {
	display: block;
	width: 115px;
	background: url(../images/nav-about.png) no-repeat;
}
#about a:hover {
	display: block;
	width: 115px;
	background: url(../images/nav-about-over.png) no-repeat;
}
#aboutactive a {
	display: block;
	width: 115px;
	background: url(../images/nav-about-over.png) no-repeat;
}
#contact a {
	display: block;
	width: 99px;
	background: url(../images/nav-contact.png) no-repeat;
}
#contact a:hover {
	display: block;
	width: 99px;
	background: url(../images/nav-contact-over.png) no-repeat;
}
#contactactive a {
	display: block;
	width: 99px;
	background: url(../images/nav-contact-over.png) no-repeat;
}
/*SEARCH FORM STYLE*/







.search-form {
	font-size: 11px;
	background-color: #ecefed;
	border: 1px solid #666666;
}
/*FORM STYLE*/















.input {
	border: 1px solid #006;
	background: #ffc;
}
.input:hover {
	border: 1px solid #f00;
	background: #ff6;
}
input.text-input {
	border: 1px solid #7f9db9;
	padding: 1px 1px 1px 1px;
}
textarea.text-input {
	border: 1px solid #7f9db9;
	padding: 1px 1px 1px 1px;
}
.error {
	color:#F00;
	font-size:10px;
}
.button-header {
	border: none;
	background: url(../images/search-button.jpg) no-repeat top left;
	height:18px;
	width:54px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.button-header:hover {
	border: none;
	background: url(../images/search-button-over.jpg) no-repeat top left;
	height:18px;
	width:54px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.btn {
	color:#333333;
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#ecefed;
	border:1px solid;
	border-color: #153e5c #4384a6 #4384a6 #153e5c;
}
.btn5 {
	color:#333333;
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#ecefed;
	border:1px solid;
	border-color: #153e5c #4384a6 #4384a6 #153e5c;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	margin:0;
	padding:0;
	height:100%;
}
.button-interior {
	border: none;
	background: url(../images/submit-interior.jpg) no-repeat top left;
	height:23px;
	width:77px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	padding-right: 35px;
}
.button-interior:hover {
	border: none;
	background: url(../images/submit-interior-over.jpg) no-repeat top left;
	height:23px;
	width:77px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	padding-right: 35px;
}
#quote-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464747;
	text-decoration:none;
	line-height:20px;
	width:250px;
	padding-left:50px;
	background-image:url(../images/request-bg.jpg);
	background-repeat: repeat-y;
}
#request {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464747;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:270px;
	padding-left:50px;
	vertical-align:middle;
	padding: 7px;
	text-indent: 10px;
}
/* SERVICE LINKS*/





#Search-Engine-Optimization a {
	display:block;
	background: url(../images/search-engine-optimization.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:278px;
	height:42px;
	padding-top:78px;
	text-indent:10px;
}
#Search-Engine-Optimization a:hover {
	background: url(../images/search-engine-optimization.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #3c5d61;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:278px;
	height:42px;
	padding-top:78px;
	text-indent:10px;
}
#Web-Site-Development a {
	display:block;
	background: url(../images/web-development.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:278px;
	height:42px;
	padding-top:78px;
	text-indent:10px;
}
#Web-Site-Development a:hover {
	background: url(../images/web-development.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #3c5d61;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:278px;
	height:42px;
	padding-top:78px;
	text-indent:10px;
}
#PPC-Management a {
	display:block;
	background: url(../images/pay-per-click.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:278px;
	height:42px;
	padding-top:78px;
	text-indent:10px;
}
#PPC-Management a:hover {
	background: url(../images/pay-per-click.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #3c5d61;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	width:278px;
	height:42px;
	padding-top:78px;
	text-indent:10px;
}
/* Footer ---------------------------------------------------*/







#footmenu {
	float: left;
	width: 550px;
	margin: 25px 0 0 10px;
}
#footmenu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10px;
}
#footmenu ul li {
	display: inline;
	margin: 0;
}
#footmenu ul li a {
	padding: 3px 6px;
	color: #ffffff;
	text-decoration: underline;
	border-right: 1px dotted #ecefed;
	font-size: 10px;
}
#footmenu ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}
#footmenu ul li.activefoot {
	color: #ffffff;
	border-right: 1px dotted #ffffff;
	padding: 0 10px;
	font-size: 10px;
	text-decoration: none;
}
#footmenu ul li.last a {
	border-right:none;
}
#copyright {
	float: right;
	color:#FFF;
	font-size: 10px;
	width: 300px;
	margin: 10px 0 0 10px;
}
#copyright a {
	color: #ffffff;
	font-size:10px;
	text-decoration: underline;
}
#copyright a:hover {
	color: #ffffff;
	font-size:10px;
	text-decoration: none;
}
.divider {
	float:left;
	background: url(../images/footer-div2.gif) no-repeat top;
	width: 4px;
	height: 72px;
	overflow: hidden;
	margin: 0px 0 0 35px;
}
#headermenu {
	float: left;
	width: 675px;
	margin: 13px 20px 0px 232px;
}
#headermenu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10px;
}
#headermenu ul li {
	display: inline;
	margin: 0;
}
#headermenu ul li a {
	padding: 3px 20px;
	color: #ffffff;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}
#headermenu ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}
#headermenu ul li.activefoot {
	color: #ffffff;
	padding: 0 15px;
	font-size: 10px;
	text-decoration: none;
}
.testimonial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464747;
}
.testimonial-date {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #111111;
}
.testimonial-name {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	color: #464747;
}

