* {padding:0; margin:0;}
body {font: 13px Arial, verdana, sans-serif; *font-size: small; *font: x-small}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {line-height: 1em; font-size: 100%; font-weight: normal; font-style: normal}
table {font-size: inherit; font: 100%}
ul {list-style: none}
img {border: 0}
p {margin: 1em 0}
 a {outline:none; text-decoration:none; color:#2288B8}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
.clearfix {display: block;}
.middle {vertical-align:middle}
.left {float:left}
.right {float:right}
.clear {clear:both}
.txtCenter {text-align:center !important}
.txtRight {text-align:right !important}
.txtLeft {text-align:left !important}
.odd {background-color:#F1F5FA}
.even {background-color:#FFF}
.highlight {background-color:#FFFFCC}
.big {font-size:16px; font-weight:bold;}
.medium {font-size:14px;}
.small {font-size:12px;}
 .important {position:absolute; top:0; left:0; width:100%; z-index:5000; background:#FFF9DC; padding: 5px; text-align:center}
.important p{ font-size: large; padding:0; margin:0;}
.message {padding:5px; margin-bottom:0; cursor: pointer; font-size:12px;}
.notice {color: #333; background: #efe; border: solid 1px #bd7}
.error {color:#CC0000; background-color:#f19d9d; border: solid 1px #aa0f0f}
.warning {color:#c69000; background-color:#f8fac9; border: solid 1px #fce445}
.inputError {display:table; font-size:10px; color:#ff0000; background:#ffffcc}
#errorExplanation {border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
@import "global.css"; html,body{ background:#373636 url(/images/bg_top.jpg) repeat-x top; color:#5e5e5e; text-align: center; position:relative; min-height:750px; min-width:810px; border:1px solid #373636}
#wrapper{ position:relative; height:750px; min-height:750px; width:810px; min-width:810px; text-align:left; margin:0 auto; background:url(/images/box_bg.jpg) no-repeat scroll 0 0}
#header{ height:95px; line-height:95px; width:100%}
#box{ margin:17px; text-align:left; display:block}
#topBar{ font-size: 14px; line-height:180%; width:775px; height:45px; text-align:justify; letter-spacing:0px }
#content{ margin:26px auto; height:450px; width:100%}
#bar{ width:752px; height:42px; margin-top:40px; background:url(/images/bar.jpg) no-repeat}
#footer{ margin:40px auto; text-align:center; color:#242424; font-size:12px}
.column1, .column2{ margin:5px; padding:10px; height:400px; float:left}
.column2 {background:url(/images/vrule.jpg) repeat-y left top; width:300px; font-size:14px; text-align:justify}
.column2 a{ text-decoration:none}
 #menu{ margin:0; float:right; width:300px; font: 16px Arial; color: #FFF}
#menu ul,#menu li{ list-style: none; float:left; display:inline; height:95px; line-height:95px}
#menu li{ margin:0 20px 0 0}
#menu a{ float:left; display:block; height:70px; color:#FFF; text-decoration:none}
#menu a.current{ background: url(/images/menu_underline.jpg) repeat-x bottom}
#menu a:hover{ background: url(/images/menu_underline.jpg) repeat-x bottom}
 form p{ margin:0px 0 7px 0}
label{ font-size:16px; color:#707070}
input[type="text"], textarea{ outline:none; resize:none; width:400px; border-style: none; font: bold 16px Arial; color:#414141}
input[type="text"] {background:url(/images/input_text.jpg) no-repeat; height:39px; padding: 8px 5px 0 5px}
.textareaBox{ background:url(/images/input_textarea.jpg) no-repeat; height:100px; margin-bottom:10px}
textarea {overflow:auto; width:390px; height:80px; margin:8px 3px 0 3px; background:none}
 .projects{ overflow:hidden; position:absolute; width: 754px; height:375px}
.projectBox{ background: url(/images/project_box.jpg) no-repeat; width: 754px; height: 313px}
.projectBox img{ border:1px solid #FFF; margin:10px; width:731px; height:290px}
ul.projectSelector {list-style:none; margin:0 auto; padding:0}
.projectSelector li{ display:inline; float:left; margin:2px}
.projectOff, .projectOn{ width: 14px; height: 13px}
.projectOff{ background: url(/images/project_off.jpg) no-repeat}
.projectOn{ background: url(/images/project_on.jpg) no-repeat}
 #projectsGallery {width:755px; height:330px; margin-top:20px; position:absolute}
.projectTitle{ margin:5px; padding:0; width:450px; float:left; font-size:12px}
.project{ font-size:14px; color:#444; position:absolute; top:0; left:0; width:755px; height:313px}
 #nav {width:752px; height:98px; display:block}
#nav ul {padding:0}
#nav li {float:left; margin:8px 0px 0 8px; width:98px; list-style-type:none; text-align:center}
#nav a {color:#676767; display:block; position:relative; font-size:15px; font-family: Arial; width:98px; line-height:25px; height:25px; text-decoration:none; background:url(/images/tabs.jpg) no-repeat -98px 0}
#nav a.current {background:url(/images/tabs.jpg) no-repeat 0 0}
.projectSelector {float:right}
.projectSelector a {width:14px; height:14px; float:left; margin:3px; background:url(/images/navigator.jpg) 0 0 no-repeat; display:block; font-size:1px}
 .projectSelector a:hover {background-position:0 -14px}
 .projectSelector a.current {background-position:0 -28px}
html, body {height: 100%}
div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30}
* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
div#fancy_wrap {text-align: left}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancybox/fancy_progress.png') no-repeat}
div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30}
div#fancy_loading_icon {position: absolute; background: url('/images/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none}
div#fancy_inner {position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF}
div#fancy_content {margin: 0; z-index: 100; position: absolute}
div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100}
img#fancy_img {position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%}
div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none}
#fancy_ajax {width: 100%; height: 100%; overflow: auto}
a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none}
a#fancy_left {left: 0px}
a#fancy_right {right: 0px}
span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block}
span#fancy_left_ico {left: -9999px; background: transparent url('/images/fancybox/fancy_left.png') no-repeat}
span#fancy_right_ico {right: -9999px; background: transparent url('/images/fancybox/fancy_right.png') no-repeat}
a#fancy_left:hover {visibility: visible}
a#fancy_right:hover {visibility: visible}
a#fancy_left:hover span {left: 20px}
a#fancy_right:hover span {right: 20px}
.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat}
div#fancy_title {position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none}
div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 3px}
div#fancy_title table {margin: 0 auto}
div#fancy_title table td {padding: 0; vertical-align: middle}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x}
td#fancy_title_main {height: 32px; background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x}
td#fancy_title_right {height: 32px; width: 15px; background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x}