a:link {
	color: #33859F;
}
a:visited {
	color: #678283;
}
a:hover {
	color: #58ADC9;
}
a:active {
	color: #CCCCCC;
}

#outerwrap {
	width: 865px;
	margin-left: -420px;
	position: absolute;
	left: 50%;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar {
	background-repeat: repeat-x;
	background-position: center top;
	float: right;
	width: 160px;
}
#maincol {
	float: left;
	color: #FFFFFF;
	width: 669px;
}
#footer {
	clear: both;
	text-align: center;
	margin-top: 30px;
}
#content {
	background-color: #000000;
	width: 833px;
	background-image: url(images/sidebarfill.gif);
	background-position: right top;
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
}
#nav li {
	display: block;
	float: left;
	width: 131px;
	margin: 0px;
	list-style-type: none;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 14px;
	line-height: 80px;
	padding: 0px;
}
#shadow {
	clear: both;
}
#header h1, #header h2 {
	display: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(images/bodyfill.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 835px;
}
ul#nav {
	list-style-type: none;
	height: 80px;
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#maincol h3 {
	background-image: url(images/homeimage.jpg);
	height: 244px;
	width: 669px;
	font-size: 1px;
	color: #4E6E83;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-transform: lowercase;
	background-color: #48627D;
}

#maincol h3 p {
	display: none;
	margin: 0px;
	padding: 0px;
}
#shadow {
	background-image: url(images/shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 12px;
	padding-left: 16px;
}
 #sidebar ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}
#sidebar h3 {
	font-size: 11px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 26px;
}
#sidebar li {
	font-size: 10px;
	list-style-type: none;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
}
#maincol #feature {
	width: 180px;
	float: left;
	font-size: 12px;
	background-image: url(images/featurefill.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 20px;
	height: 100%;
}

#maincol #widecontent {
	float: right;
	font-size: 13px;
	line-height: 20px;
	padding: 0px;
	margin-top: 0px;
	width: 460px;
}
#feature img {
	border: 6px solid #DFE0E1;
	padding: 0px;
	margin-top: 15px;
	margin-left: 30px;
}
#feature h4 p {
	display: none;
}
#feature h4 {
	background-image: url(images/featuredclient.gif);
	height: 16px;
	width: 119px;
	padding: 0px;
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 28px;
}
#maincol #feature p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	line-height: 16px;
}
.bold {
	font-weight: bold;
	color: #A3C8D1;
}
a.go {
	text-decoration: none;
	color: #7DB9C1;
	font-weight: bold;
	background-image: url(images/go.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: right top;
	text-align: right;
	padding-right: 20px;
	line-height: 15px;
}
a.golight {
	text-decoration: none;
	color: #DC2C5E;
	font-weight: bold;
	background-image: url(images/golight.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: right top;
	text-align: right;
	padding-right: 20px;
	line-height: 15px;
	}
#sidebar li a {
	color: #33859F;
	text-decoration: none;
}
#nav a {
	color: #000000;
	text-decoration: none;
}
#footer p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
#nav a {
	display: block;
}
#nav li.selected {
	background-image: url(images/selected.gif);
	background-repeat: repeat-x;
}
#nav a:hover {
	background-color: #EDEEEF;
	color: #788DB6;
}
#outerwrap.services  #maincol h3 {
	background-image: url(images/howmaywehelpyou.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 656px;
}
#outerwrap.services #content #maincol {
	float: right;
	width: 656px;
}
#outerwrap.services  #content {
	background-image: url(images/servicesfill.gif);
}
#outerwrap.services  #content #sidebar {
	width: 175px;
	float: left;
}
#maincol span p {
	display: none;
	margin: 0px;
	padding: 0px;
}
#newsite {
	background-image: url(images/brandnewsite.jpg);
	height: 192px;
	width: 219px;
}

#redesign {
	background-image: url(images/siteredesign.jpg);
	height: 192px;
	width: 220px;
}
#outerwrap.services #maincol li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#outerwrap.services #widecontent {
	float: right;
	margin: 0px;
	padding: 0px;
	width:656px;
}
.services  #maincol ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #575B80;
}
#maincol .newsite {
	background-image: url(images/brandnewsite.jpg);
	width: 219px;
}
#maincol .redesign {
	background-image: url(images/siteredesign.jpg);

	width: 220px;
}
#maincol .blog {
	background-image: url(images/custom%20blog.jpg);
		width: 217px;
}
.services #maincol li h4 {
	display: none;
}
#widecontent p {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.services  #maincol ul li {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #575B80;
}
.services #maincol ul li p {
	font-size: 12px;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	line-height: 17px;
}
.servicesfiller {
	background-color: #575B80;
}
#widecontent blockquote {
	background-image: url(images/testimonial.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
cite {
	display: block;
	text-align: right;
	color: #E40151;
}
#sidebar p {
	margin: 0px;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 20px;
	font-size: 10px;
	padding-bottom: 20px;
}
img.mainimage {
	margin: 0px;
	padding: 0px;
	float:left;
}
#widecontent h4 {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 10px 0 10px;
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #9DD6E6;
}
#feature h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #E40151;
}
#feature li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: 12px;
}
#feature ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #CCCCCC;
}
#widecontent table {
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #BC2430;
	width: 400px;
	margin: 10px;
}
#widecontent table td {
}
.tabletext {
	text-align: right;
	width: 150px;
}
#widecontent  table td {
	vertical-align: bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height: 16px;
	font-size: 13px;
}
#widecontent table input, #widecontent table textarea {
	background-color: #DFE0E1;
	border: 1px solid #33859F;
}
#widecontent table input:hover, #widecontent table textarea:hover {
background-color:white;
} 
.about #maincol h3 {
	background-image: url(images/relationship.jpg);
}
.quote #maincol h3 {
	background-image: url(images/yourexperts.jpg);
}
a.requestquote {
	background-image: url(images/requestquotebutton.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 129px;
	margin: 0px;
	padding: 0px;
	display:block;
}#widecontent small {
	padding: 10px;
	font-size: 90%;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	    color:#000;
    text-decoration:none}
	a.info img {
	border:0;
	}

a.info:hover{z-index:25; background-color:#000}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
	padding:7px;}
	
	
	
	/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash #maincol h4 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 20px;
}

#blogcontent {
	padding: 15px;
}
#sidebar li li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#sidebar ul ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}