/* --- Reset to consistant behavior --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
ul.bullet{list-style:inside;}
ul.bullet li{padding:2px 0px;}

ul.list{padding-left:10px; list-style:outside; line-height:20px; width:90%; }
ul.list li{ margin-bottom:7px;}

caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* --- Page layout styles ------------------------------ */

html{ background:#eae8e5;}
body{ background:#FDFBF7 url(bg.gif) top left repeat-x; font:12px Verdana, sans-serif; color:#555; }
#container{ width:855px; margin:0px auto;  }

#heading{ padding-top:90px; width:100%; background:url(heading.gif) top left no-repeat; position:relative; margin-bottom:10px; z-index:100;}
#login{ position:absolute; right:10px; top:5px; display:block; background:#949494; width:100px; 
		padding:7px 0px 7px 0px; text-align:center; color:white; text-transform:uppercase; 
		font-weight:bold; font-size:10px; border:1px solid black; border-top:none; text-decoration:none; }

#nav{ background:url(navbg.gif) top left repeat-x; border:1px solid #999; border-top:none; position:relative; z-index:110; }
#nav li{ display:inline; position:relative; padding-bottom:8px; }
#nav a{ display:inline-block; padding:6px 10px 6px 10px; color:#333; font:12px Trebuchet MS; text-transform:uppercase; text-decoration:none; font-weight:bold; }
#nav a.on{ background:url(nav-on.gif) top left repeat-x; color:white; border-top:1px solid black;  }
#nav a:hover{ background:url(nav-over.gif) top left repeat-x; }

#nav li ul{ z-index:500; display:none; position:absolute; z-index:150; top:89.5%; background:#e3e3e3; left:0px;  }
#nav li ul li{ position:relative; display:block; width:200px; padding-bottom:0px; border:1px solid #999; border-top:none; cursor:pointer; cursor:hand;  }
#nav li:hover ul{ display:block; cursor:pointer; cursor:hand; }
#nav li ul a{ position:relative; width:190px; padding:6px 0px 6px 10px; font-size:11px; }
#nav li ul a.home:hover{ background:#10a2e0; color:white; }
#nav li ul a.business:hover{ background:#00ce00; color:white; }

#home-top{ z-index:15; height:200px; width:100%; margin-bottom:10px; position:relative; }
#top,#client-top{ z-index:10; width:100%; margin-bottom:0px; height:160px; }
#client-top{ height:125px; }

#footer{ width:100%; margin-bottom:20px; font-size:11px; background:#eae8e5; border-top:1px solid #C6CAC1; clear:both; }
#footer div{ width:855px; padding:10px; margin:0px auto; }
#footer ul{ margin-bottom:10px; }
#footer li{ display:inline; padding:0px 5px 0px 5px; border-right:1px solid #C6CAC1; }
#footer li.end{ border-right:none; }
#footer li.first{ padding-left:0px; }
#footer a, #footer a:visited{ color:#555; }
#footer p{ margin-bottom:5px; }

/* --- Major divs ------------------------------------- */

div.col, div.col-mid{ width:32.5%; float:left; margin-bottom:10px; }
div.col-mid{ margin-left:10px; margin-right:10px; }

div.bluebox div{ background:#10a2e0 url(bluebg.gif) top left repeat-x; color:white; }
div.greenbox div{ background:#00ce00 url(greenbg.gif) top left repeat-x; color:white; }
div.greenbox div, div.bluebox div{ padding:10px; border:1px solid #999; }
div.greenbox, div.bluebox, div.box-shadow{ background:url(boxshadow.gif) bottom left repeat-x; padding-bottom:10px;}
div.col a.xbutton, div.col-mid a.xbutton{ display:inline-block; padding:2px 4px 2px 4px; float:right; color:white; position:relative; top:10px; }
div.greenbox h2, div.bluebox h2{ color:white !important; font-size:23px; }
div.greenbox h3, div.bluebox h3{ font-size:21px; margin-bottom:5px; color:white !important; }

div.overline{ border-top:1px solid #C6CAC1; padding-top:15px; }

div.left{ width:47%; padding:10px; float:left; margin-bottom:20px; }
div.right{ width:47%; padding:10px; float:right; margin-bottom:20px; }
div.left2{ width:65%; padding:10px; float:left; margin-bottom:20px; }
div.right2{ width:30%; padding:10px; float:right; margin-bottom:20px; }
div.full{ width:100%; overflow:auto; clear:both; margin-bottom:20px; }
div.full div.left, div.full div.right, div.full div.left2, div.full div.right2{ margin-bottom:0px; }
div.pad div.left, div.pad div.right{ padding:0px; }
div.pad{ padding:10px; width:98%; }

div.calloutbox{ background:#EFEFED; border:1px solid #C6CAC1; padding:10px; margin-bottom:10px; }


/* --- Headings -------------------------------------- */

h1,h2,h3{ color:#333; text-align:left; }
h1{ font-size:22px; margin-bottom:10px; }
h2{ font-size:20px; margin-bottom:5px; }
h1.blue,h2.blue,h3.blue{ color:#2695D3;}
h2.green,h3.green,span.green{ color:#00b027; }
span.red{ color:#CA0202; }
h3{ font-size:17px; margin-bottom:5px; }

/* --- Misc Text ------------------------------------- */

p{ line-height:20px; margin-bottom:20px; }
strong{ font-weight:bold; }
*.bold{ font-weight:bold;}
a, a:visited{ color:#1573a7; text-decoration:none; }
a:hover{ text-decoration:underline; }
ol{ list-style-type:decimal; margin-left:20px; line-height:20px;  }
span.small{ font-size:11px; font-style:italic; }

a.button-blue, a.button-green, *.button-grey{ display:inline-block; padding:3px 7px 3px 7px; color:white; text-decoration:none; 
							   font-size:11px; }
*.button-blue{ background:#2588d3 url(blue-button.gif) top left repeat-x; border:1px solid #1971b2; border-bottom-width:2px; }
*.button-green{ background:#00bd1b url(green-button.gif) top left repeat-x; border:1px solid #00bd1c; border-bottom-width:2px; }
*.button-grey{ background:#5e5e5e url(grey-button.gif) top left repeat-x; border:1px solid #444; border-bottom-width:2px; }
div.greenbox a.button-green{ border-color:#01bc01; }
div.bluebox a.button-blue{ border-color:#0f96cf; }

ul.inline-list li{ width:47%; margin-right:10px; display:block; float:left; margin-bottom:5px; font-size:11px;}
ul.inline-list{ overflow:auto; }

table{ font-size:11px; }
th{ background:#333; color:white; font-weight:bold; }
tr.stripe td{ background:#f2efe9; }
td,th{ padding:5px;}
tr.th{ background:#cccccc; font-weight:bold;}

/* -- Forms -------------------------------------------- */

label{ display:block; margin-bottom:5px; }
label input{ border:none; vertical-align:middle; background:white; color:#333; border:1px solid #e3e1df; padding:5px; }
label span{ display:inline-block; width:100px; background:#e3e1df; padding:7px; vertical-align:middle; }
p.error{ padding:5px 25px 5px 50px; background:#F9DBD5 url(warning.gif) 10px 5px no-repeat; border:1px solid #BD4128; color:#8D2611; margin-bottom:10px; font-size:11px;}
p.accept{ padding:5px 25px 5px 50px; background:#C4F4BE url(accept.gif) 10px 5px no-repeat; border:1px solid #6EC563; color:#32722A; margin-bottom:10px; font-size:11px; }
p.error em,p.accept em{ float:right; cursor:pointer; cursor:hand; }

/* --- Admin ------------------------------------- */

ul.listnav{ margin-bottom:10px;}
ul.listnav li{ display:inline; padding:2px 5px 2px 5px; border-right:1px solid #333; }
ul.listnav li.nobar{ border-right:none; }

div#fancy_overlay {	position:absolute; top: 0; left: 0; width: 100%; background-color: #333; }
div#fancy_loading {	position: absolute;	height: 40px; width: 40px; cursor: pointer;	display: none; overflow: hidden; background: transparent; }
div#fancy_loading div {	position: absolute;	top: 0;	left: 0; width: 40px; height: 480px; background: transparent url(fancy_progress.png) no-repeat; }
div#fancy_close { position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url(fancy_closebox.png) ;
				  cursor: pointer; display: none; z-index:2025; }
div#fancy_content {	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; padding: 0; margin: 0; }
#fancy_frame { position: relative; width: 100%;	height: 100%; display: none; }
img#fancy_img {	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;	border:0; padding: 0; margin: 0; }
div#fancy_outer { position: absolute; top: 0; left: 0;  padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; }

#fancy_bigIframe, #fancy_freeIframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; }
div#fancy_bg { display: none; }
div.fancy_bg { position: absolute; display: block; }