* { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }
body { background-color: #ddd; }
img { border: none; }
/***************[ Wrapper ]*****************/
#wrapper { width: 936px; height: 600px; position: relative; margin: 100px auto 0; overflow: hidden; }
#img { position: absolute; top: 0; left: 0; white-space: nowrap; }
header, section#main { position: absolute; margin: 15px; padding: 15px; background-color: rgba(255,255,255,0.8); z-index: 15; }
header { width: 162px; height: 540px; top: 0; left: 0; }
div.logo { width: 52px; height: 48px; background-image: url(../images/logo.png); background-repeat: no-repeat; margin-bottom: 30px; }
/***************[ Main ]*****************/
#main { width: 675px; height: 540px; left: 202px; padding-top: 92px; }
#main h2, #main p{ font-weight: normal; margin-bottom: 10px; color: #303030; }
#main h2 { font-weight: bold; margin-bottom: 0; font-size: 12px; }
#content { border-top: 1px solid #000; margin-top: 77px; font-size: 12px; width: 675px; padding-top: 5px; }
#content a { text-decoration: none; color: #303030; }
#content a:hover { text-decoration: underline; }
.col { width: 310px; float: left; padding-right: 20px; }
.col ul { list-style-type: none; color: #303030; }
#intro { font-size: 16px; }
/***************[ Flash ]*****************/
#pause_flash { position: absolute; top: 174px; left: 415px; width: 295px; height: 190px; z-index: 20; }
#cranleigh_flash { position: absolute; top: 164px; left: 462px; width: 295px; height: 190px; z-index: 20; }
/***************[ Navigation ]*****************/
#nav ul { list-style-type: none; font-size: 14px; }
#nav li { padding: 2px 0; font-size: 12px; }
#nav a { color: #303030; text-decoration: none; }
#nav a:hover { color: #999; }
#nav ul, #nav li li.active { border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 3px 0; list-style-type: none; padding-bottom: 1px; }
#nav ul h1 { font-weight: normal; font-size: 12px; }
#nav li.active { font-weight: bold; border-bottom: 1px solid #000; border-top: 1px solid #000; }
#nav ul ul li.active { border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin: 4px 0; padding: 4px 0 1px 0; }
#nav ul ul { border-top: none; margin-top: 0; }
#nav li.active:first-child { border-top: none; margin: 0; }
#nav li.active:last-child { border-bottom: none; }
#nav ul ul ul { border: none; padding: 0; margin: 0; }
#nav ul ul ul li { display: -moz-inline-stack; display: inline-block; margin-right: 3px; zoom: 1; *display: inline; }
.portfolio_image a{ display: block; color: #9a9a9a; width: 8px; height: 8px; background: url(../images/bullet.png) no-repeat; }
.portfolio_image.pActive a{ background: url(../images/bullet_on.png) no-repeat; }
.portfolio_image a:hover { text-decoration: none; }
/***************[ Image ]*****************/
#image ul { list-style-type: none; width: 9000px; overflow: hidden; }
#image li { float: left; position: relative; }
/***************[ Info ]*****************/
#info { position: absolute; background-color: rgba(255,255,255,0.8); bottom: 15px; left: 936px; width: 672px; padding: 6px 10px 3px 10px; font-size: 12px; color: #303030; min-height: 60px; }
.info_button { background: url(../images/information.png) no-repeat; width: 24px; height: 69px; position: absolute; bottom: 15px; right: 0; z-index: 10; }
/***************[ Footer ]*****************/
#footer { margin: 10px; font-size: 9px; color: #999; width: 936px; margin: 10px auto; text-align: right; }
#footer a { color: #999; }
/***************[ Classes ]*****************/
.clearFix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }