
* { margin:0; padding:0; }
body {background: url(../img/header_bg.jpg) repeat-x;text-align: left;color:#404040;height:100%;font: .8em Arial, Verdana, Sans-Serif; }
html{height:100%;}
a {	color: #F74600;	background: inherit; text-decoration: none; }
a:hover { color: #808080;  background: inherit; }
h1, h2, h3 { font-weight: bold; margin: 0 0 .8em 0; }
h1, h2 { color: #F74600; font-size: 2em; background: inherit; }
h3 { font-size: 1.3em; margin: 1.2em 0 .5em 0; }
#left p, #right p, .half p { line-height: 1.6em; margin: 0 0 1.4em 0; }

abbr, acronym {border-bottom: 1px dotted red; cursor: help;}
code, pre { font-family: courier; font-size:.8em }
#left .numlist li{list-style: decimal inside;}

.gotop { clear: both; float: right; border: 1px solid #ccc; padding: 2px 7px; }

.breadcrumbs { border-bottom: 1px solid #f4f4f4; padding: 0 0 5px 0; font-size: .9em; }

#logo { float: left; margin:47px 0 0 0; }

#menu { clear: both;  float: right; list-style: none; text-align: right; width: 60%; }
#menu li { display: inline; }
#menu li a { color: #ffffff; margin: 0 0 0 45px;background: inherit;}
#menu li a:hover { color: #F74600; background: inherit; }
.key { border-bottom: 1px dotted #ccc; }

#top { float: right; padding: 0 0 15px 20px; border-bottom: 1px solid #F4F4F4; }

.wrap { clear: both; width: 900px; margin: 0 auto; }
.clear { clear: both; }

#header {
	margin: 0px auto 0px auto;
	padding: 0 0 250px 0;
	background: #fff url(../img/header_bg.jpg) repeat-x ;
	color: #808080;
}

img { border: 0; }


#left h2 {
	font-size: 1.6em;
	margin-bottom: 1em;
	padding: .5em 0; 
	border-bottom: 1px solid #f4f4f4;
}

#left {
	width: 60%;
	float: left;
	margin-bottom: 2%;
	padding-top: 2%;
}

#left img { float: left; padding: 5px 10px 0 0; border: 0; }
#left li, #right li { line-height: 1.8em; list-style: none; }


#right {
	width: 35%;
	float: right;
	color: #444;
	margin: 10px 0 20px 0;
}

#right h3 { font-size: 1.2em; margin-top: 0; }

#sections {
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #eee;
}

.half  { 
	float: left; 
	width: 48%; 
	margin: 0% 2% 3% 0%;
}


	.half h3 a{ font-size: .7em;  background: #3c3c3c; color: #fff; display: inline; padding: 3px 5px; clear: both; margin: 0 0 20px 0; }	
	.half h3 a:hover { background: #F74600; color: #fff; }
	.half p { margin: 10px 0 0 0; }
	
	
.last { margin: 0; }
#footer {
	background: #fff url(../img/bigline.png) no-repeat top center;
	color: #444;
	padding: 35px 0 10px;
	font-size:  0.9em;
}


p#portfolio
{
      	text-align:center;
	margin: 0px 0 0 6px;
	padding: 5px;
	font-size: 10px;
	letter-spacing: 2px;
	color: gray;
}


div#portfolio{ float:left; width: 160px; margin: 5px; background: #F2F1EB}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #F2F1EB}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

dl
{
	margin: 5px auto;
	width:120px;
	height:210px;
	text-align:center; 
     	font-family: verdana, arial, helvetica, sans serif;
	font-weight: normal;
	letter-spacing: 2px;
	color: gray;
	font-size: 10px;
}

  
dt img 
{
	margin: auto;
	border:1px solid #000000; 
	display:block;
}
