/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/
body {margin: 0;padding: 0;text-align: center;font-family: verdana, arial, helvetica, sans-serif;color: #333;background: #dedede url(/i/bkd_gray_center_shaded.jpg) center repeat-y;}
/* Normal links */
a:link {color: #36c;text-decoration: underline;}
a:visited {color: #c30;text-decoration: none;}
a:hover, a:visited:hover {color: #000;text-decoration: underline;}
/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {border: none;background-color:transparent;}

h1 {margin: 0;padding: 0;font-family: arial, helvetica, sans-serif;font-size: 18px;font-weight: bold;color: #c30;}
h2 {font-size: 14px;font-weight: bold;color: #c00;text-align: center;}
h2 span {color: #666;}
h3 {margin-top: 8px;padding: 0;font-size: 14px;font-weight: bold;color: #000;}
h4 {margin: 0 0 5px 0;padding: 0;font-size: 11px;color: #663;}
h5 {margin: 0 0 5px 0;padding: 0 0 5px 0;font-size: 11px;color: #999;border-bottom: 1px solid #dedede;}
h6 {margin: 0; padding: 0 font-size: 11px;color: #3366cc;}
p {margin: 0 0 1.0em 0;font-size: 11px;color: #000;line-height: 16px;}
* {font-size: 11px;color: #000;line-height: 16px;}	
	
/*-------------------------------------------------
MISCELLANEOUS
-------------------------------------------------*/
div.spacer {clear: both;}
img { border: none; }
hr { display: none; }
/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

/* Outer bounding box for all pages */
#Frame {margin: 0 auto;padding: 0;width: 757px;}

/*-------------------------------------------------
MASTHEAD
-------------------------------------------------*/

/* white space at top */
#Header {margin: 0;padding: 0; background: #fff url(/i/headtop9.jpg) left bottom no-repeat;height: 55px;text-align: left; width:757px;}
#Header h2 {font-size: 14px;font-weight: bold;color: #36c;text-align: left;}

#clickhere {display:none;position:absolute;padding: 0;margin-top:50px;margin-left:670px; height: 99px;text-align: right;width:97px;z-index: 1}
#Footer {text-align: center;border-top: 1px solid #999;font-size: 10px;color: #999;background: #fff url(/i/bkd_footer.gif) repeat-x;clear: both;}

/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/

/* Container for navigation */
#MainNavBox {margin: 0;padding: 0;background:  url(/i/buttonstrip.jpg) no-repeat;width: 757px;height: 24px;}

/* UL for main navigation */
#MainNav {margin: 0;padding: 0;position: relative;}
#MainNav li {margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}
#MainNav li, #MainNav a {height: 24px;display: block;}
#MainNav a {text-decoration: none;}

/* Below is the old menu styles (with the "take a tour" option"
#mainnav_home {left: 20px; width: 52px;border-right:1px solid #999}
#mainnav_benefits {left: 92px; width: 66px; border-right:1px solid #999}
#mainnav_features {left: 178px; width: 70px;border-right:1px solid #999}
#mainnav_clients {left: 268px; width: 80px;border-right:1px solid #999}
#mainnav_faq {left:362px; width: 35px;border-right:1px solid #999}
#mainnav_tour {left: 417px; width: 84px;border-right:1px solid #999}
#mainnav_about {left: 514px; width: 66px;border-right:1px solid #999}
#mainnav_contact {left: 602px; width: 154px;}
#mainnav_news {left: 703px; width: 44px;}
*/
#mainnav_home {left: 20px; width: 66px;border-right:1px solid #999}
#mainnav_benefits {left: 110px; width: 80px; border-right:1px solid #999}
#mainnav_features {left: 224px; width: 84px;border-right:1px solid #999}
#mainnav_clients {left: 320px; width: 94px;border-right:1px solid #999}
#mainnav_faq {left:440px; width: 49px;border-right:1px solid #999}
#mainnav_tour {left: 417px; width: 84px;border-right:1px solid #999}
#mainnav_about {left: 515px; width: 80px;border-right:1px solid #999}
#mainnav_contact {left: 616px; width: 168px;}
#mainnav_news {left: 703px; width: 44px;}

/*-------------------------------------------------
BODY CONTENT
-------------------------------------------------*/

/* Main content block */
#Content {text-align: left;	float: left;text-align: left;position: relative;}

/*-------------------------------------------------
BODY CONTENT -- LEAD PHOTO
-------------------------------------------------*/

/* Lead Photograph */
#LeadPhoto {
float: left;text-align: left;position: relative;width: 757px;background-color: #fff;background: #fff url(/i/headerletters.jpg) no-repeat;
	height: 147px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 148px; } 
	
	html>body #LeadPhoto { height: 146px; }

/*-------------------------------------------------
BODY CONTENT -- 3 COLUMN TEXT ON HOMEPAGE
-------------------------------------------------*/

#HomeThreeColLeft {margin-top: 10px;float: left;text-align: left;width: 155px;}
#HomeThreeColLeft div {}
#HomeThreeColLeft p{font-size: 10px;line-height: 14px;}

#HomeThreeColMiddle {position: relative;float: left;text-align: left;width: 435px;padding-left: 10px;padding-right:10px;}
#HomeThreeColMiddleBody p {text-align:justify;}
#HomeThreeColMiddleBody h3 {font-size: 16px;color: #c00;}
#HomeThreeColMiddleBody ul {}
#HomeThreeColMiddleBody li {font-size: 10px;line-height: 16px;}

#HomeThreeColRight {float: left;text-align: left;width: 125px;}
#HomeThreeColRightBody {padding: 0px;}
#HomeThreeColRightBody p {color: #333;}
#HomeThreeColRightBody h3 {margin: 0px;color: #fff;height: 10px;}
/*-------------------------------------------------
sample newsletter
-------------------------------------------------*/

#newsletter {float: left;text-align: left;width: 145px;}
#newsletter h6{font-size:10px;color:#333;margin-top:10px;border-top:1px solid #36c;border-bottom:1px solid #36c;}

/*-------------------------------------------------
Subscribe to webworks newsletter
-------------------------------------------------*/

#subscribe {float: left;text-align: left;width: 145px;height:100%;}
#subscribe p{font-size:10px;color:#333;margin-bottom:0px;}
#accounts {float: left;text-align: left;width:145px;padding-left:5px;}
#accounts p{font-size:10px;color:#333;margin-bottom:0px;}
form{margin:0px;padding:0px;width:145px}

/*-------------------------------------------------
BODY CONTENT -- 2 COLUMN TEXT
-------------------------------------------------*/

#TwoColLeft {margin-top: 20px;float: left;text-align: left;width: 174px}
#TwoColLeft div {padding: 0 16px;margin-bottom: 25px;}
#TwoColLeft div p {margin-top: 0;font-size: 10px;line-height: 14px;}
#TwoColRight { padding-bottom: 30px;float: left;text-align: left;}
#TwoColRightBody {margin-top: 20px; margin-left:175px;width: 525px}
#TwoColRightBodyclients {margin-top: 20px; margin-left:15px;width: 725px;}
#TwoColRightBodyclients img{margin-right:25px;border:1px solid grey}
#TwoColRightBodyclients a{color:black;}


/*-------------------------------------------------
CONTACT FORM
-------------------------------------------------*/
#ContactForm {margin-bottom: 1.0em;width: 349px;}
#ContactForm th, #ContactForm td {padding: 5px 8px;font-size: 11px;border-bottom: 1px solid #ccc;line-height: 14px;background-color: #efefef;}
#ContactForm th {font-weight: bold;text-align: left;color: #c30;white-space: nowrap;}
#ContactForm input.txt {font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;width: 200px;}
#ContactForm select {font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;}
#ContactForm textarea {font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;width: 380px;}
#ContactSent {margin-bottom: 20px;padding: 10px;background-color: #edffed;text-align: center;}
#ContactSent p {margin: 0;padding: 0;font-size: 12px;color: #390;}
#ContactSent strong {text-transform: uppercase;}

/*-------------------------------------------------
BODY CONTENT -- BREADCRUMBS
-------------------------------------------------*/

/* Container for Breadcrumbs */
#BreadcrumbsBox {margin: 0;padding-left: 5px;background: #fff url(/i/bkd_breadcrumbs.gif) right top no-repeat;height: 40px;}
/* UL Breadcrumbs */
#Breadcrumbs {margin: 0;padding: 0;height: 10px;line-height: 36px;position: relative;}
/* LI for Breadcrumbs */
#Breadcrumbs li {margin: 0;display: block;float: left;list-style: none;font-size: 10px;}
/* Links in Breadcrumbs block */
#Breadcrumbs a {height: 12px;padding: 0 15px 0 10px;background: transparent url(/i/bkd_breadcrumb_arrow.gif) right center;background-repeat: no-repeat;}
#Breadcrumbs a:link, #Breadcrumbs a:visited { color: #999; }
#Breadcrumbs a:hover, #Breadcrumbs a:visited:hover { color: #333; }

/* quotation marks in testimonials*/
blockquote {float: left;margin:0;  background:url(/i/quoteleft.jpg) 0px top no-repeat;text-align: right;font-size:9px;border-bottom:1px solid #36c;}
blockquote div {margin:0;  background:url(/i/quotright.jpg) right bottom no-repeat;width:145px;}
blockquote p{font-size:9px;line-height:18px;}
#testimonials h2{font-size: 12px;color:#333;border-bottom:1px solid #36c;border-top:1px solid #36c;width:145px;}
#testimonials{padding-left:5px;}