@import url("superfish.css");
/* Vovia
    
   Author:   Cory Schadt (Cornerstone Technologies)			
   ----------------------------------------------------*/
	 

/* =GENERAL SELECTORS 
   ----------------------------------------------------*/
			
		
			
html, body { margin: 0; padding: 0; border: 0; }
body { background-color: #FFFFFF; margin: 0px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px; line-height: 1.4em; color: #666666; background: url(../images/body-bg.gif) repeat-x 0 10px; }
a:link, a:visited { color: #85A131; text-decoration: none; }
a:hover { text-decoration: underline; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
p { margin: 0 0 1.5em; padding: 0; line-height: 1.5; }
a img { border: 0; }
ul, ol { margin: 0 0 1.5em 30px; padding: 0; }
ul ul, ol ol { font-size: 100%; margin: 0.40em 0 0.80em 10px; }
ul li, ol li { line-height: 1.3; margin-top: 0px; margin-right: 0px; margin-bottom: .6em; margin-left: 0px; }
ul li { list-style-image: url(../images/bullet-black.gif); }
ol ol li { margin-left: 25px; list-style-type: lower-roman; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", verdana, arial; }
h1 { font-size: 24px; color: #545454; font-weight: 600; margin-bottom: 0.8em; margin-top: 0px; line-height: 22px; }
h2 { margin: 0 0 0.60em; padding: 0; color: #545454; font-size: 17px; font-weight: 600; }
h3 { margin: 0 0 0.60em; padding: 0; color: #666666; font-size: 15px; font-weight: normal; }
h4 { margin: 0 0 0.60em; padding: 0; color: #7D992F; font-size: 14px; font-weight: normal; }
h5 { margin: 0 0 0.60em; padding: 0; color: #999999; font-size: 14px; font-weight: normal; }
h6 { margin: 0 0 0.60em; padding: 0; color: #363636; font-size: 14px; font-weight: normal; }
a.vcard {
	font-size: 10px;
	background: url(/vcard/vcard.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
/* =FORMS ----------------------------------------------------*/
form { width:203px; margin:0; }
form .row { margin:2px 0; }
.row label { display:block; float:left; width:58px; color:#333; }
.row label span { color:#ff0000; }
.row input, select { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; border:solid 1px #D1D1D1; color:#666; }
.row input:focus, select:focus { color:#333; border-color:#7A952E; }
.row select { width:143px; }
.row .button { border-bottom:solid 1px #333; border-right:solid 1px #333; border-top:solid 1px #666; border-left:solid 1px #666; color:#000; }
#center { text-align:right; margin:5px 0; }
/* =LAYOUT ----------------------------------------------------*/
.dark { color: #333333; }
#wrapper { width: 780px; margin-right: auto; margin-left: auto; }
#masthead { height: 95px; }
#banner-home { background-image: url(../images/banner-home.jpg); height: 239px; background-repeat: no-repeat; position: relative; }
#navigation-wrapper { background-image: url(../images/nav-bg.gif); height: 47px; background-repeat: no-repeat; background-position: top; background-color: #FFFFFF; }
#nav { margin-top: 0px; padding-left: 0px; height: 47px; }
#home-content-wrapper { margin-top: 20px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#home-content-top { background-image: url(../images/home-content-top.gif); height: 4px; background-repeat: no-repeat; margin: 0px; padding: 0px; background-position: bottom; }
#home-content-mid { background-image: url(../images/home-content-mid.gif); background-repeat: repeat-y; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; margin: 0px; background-position: center top; }
#home-content-bot { background-image: url(../images/home-content-bot.gif); height: 4px; background-repeat: no-repeat; margin: 0px; padding: 0px; }
#home-buckets { margin-top: 20px; }
#home-contentB { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 30px; }
#home-contentB h2 { font-size: 24px; color: #545454; font-weight: 600; margin-bottom: 0.8em; margin-top: 0px; line-height: 22px; margin-left: 0px; }
#home-columnA { float: left; width: 345px; padding-right: 30px; border-right-width: 1px; border-right-style: solid; border-right-color: #F0F0F0; }
#home-columnB { float: right; width: 335px; }
.read-more { height: 28px; width: 112px; position: absolute; left: 122px; top: 177px; }
#bucket-1 h6, #bucket-2 h6, #bucket-3 h6 { font-size: 22px; color: #545454; font-weight: 600; margin-bottom: 0.8em; margin-top: 25px; line-height: 22px; margin-left: 22px; }
#bucket-1 ul li, #bucket-2 ul li { line-height: 1.3; margin-top: 0px; margin-right: 5px; margin-bottom: 0.4em; margin-left: 0px; color: #FFFFFF; font-size: 11px; list-style-image: url(../images/bullet-white.gif); }
#bucket-1 { background-image: url(../images/bucket-1.gif); height: 226px; width: 256px; float: left; margin-right: 6px; position: relative; }
#bucket-2 { background-image: url(../images/bucket-2.gif); height: 226px; width: 256px; float: left; margin-right: 6px; position: relative; }
#bucket-3 { background-image: url(../images/bucket-3.gif); height: 226px; width: 256px; float: left; position: relative; }
#bucket-3 ul li { line-height: 1.3; margin-top: 0px; margin-right: 5px; margin-bottom: 0.4em; margin-left: 0px; color: #FFFFFF; font-size: 11px; list-style-image: url(../images/bullet-white.gif); }
.hor-line { background-image: url(../images/hor_line.gif); background-repeat: repeat-x; height: 1px; width: 100%; }
#footer-wrapper { height: 170px; margin-top: 20px; border: 1px solid #f5ffec; margin-bottom: 0px; clear: both; background-image: url(../images/footer-bg-2.gif); background-repeat: repeat-x; }
#footer p { color: #FFFFFF; margin-bottom: 5px; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; }
#footer .footer-links { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; padding-bottom: 5px; }

div#services-wrapper {
	width: 374px;
	margin-right: 0px;
	float: left;
}

div#tools-wrapper {
	width: 171px;
	height: 100px;
	margin-right: 30px;
	float: left;
	border-right: 1px #7c981e solid;
}
#footer ul#landing-pages.footer-links {
	border-bottom: none;
	margin-left: 15px;
	width: 165px;
	float: left;
	text-shadow: #686868 1px 1px 6px;
}

#footer ul#landing-pages.footer-links.two {
	width: 146px;
}

#address .row,
#footer ul#landing-pages li {
	font-family: 'Lucida Grande', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}

#footer div#address.vcard {
	color: #ffffff;
	width: 204px;
	float: left;
	text-shadow: #686868 1px 1px 6px;
}

#address .row {
	padding-left: 2px;
}

#footer .title {
	color: #ffffff;
	font-size: 15px; font-weight: 600;
	padding-bottom: 8px;
	text-shadow: #686868 1px 1px 6px;
}

#footer a.uend.badge {
	width: 110px;
	height: 35px;
	margin-top: 10px;
	float: left;
}

#footer { width: 780px; margin-right: auto; margin-left: auto; margin-top: 25px; }
#search-box { float: right; width: 215px; margin-right: 5px; margin-top: 12px; }
.search-field { background-color: #FFFFFF; width: 118px; border: 1px solid #698028; padding-left: 20px; font-weight: normal; color: #006600; background-image: url(../images/mag.gif); background-repeat: no-repeat; background-position: 5px; padding-top: 1px; padding-bottom: 1px; }
.search-field:focus { border: 1px solid #333333; background-color: #FBFBFB; }
.search-button { margin-bottom: -8px; margin-left: 5px; }
.clear { clear: both; }
#banner-content { background-image: url(../images/banner-inner.gif); height: 78px; }
#content-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
#main-content { width: 450px; margin-top: 50px; float: left; }
.hor-line-main { background-image: url(../images/hor_line.gif); background-repeat: repeat-x; height: 1px; width: 450px; padding-bottom: 15px; }
#sidebar-wrapper { float: right; width: 271px; margin-top: 33px; }
.sidebar-mid h2 { font-size: 22px; color: #545454; font-weight: 600; margin-bottom: 0.8em; margin-top: 0px; line-height: 22px; margin-left: 0px; }

#sidebar-wrapper a { color: #333333; }
.sidebar-top { background-image: url(../images/sidebar-top.gif); height: 4px; }
.sidebar-mid { background-image: url(../images/sidebar-mid.gif); background-repeat: repeat-y; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; padding-top: 26px; }
#sidebar-wrapper ul { margin-left: 15px; }
.sidebar-bot { background-image: url(../images/sidebar-bot.gif); height: 4px; background-repeat: no-repeat; padding-bottom: 20px; }
#logo  { font-size: xx-small; text-indent: -9999px; overflow: hidden; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; top:22px; }
#logo a  { display: block; width: 145px; height: 51px; background-color: #fff; background-image: url(../images/logo_vovia.gif); background-position: 0em; background-repeat: no-repeat; }
.read-more-blue { height: 27px; width: 110px; top: 146px; position: absolute; left: 647px; }
h2.print, h3.print { display: none; }
a.nav-home { display: block; width: 93px; height: 47px; text-decoration: none; background-image: url(../images/nav-home.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
a.nav-home:hover { background-position: -93px 0; }
a.nav-about { display: block; width: 86px; height: 47px; text-decoration: none; background-image: url(../images/nav-about.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
a.nav-about:hover { background-position: -86px 0; }
a.nav-services { display: block; width: 80px; height: 47px; text-decoration: none; background-image: url(../images/nav-services.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
a.nav-services:hover { background-position: -80px 0; }
.sf-menu li.sfHover a.nav-services { background-position: -80px 0; }
a.nav-partners { display: block; width: 85px; height: 47px; text-decoration: none; background-image: url(../images/nav-partners.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
a.nav-partners:hover { background-position: -85px 0; }
a.nav-contact { display: block; width: 101px; height: 47px; text-decoration: none; background-image: url(../images/nav-contact.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
a.nav-contact:hover { background-position: -101px 0; }
a.nav-clients { display: block; width: 75px; height: 47px; text-decoration: none; background-image: url(../images/nav-client.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
a.nav-clients:hover { background-position: -75px 0; }
.fadeThis { position:relative; display:block; height: 27px; width: 110px; background-image: url(../images/learn1.gif); background-repeat: no-repeat; background-position: 0 0; }
.fadeThis * { display: none; }
.fadeThis span.hover { position: absolute; top: 0; left: 0; display: block; height: 27px; width: 110px; background-image: url(../images/learn1.gif); background-repeat: no-repeat; background-position: 0 -27px; }
.fadeThisb { position:relative; display:block; height: 27px; width: 110px; background-image: url(../images/learn2.gif); background-repeat: no-repeat; background-position: 0 0; }
.fadeThisb * { display: none; }
.fadeThisb span.hover { position: absolute; top: 0; left: 0; display: block; height: 27px; width: 110px; background-image: url(../images/learn2.gif); background-repeat: no-repeat; background-position: 0 -27px; }
#sidebar-wrapper a:hover, .sidebar-mid .active { text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
#test { background-color: #CCCCCC; width: 200px; }


/* Page Specific */

ul.clients {
	width: 195px;
	float: left;
}


/* Rotating Did You Know */

#sidebar-wrapper .sidebar-mid ul#scrollMe li, #sidebar-wrapper .sidebar-mid ul#scrollMe {list-style-type:none;list-style-image:none;padding:0;margin:0;}
#sidebar-wrapper .sidebar-mid ul#scrollMe li {width:231px}
