* { font-size: 14px; font-family: Trebuchet MS; color: #333; }
body { text-align: center; background: #555; }

h1 { font-size: 28px; font-weight: normal; color: #323d4f; margin-bottom: 35px; }
a { color: #3e9feb; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

.layout { margin: 0 auto; text-align: left; width: 980px; }
.relative { position: relative; }
.white { background: url(../img/content.jpg) top center repeat-x white; }

#header { background: url(../img/header.jpg) center no-repeat #111; padding: 15px 0px; }
#nav { position: absolute; right: 0px; top: 16px; }
#nav li { float: left; width: 113px; height: 32px; line-height: 32px; text-align: center; margin-right: 10px; background: url(../img/nav.gif) no-repeat; }
#nav li.active { float: left; width: 113px; height: 32px; line-height: 32px; text-align: center; margin-right: 10px; background: url(../img/nava.gif) no-repeat; }
#nav a { font-size: 16px; font-weight: bold; color: white; display: block; width: 100%; height: 100%; }
#nav li.active a { font-size: 19px; font-weight: normal; color: #3e9feb; display: block; width: 100%; height: 100%; }
#nav a:hover { font-size: 19px; text-decoration: none; font-weight: normal; }
.nav_bg { background: url(../img/nav.jpg) repeat-x; padding: 0px 20px;}

.subnavbg { background: url(../img/title_block.jpg) no-repeat white; }
#title div.short { width: 300px; background: url(../img/title_block.jpg) no-repeat white; float: left; }
.short_p { padding: 25px; }
#title h1 { font-size: 22px; margin-bottom: 20px; padding-left: 30px; background: url(../img/h1.gif) bottom left no-repeat; }

#line { background: #101d2d; }
#intro { background: url(../img/intro.jpg) center no-repeat; height: 272px; border-top: 1px solid #555; border-bottom: 1px solid #0b1522; }
#intro h1 { padding-top: 60px; color: #ddd; font-weight: normal; font-size: 34px; }

#content { padding: 50px 0px; }

#subnav { margin: 5px 20px; }
#subnav div { padding: 10px 5px; }
#subnav a { font-size: 16px; }
#subnav div.active a { color: #101d2d; }

#footer { background: #555; border-top: 1px solid #444; height: 80px; }
#footer .layout { position: relative; }
#footer * { font-size: 11px; color: white; }

#footer .fleft { position: absolute; top: 25px; left: 0px; width: 490px; }
#footer .fcenter { position: absolute; top: 20px; left: 600px; }
#footer .fright { position: absolute; top: 25px; right: 0px; text-align: right }

.portfolio1 { overflow: hidden; width: 150px; height: 150px; border: 5px solid #ddd; position: relative; }
.portfolio1t { overflow: hidden; width: 80px; height: 80px; border: 3px solid #ddd; position: relative; }
.portfolio1_container { position: absolute; top: 0px; left: 0px; }
.portfolio1_link { background: #3e9feb; text-align: center; }
.portfolio1_link a { color: white; font-size: 11px; display: block; height: 20px; line-height: 20px; }

.portfolio1_active { border: 5px solid #3e9feb !important; }
.portfolio1t_active { border: 3px solid #3e9feb !important; }

input, textarea { border: 1px solid #ccc; background: white; }
.focus { border: 1px solid #bbb; background: #eee; }
.submit { background: none; border: none; font-weight: bold; font-size: 16px; }