/* CSS Document */
body { background: #b7cede; font: 12px Verdana, Geneva, sans-serif; margin: 0; padding: 0; color: #333;}
p { margin: 12px 0 11px; letter-spacing: 180%; }
.clearFloat { clear: both; height: 1px; font-size: 1px; }
a { color: #2a6ba3; text-decoration: none; }
a:hover { text-decoration: none; }
table {padding: 10px 0 0;}
a img {border: none;}
ol {padding: 20px 20px 20px 50px;}
li h2{ font-size: 12px; color: #333; margin: 20px 0; }

#wrapper { width: 990px; height: auto; margin: 0 auto;  background: #b7cede; }

#header { width: 990px; height: 210px; background: url(../images/header.jpg) no-repeat; }
#header h1 { width: 498px; font-size: 15px; color: #2d4271; margin: 0 0 10px; }
#header h2 { width: 498px; font-size: 14px; color: #2d4271; margin: 0; }
#header span { color: #f8a608; }

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	background:url(../images/nav-bg_02.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 25px 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 3px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 25px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}



/*ul, li { margin:0; padding:0; list-style:none;}
.the_menu { top:25px; display:none; width:165px; }
.the_menu li { background-color: #8bb8df; float:none;}
.the_menu li a { color:#FFFFFF;text-decoration:none; padding:10px; display:block;}
.the_menu li a:hover { padding:10px; color: #05335c; text-decoration:underline;}*/

#nav { width: 990px; height: 25px; float: left; background:url(../images/nav-bg_02.gif) repeat-x; }
#nav .left-nav { width: 4px; height: 25px; float: left; background: url(../images/left.gif) no-repeat; }
#nav .right-nav { width: 4px; height: 25px; float: right; background: url(../images/right.gif) no-repeat; }
#nav a { color:#FFF}

/*#nav-menu li a{ height: 2em; line-height: 2em; float: left; width: 12em; display: block; color: #fff; text-decoration: none; text-align: center;}
#nav-menu ul{ position:absolute; list-style: none; padding: 0; margin: 0;}
#nav-menu li{float: left; margin: 0 0.15em;}

.menu_class { float: none;}*/


#nav .home { width: 118px; height: 25px; float: left; background: url(../images/button/home.gif) no-repeat; }
#nav .home a { width: 118px; height: 25px; float: left;}
#nav .home a:hover { width: 118px; height: 25px; background: url(../images/button/home-on.gif) no-repeat;}

#nav .about { width: 133px; height: 25px; float: left; background: url(../images/button/about-us.gif) no-repeat; }
#nav .about a { width: 133px; height: 25px; float: left;}
#nav .about a:hover { width: 133px; height: 25px; background: url(../images/button/about-us-on.gif) no-repeat;}

#nav .work { width: 157px; height: 25px; float: left; background: url(../images/button/our-businesses.gif) no-repeat; }
#nav .work a { width: 157px; height: 25px; float: left;}
#nav .work a:hover { width: 157px; height: 25px; float: left; background: url(../images/button/our-businesses-on.gif) no-repeat;}

#nav .opportunity { width: 167px; height: 25px; float: left; background: url(../images/button/the-opportunity.gif) no-repeat; }
#nav .opportunity a { width: 167px; height: 25px; float: left;}
#nav .opportunity a:hover { width: 167px; height: 25px; float: left; background: url(../images/button/the-opportunity-on.gif)}

#nav .people { width: 128px; height: 25px; float: left; background: url(../images/button/people.gif) no-repeat; }
#nav .people a { width: 128px; height: 25px; float: left;}
#nav .people a:hover { width: 128px; height: 25px; float: left; background:url(../images/button/people-on.gif)}

#nav .contact { width: 147px; height: 25px; float: left; background: url(../images/button/contact-us.gif) no-repeat; }
#nav .contact a { width: 147px; height: 25px; float: left;}
#nav .contact a:hover { width: 147px; height: 25px; float: left; background:url(../images/button/contact-us-on.gif)}

#nav .blank { width: 140px; height: 25px; float: left; background: url(../images/button/blank.gif) no-repeat; }

#equal_bg { width: 990px; height: auto; float: left; clear: both; background: url(../images/maincontent_equal_bg.jpg) repeat-y; }


#maincontent { width: 600px; height: auto; float: left; padding: 19px; }
#maincontent p{ padding: 0 25px; }
#maincontent h1 { font-size: 15px; color: #2d4271; margin: 0 0 10px; padding: 0 25px; }
#maincontent h2 { margin: 0; padding: 0 0 12px; font-size: 14px; font-weight: bold; }
#maincontent h2 em { font-size: 10px; font-weight: normal; }

#bar { width: 3px; height: 409px; float:left; margin: 10px 0px; background: url(../images/bar.jpg) no-repeat; }

#news {width: 300px; height: auto; float:left; padding: 20px; }
#news h1 { font-size: 15px; color: #2d4271; margin: 0 0 10px; padding: 0; }
#news p em{ margin: 0; padding: 0; font-size: 10px; font-weight: bold; color: #FFF}
#news p.right { align: right !important; }

#footer { width: 990px; height: 60px; padding: 1px 0 0; clear: both; background: url(../images/footer.jpg) no-repeat; }

#footer_text p {font-size: 10px; float: left;}
#footer_text p.right { align: right !important; }

/*about me page*/
#equal_bg2 { width: 843px; height: auto; float: left; background: url(../images/maincontent_equal_bg2.jpg) repeat-y; }
#photobox {width: 160px; height: auto; float:left; padding: 0 20px 0 0;}
#my_content {width: 426px; height:auto; float: left;}
/*#my_content h2 a:hover { color: #09F; text-decoration: underline; }*/

#sidebox {width: 148px; height: auto; float:left; padding: 20px; }
#sidebox h1 { margin: 15px 0 10px; padding: 0;}
#sidebox p { color: #3399ff;}
#sidebox span { color: #99ccff;}
#sidebox a { color: #99ccff;}

/*work page*/
#work_bg { width: 843px; height: auto; float: left; background: url(../images/work_bg.jpg); }
#work_bg a:hover img  { border: 5px solid #210142; }
#work_bg a img {border: 5px solid transparent; }
#work_bg table td{ padding: 0px 5px 5px;}

/*random page*/
#random_bg { width: 843px; height: auto; float: left; background: url(../images/random_bg.gif); }
#random_bg a:hover img  { border: 5px solid #210142; }
#random_bg a img {border: 5px solid transparent; }
#random_bg table td{ padding: 0px 5px 5px;}
#random_bg h1 { margin: 5px 0 0px; padding: 0; }

/*contact page*/
#contact_bg { width: 783px; height: auto; float: left; background:url(../images/contact_bg.gif); padding: 30px;}
#contact_content { width: 750px; height: auto; padding: 19px;}
#contact_content h1 { font-size: 15px; color: #2d4271; margin: 0 0 10px; padding: 0; }
.form_style { border: 1px solid #CCC; width: 185px; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; }
.option_style { border: 1px solid #CCC; width: 193px; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; }
.textarea_style { border: 1px solid #CCC; width: 400px; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; } 
.button_style { border: 1px solid #CCC; font: 12px Verdana, Geneva, sans-serif;
padding: 0.2em; }
.error { width: 185px; height: auto; border: 1px solid #D55151; color: #404040; background-color: #FFDADA;		padding: 0.4em 1px 0.4em 5px; margin: 0 0 1em 3.5px; }