/*
-------------------------------------------------------------------
OfficeSolve web site
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
html { color: #333; }
body { font: 80%/1.5 "lucida grande","lucida sans unicode","trebuchet ms","lucida sans",Verdana,sans-serif; background-color: #F4F4F4;  }

h1 { font-size: 140%; }
h5 { font-size: 85%; font-weight: normal; text-transform: uppercase; }
h6 { font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; }

a img { border: 0; }
a { color: #333;}
hr { margin: 0; border: none; color: #FFF; }

.hide { display: none; } 
.inline { display: inline; }
.nomargin { margin: 0 !important; }
.clear { clear: both; }
div.clear { height: 5px; }


div#wrapper { margin: 0 auto; width: 845px; }	
		div#header { padding: 15px 15px 0 15px ; height: 215px; position: relative; }
		div#header_data { position: absolute; right: 15px; top: 15px; }
		div#header_data p { text-align: right;  }
		div#header h1{ display: none; }
			div#header div#logo { padding: 0; float: left; }
			div#header a img {  border: none; } 
			
		div#header ul#menu { margin: 163px 0 0 73px; float: left; }
			ul#menu li { margin:0 0 0 5px;  display: block; list-style: none; float: left; }
			ul#menu li { position: relative; top: 2px;  }
			ul#menu li a { padding: 10px 10px 0 10px; height: 40px; width: 110px; float: left; text-align: center; font-size: 12px; line-height: 125%;  text-decoration: none; color: #696969; background-color: #ACACAC; }
			ul#menu li a:hover { color: #494949; }
			ul#menu li.current a { padding: 10px 10px 0 10px; background: url(../images/navi_bk.png) repeat-x; height: 40px; width: 110px; float: left; text-align: center; font-size: 12px; line-height: 125%; font-weight: bold; text-decoration: none; color: #333; border: 1px solid #E98101; border-bottom: 1px solid  #FA8C01; }
			
			
	div#content { margin: 0; width: 845px; float: left; }
	div#main { padding: 0; float: left; width: 598px; min-height: 650px; border: 1px solid #E6E6E6 ; border-top-width: 0px ; background-color: #FFF; }
	div#main h1 { padding: 15px ; background: #FA8C01; border: 1px solid #E98101;  }
	div#main p, div#main img  { margin: 0 15px 10px  ; }
	div#main img { border: 1px solid #E6E6E6; }
	div#main h2 { margin: 0 15px 10px; font-size: 130%; color: #F49300;  }
	div#main ol { margin-left: 35px; }
	div#main span.highlight { background: #FFFF99; }
	div#main span.red { color: #D90000; }
	div#main span.green { color: #009900; }
	div#main .center { text-align: center; }
	div#main .small { margin: 5px 0 20px 15px; font-size: 11px; }
	
	div#main table { padding: 10px 15px 0 15px; width: 100%; }
	div#main table td { width: 50%; padding: 0 0 5px 20px; border-bottom: 1px solid #E6E6E6; }
	div#main table td.right { text-align: right; }
	div#main table td.left { text-align: left; }
	
	div#main div#help { margin: 10px 15px; padding: 10px 10px 5px 0; width: 556px ; background: #FFFFD9; border: 1px solid #FFFF99; }
		div#help p, div#help li { font-size: 110%; }
		div#help ul { margin-left: 15px; }
		div#help li { padding-left: 25px; list-style: none; background: url(../images/bullet.png) no-repeat 2px ; }
	
	div#main div#quize { margin: 15px; padding: 10px 10px 0 40px; width: 516px ; background: #F4F9FD url(../images/help.png) no-repeat 10px 10px ; border: 1px solid #E2F0FA;  }
		div#quize p strong { color: #009900; }
		div#quize p { font-size: 110%; }
	
	div#contact { padding: 10px 0; width: 597px; border: 1px solid #E98101; background-color: #FA8C01;  }
	div#contact div.box { margin: 0 0 0 15px ; width: 280px; float: left; display:inline; }	
	div#contact div.box label { margin-bottom: 5px; width: 280px; float: left; color: #FFF; font-size: 110%; }	
	div#contact input.text { padding:5px 0 0 5px; width: 270px; height: 30px; background: url(../images/text_bk.png) no-repeat; border: none; }
	div#contact div.message { margin: 10px 0 0 15px ; width: 570px; float: left; display: inline; }
	
		div.message label { width: 570px; margin: 10px 0 5px; color: #FFF; font-size: 110%; float: left; }
		div.message textarea { padding: 5px; width: 570px; height: 140px; overflow: hidden; background: url(../images/textarea_bk.png) no-repeat; border: none; } 
		
		div.submit { margin: 10px 0 10px ; width: 570px; }
		div.submit label { font-size: 85%;   }
		div.submit input.send { margin: 0 15px; background: url(../images/send_button.png) no-repeat; border: none; width: 168px; height: 44px; float: left; }
	
	div#sidebar { margin-left: 15px; float: left; width: 220px; }
	div#sidebar ul { margin: 10px 15px; }
	div#sidebar ul li { list-style: none;  }
	div#sidebar ul li a { padding: 0 25px 5px; font-size: 11px; text-decoration: none; }
	div#sidebar ul li a:hover { text-decoration: underline; }
	div#sidebar p { margin: 0 15px 10px 15px; font-size: 11px; }
	div#sidebar ul li a.delicious { background: url(../images/delicious.png) no-repeat 0 2px ; }	
	div#sidebar ul li a.digg { background: url(../images/digg.png) no-repeat 0 2px ; }
	div#sidebar ul li a.facebook { background: url(../images/facebook.png) no-repeat 0 2px ; }
	div#sidebar ul li a.stumble { background: url(../images/stumble.png) no-repeat 0 2px ; }
	div#sidebar ul li a.twitter { background: url(../images/twitter.png) no-repeat 0 2px ; }
	
	div#sidebar ul li a.delicious:hover { background: url(../images/delicious_bold.png) no-repeat 0 2px ;  }
	div#sidebar ul li a.digg:hover { background: url(../images/digg_bold.png) no-repeat 0 2px ; }
	div#sidebar ul li a.facebook:hover { background: url(../images/facebook_bold.png) no-repeat 0 2px ; }
	div#sidebar ul li a.stumble:hover { background: url(../images/stumble_bold.png) no-repeat 0 2px ; }
	div#sidebar ul li a.twitter:hover { background: url(../images/twitter_bold.png) no-repeat 0 2px ; }
	
	div#sidebar ul.resources li a { padding: 0 0 5px 15px; background: url(../images/side_bullet.png) no-repeat 0 8px; display: block;  }
		
		div#sidebar div.sidebox { margin-bottom: 20px; width: 213px; border: 1px solid #E6E6E6; background-color: #FFF;}
		div.sidebox hr.bottom_box { border: none; background: url(../images/box_bottom_bk.png) no-repeat left bottom; height: 10px; width: 215px; position: relative; left: -1px; float: left; }
		div.sidebox h3 { position: relative; left: -1px; top: -1px; }
	div.errors { background-color:#FFFFCC; border:1px solid #FFCC66; margin: 10px; padding:5px 5px; }
	div.errors p { color: #CC0000; }
	
	div#footer { margin-top: 15px;  width: 845px; height: 50px; float: left; }
	div#footer p { text-align: left; font-size: 12px; color: #999; }
	div#footer a { color: #999; }