@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img { border: none; }
h2 { font-size: 18px; color: #3b3b3b; font-weight: normal; }
body { font-family: "Trebuchat MS", arial; font-size: 12px; }
.clear { clear: both; }
#page { width: 1024px; margin: 0 auto; }
#page .main { width: 100%; float: left; background: url(../images/bg.gif) repeat-y; min-height: 600px; }
.container { width: 960px; float: left; margin: 0 0 0 32px; display: inline; }
.header { width: 100%; height: 80px; border-bottom: 3px solid #ddd; }
.header h1 a.logo { float: left; margin-left: 20px; display: block;  }
.header ul {  float: right; color: #3b3b3b; font-weight: bold; padding-right: 20px; display: inline; margin-top: 55px; }
.header ul li { float: left; margin-left: 80px; list-style: none;  padding-left: 10px; display: inline; }
.header ul li.selected {  background: url(../images/arrow.gif) left no-repeat;  }
.header ul li a { color: #3b3b3b; text-decoration: none; }
.header ul li a:hover { text-decoration: underline; }

.content { width: 100%; float: left; position: relative; }
.content .submenu { position: absolute; right: 0; top: 10px; }
.content .submenu ul li { float: left; list-style: none; margin-left: 20px; background: url(../images/menu_hover.gif) left no-repeat; height: 18px; padding-left: 10px;  }
.content .submenu ul li span { display: block; background: url(../images/menu_hover.gif) right no-repeat; padding-right: 10px; height: 18px; line-height: 18px; }
.content .submenu ul li span a { color: #FFF; font-size: 11px; text-decoration: none; }
.content .submenu ul li span a:hover { text-decoration: underline; }

.back { float: right; text-align: right; font-size: 11px; }
.back span { background: url(../images/arrow2.gif) left no-repeat; padding-left: 15px; display: block; }
.back span a { color: #3b3b3b; }

.leftcol { width: 180px; float: left; margin: 30px 0 0 10px; display: inline; }
h2 { border-bottom: 1px dotted #ddd; padding-bottom: 5px;  }
.rightcol { width: 760px; float: left; margin: 30px 0 0 10px; min-height: 500px; display: inline; }
.rightcol h2 { margin-left: 30px; }
.leftcol ul { padding: 10px 0 30px 0; float: left; width: 100%; display: inline; }
.leftcol ul li { list-style: none; margin-top: 7px;  display: inline; width: 150px; float: left;}

.rightcol ul li { list-style: none; float: left; height: 240px; width: 350px; overflow: hidden; margin: 20px 0 0 30px; display: inline; }
.rightcol ul li a.img { width: 350px; height: 220px; overflow: hidden; float: left; display: block; padding-bottom: 5px; }
.rightcol ul li span a { display: block; background: url(../images/arrow.gif) left no-repeat; padding-left: 12px; color: #3b3b3b; float: left; }
.rightcol .description { float: left; margin-left: 30px; width: 730px; display: inline; }
.rightcol .description p { margin-top: 10px; }

ul.portfolio { margin-left:30px; width: 730px;  float: left; background: #fafafa; margin-bottom: 20px; }
ul.portfolio li { width: 222px; float: left; list-style: none; overflow: hidden; height: 200px; margin: 15px 0 0 15px; }
ul.portfolio li a.img { width: 222px; height: 150px;  float: left; display: block; margin-bottom: 5px;}
ul.portfolio li span a { display: block; background: url(../images/arrow.gif) left no-repeat; padding-left: 12px; color: #3b3b3b; float: left; }

.footer { width: 100%; float: left; margin-top: 30px;  border-top: 3px solid #ddd; background: #eee; height: 80px; display: inline; }
.footer p.lt { padding: 20px 0 0 20px; color: #3b3b3b; line-height: 18px; font-size: 11px; float: left; }
.footer p.rt { padding: 20px 20px 0 0; color: #3b3b3b; line-height: 18px; font-size: 11px; float: right; }