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

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* */

body {background: #eee; margin-top:20px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}

#container {width: 950px; margin:auto;}
.clear {clear:both; margin:0; padding:0; height:0px;}

strong, b {font-weight:bold;}

#header-top { background:url(../images/header-top.png) no-repeat; height:19px; width:950px;}
#header-mid, #content-mid {background:url(../images/header-mid.png) repeat-y; padding-left:20px; padding-right:20px; position:relative; width:910px;}

#logo {background: url(../images/logo.gif) no-repeat; padding-left:25px; font-size:28px; font-family: Arial, Helvetica, sans-serif; padding-top:15px; color: #285995; display:block; width:500px; float:left; font-weight:normal;}
#logo span{color:#e0b82e;}
#logo span#tagline {color:#777; padding-left:40px; font-size:12px; font-weight:bold; line-height:1.5;}

#phone {color:#777; width:300px; float:left;}
#phone p {padding-top:20px;}
#phone span {color:#285995; font-size:24px;}
#phone img {float:right; margin-bottom:-11px; margin-top:-10px; position:relative;}

#header-btm, #content-btm{ background:url(../images/header-bottom.png) no-repeat; height:19px; width:950px; }

#content-top {background:url(../images/nav-back.png) repeat-y; width:950px; overflow:auto;}

#nav {background:url(../images/content-top.png) no-repeat; padding-top:10px; padding-left:20px; padding-right:20px; width:910px; overflow:auto;}
#nav li {display:inline;}
#nav li a {display: block; height:1%; float:left; padding: 10px 20px; text-decoration:none; color:#fff; font-size:1.2em; margin-right:10px;}
#nav li a.active, #nav li a:hover {background: url(../images/nav-tab.png) repeat-x; color:#000;}

#content-mid {font-size:0.8em; color:#777; line-height:1.5; padding-top:20px;}
#content-mid h1 {background:url(../images/title-back.png) left top repeat-y; padding-left:5px; font-size:2em; color:#285995; font-weight:normal;}
#content-mid h3 {font-size:1.5em;}
#content-mid p { padding-bottom:10px; padding-top:10px;}
#content-mid ul {list-style: disc; margin-left:40px;}

#box-top {background:url(../images/box-top.gif) no-repeat; height:17px; width:910px;}
#box-mid {background:url(../images/box-mid2.gif) repeat-y; padding-left:20px; padding-right:20px; width:870px;}
#box-mid2 {background:url(../images/box-mid.gif) repeat-y; padding-left:20px; padding-right:20px; width:870px;}
#box-mid2 div.img {float:left; padding-left:5px; padding-right:15px; margin-bottom:30px; text-align:center; font-weight:bold; width:150px;}
#box-mid2 div.img img {border:1px solid #666; display:block; margin:auto;}
#box-btm {background:url(../images/box-btm.gif) no-repeat; height:17px; margin-bottom:20px; width:910px;}

.col {width:250px; margin-right:25px; margin-left:25px; float:left;}
.col h3 {color:#000; font-size:1.5em; font-weight:bold; padding-left:65px;}
.col h3 a {color:#000; text-decoration:none;}
.col h3 a:hover {text-decoration:underline;}
.col.last {margin-right:5px;}
.col.first {margin-left:5px;}

#web {background:url(../images/document.png) no-repeat top left;}
#ppc {background:url(../images/pie-chart.png) no-repeat top left;}
#seo {background:url(../images/bar-graph.png) no-repeat top left;}

a.grybtn {padding: 10px 20px; text-decoration:none; color:#777; border: 1px solid #ccc; background:url(../images/gry-btn.png) repeat-x #dadada; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
a:hover.grybtn {color:#000;}

#ltcol {width:600px; float:left; padding-right:10px;}
#rtcol {width:300px; float:left; text-align: center;}
#rtcol img {margin-bottom:20px;}

.validation {text-align:center;}

.ylwbtn {border: 1px solid #f7b412; background:url(../images/ylw-btn.png) repeat-x #f7bd32; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-decoration:none; padding: 10px 20px; color:#c58d05; font-size:1.5em; font-weight:bold; margin-bottom:20px;}
.ylwbtn:hover {color:#000;}

#footer-top {background:url(../images/footer-top.png) no-repeat; height:18px; width:950px;}
#footer-mid {background:url(../images/footer-mid.png) repeat-y; padding-left:20px; padding-right:20px; color:#fff; font-size:0.8em; text-align: center; width:910px; line-height:1.5;}
#footer-mid a {color:#fff;}
#footer-btm {background:url(../images/footer-bottom.png) no-repeat; height:24px; width:950px;}

/*Forms*/
label {display:block; font-weight:bold; padding-bottom:10px;}
.invalid {color:#FF0000;}
input.text {border: 1px solid #ccc; padding:5px; width:300px; margin-bottom: 10px; font-size:1.5em;}
input.ylwbtn {width:150px; display:block; cursor: pointer; margin-top:20px;}
fieldset {width:350px; float:left; padding-top:20px;}
input.text:focus {border-color: #000;}