/* @override http://blackpoolstudios.local/css/main.css */

/* -------------------- RESET ------------------- */

blockquote, h1, h2, h3, h4, 
fieldset, form, legend, 
li, ol, p, ul {
    border: none;
    font-weight: normal;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* -------------------- Tags -------------------- */

a {
    color: #0090FF;
    text-decoration: none;
}

a:hover {
    color: #0090FF;
    text-decoration: underline;
}

a img {
    border: none;
}

body {
    background-color: #000;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: small;
    margin: 40px 0 0 0;
}

h1 a {
    display: block;
    height: 50px;
    left: 32px;
    overflow: hidden;
    position: relative;
    text-indent: -1000em;
    top: 32px;
    width: 270px;
}

h2 {
    font-size: x-large;
}

h2 em {
    color: #939393;
    font-size: small;
}

hr {
    border: none;
    border-top: 1px solid #939393;
    height: 1px;
    margin: 20px 0;
}

* html hr {
    margin: 10px 0;
}

*:first-child+html  hr {
    margin: 10px 0;
}

/* -------------------- IDs --------------------- */

#address {
	float: right;
	margin-top: 10px;
	width: 250px;
}

#content #address p {
    line-height: 1.3;
    margin-bottom: 10px;
}

#container {
    margin: auto;
    width: 906px;
}

#content.wide {
    margin: auto;
    width: 617px;
}

* html #content {
    background: none;
    height: 150px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gui/gradient_bg.png', sizingMethod='scale');
}

#content {
    background: url('/img/gui/gradient_bg.png') repeat-x;
    padding: 15px;
    min-height: 150px;
    margin: 0 40px;
    width: 466px;
}

#bio_content h2 {
    margin-left: 258px;
}

#content p {
    line-height: 1.8;
    margin: 8px 0;
}

#content.wide ul {
    margin: 8px 20px;
}

#content.wide ul li {
    line-height: 1.3;
    list-style-type: disc;
    margin: 8px;
}

#credits {
    padding: 25px 50px;
    clear: both;
}

#credits h2 {
    margin: 0 !important;
}

#footer {
    background: url('/img/gui/footer_bg.jpg') no-repeat center top;
    color: #939393;
    padding: 20px 25px;
}

#footer a {
    color: #ccc;
}

#footer p {
    font-size: xx-small;
    line-height: 1.3;
    margin: 5px 0;
    width: 420px;
}

#footer p.right {
    line-height: 2;
    margin: 0;
    text-align: right;
}

#header {
    background: url('/img/gui/header.jpg') no-repeat top center;
    height: 90px;
    position: relative;
}

#header ul {
    font-family: 'trebuchet ms';
    font-size: large;
    position: absolute;
    right: 0;
    bottom: 8px;
}

#header ul li {
    margin-right: 25px;
    float: left;
}

#header ul li a {
    display: block;
    color: #fff;
    padding-bottom: 4px;
}

#header ul li a:hover,
#bio_page #header ul li#bio_btn a,
#contact_page #header ul li#contact_btn a,
#demo_page #header ul li#demo_btn a,
#home_page #header ul li#home_btn a,
#questions_page #header ul li#questions_btn a,
#shot_library_page #header ul li#shot_library_btn a {
    border-bottom: 2px solid #0090FF;
    padding-bottom: 2px;
    text-decoration: none;
}

#left_col,
#right_col {
    float: left;
    width: 260px;
}

#mail_form {
	margin-top: 10px;
}

#mail_form ul {
	padding: 0;
	margin: 0;
}

#content #mail_form ul li {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding-top: 10px;
}

#mail_form ul li input.form_text {
	border: 1px solid #0090FF;
	font-size: 12px;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	width: 200px;
}

#mail_form ul li input.send_button {
	font-size: 14px;
}

#mail_form ul li label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 0px;
	width: 125px;
}

#mail_form ul li textarea {
	background-color: #F4F2EE;
	border: 1px solid #0090FF;
	float: left;
	font-size: 12px;
	height: 10em;
	margin: 0;
	padding: 2px;
	width: 535px;
}

#mid_col p,
#right_col p {
    font-size: 86%;
    line-height: 1.5;
    margin: 15px 0;
}

#mid_col {
    float: left;
    width: 300px;
}

#middle {
    background: url('/img/gui/middle_bg.jpg') no-repeat center 200px;
    color: #fff;
    height: auto !important;
    height: 250px;
    min-height: 250px;
    padding: 40px 0;
    position: relative;
}

#overlay {
    background: #000 url('/img/gui/loader_lg.gif') no-repeat center 150px;
    filter: alpha(opacity=90);
    height: 100% !important;
    height: 750px;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

#portfolio {
    height: 300px;
    margin: 0 40px;
    width: 500px;
}

#portfolio img {
    margin: 0;
    vertical-align: top;
}

#portriat {
    background: url('/img/gui/portrait.png') no-repeat;
    height: 315px; 
    width: 253px;
}

* html #portriat {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gui/portrait.png', sizingMethod='crop');
}

#right_col {
    margin-left: 30px;
}

#slide_show {
    height: 362px;
    margin: auto;
    position: relative;
    width: 647px;
}

#slide_show.loader,
#portfolio {
    background: url('/img/gui/loader.gif') no-repeat center;
}

#slide_show .slide {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    height: 362px;
    width: 647px;
}

#slide_show #slide_1 {
    background-image: url('/img/slides/01.jpg');
}

#slide_show #slide_2 {
    background-image: url('/img/slides/02.jpg');
}

#slide_show #slide_3 {
    background-image: url('/img/slides/03.jpg');
}

#slide_show #slide_4 {
    background-image: url('/img/slides/04.jpg');
}

#slide_show #slide_5 {
    background-image: url('/img/slides/05.jpg');
}

#slide_show #slide_6 {
    background-image: url('/img/slides/06.jpg');
}

#slide_show #slide_7 {
    background-image: url('/img/slides/07.jpg');
}

#slide_show #slide_8 {
    background-image: url('/img/slides/08.jpg');
}

#slide_show #slide_9 {
    background-image: url('/img/slides/09.jpg');
}

#slide_show #slide_10 {
    background-image: url('/img/slides/10.jpg');
}

#slide_show #slide_11 {
    background-image: url('/img/slides/11.jpg');
}

#slide_show #slide_12 {
    background-image: url('/img/slides/12.jpg');
}

#slide_show #slide_13 {
    background-image: url('/img/slides/13.jpg');
}

#slide_show #slide_14 {
    background-image: url('/img/slides/14.jpg');
}

#slide_show #slide_15 {
    background-image: url('/img/slides/15.jpg');
}

#slide_show #slide_16 {
    background-image: url('/img/slides/16.jpg');
}

#slide_show #slide_17 {
    background-image: url('/img/slides/17.jpg');
}

#slide_show #slide_18 {
    background-image: url('/img/slides/18.jpg');
}

#slide_show #slide_19 {
    background-image: url('/img/slides/19.jpg');
}

#slide_show #slide_20 {
    background-image: url('/img/slides/20.jpg');
}

#slide_show #slide_21 {
    background-image: url('/img/slides/21.jpg');
}

#slide_show #slide_22 {
    background-image: url('/img/slides/22.jpg');
}

#slide_show #slide_23 {
    background-image: url('/img/slides/23.jpg');
}

#slide_show #slide_24 {
    background-image: url('/img/slides/24.jpg');
}

#slide_show #slide_25 {
    background-image: url('/img/slides/25.jpg');
}

#slide_show #slide_26 {
    background-image: url('/img/slides/26.jpg');
}

#slide_show #slide_27 {
    background-image: url('/img/slides/27.jpg');
}

#slide_show #slide_28 {
    background-image: url('/img/slides/28.jpg');
}

#slide_show #slide_29 {
    background-image: url('/img/slides/29.jpg');
}

#slide_show #slide_30 {
    background-image: url('/img/slides/30.jpg');
}

#slide_show #slide_31 {
    background-image: url('/img/slides/31.jpg');
}

#slide_show #slide_32 {
    background-image: url('/img/slides/32.jpg');
}

#slide_show #slide_33 {
    background-image: url('/img/slides/33.jpg');
}

#slide_show #slide_34 {
    background-image: url('/img/slides/34.jpg');
}

#slide_show #slide_35 {
    background-image: url('/img/slides/35.jpg');
}

#slide_show #slide_36 {
    background-image: url('/img/slides/36.jpg');
}

#slide_show #slide_37 {
    background-image: url('/img/slides/37.jpg');
}

#slide_show #slide_38 {
    background-image: url('/img/slides/38.jpg');
}

#slide_show #slide_39 {
    background-image: url('/img/slides/39.jpg');
}

#slide_show #slide_40 {
    background-image: url('/img/slides/40.jpg');
}

#slide_show #slide_41 {
    background-image: url('/img/slides/41.jpg');
}

#subnav {
    border: none;
    float: left;
    margin-right: 25px;
    width: 176px;
}

#subnav ul {
    background: url('/img/gui/subnav_bg.png') no-repeat top center;
    padding: 9px 13px 0 13px;
    margin-top: 13px;
}

* html #subnav ul {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gui/subnav_bg.png', sizingMethod='crop');
    width: 150px;
}

#subnav ul li {
    line-height: 25px;
}

#subnav ul li a {
    color: #fff;
    font-size: 16px;
}

#subnav ul li a.active {
    color: #0090FF;
    font-size: 20px;
    text-decoration: none;
}

#thanks {
    float: left;
	margin-top: 18px;
    font-style: italic;
    width: 300px;
}

#thumbs, 
#relatedFlash {
	position: relative;
    height: 420px;
    float: right;
    margin-bottom: 45px;
    padding: 10px 60px 0 40px;
    top: 15px;
    width: 264px;
    overflow: hidden;
}

#relatedFlash {
    float: none;
    height: auto;
    margin: -25px 0 0 -33px;
    padding: 25px 0 25px 40px;
    position: static;
    width: 490px;
}

* html #thumbs, 
* html #relatedFlash {
    padding-left: 30px;
}

#thumbs ul li,
#relatedFlash ul li {
    float: left;
    height: 44px;
    margin: 0 0 10px 10px;
    width: 78px;
}

#thumbs ul li#progression_label {
    clear: both;
    float: none;
    font-weight: bold;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    width: 264px;
}

#thumbs ul li a,
#relatedFlash ul li a {
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    cursor: hand;
    font-size: 10px;
    height: 45px;
    opacity: .70;
    position: absolute;
    text-decoration: none;
    text-indent: -1000em;
    width: 80px;
}

#thumbs ul li a:hover,
#relatedFlash ul li a:hover {
    border: none !important;
    height: 35px;
    padding-top: 83px;
    margin-left: -50px;
    margin-top: -37px;
    opacity: 1;
    text-indent: 30px;
    width: 180px;
    z-index: 10;
}

* html #thumbs ul li a,
* html #relatedFlash ul li a {
    background: none !Important;
    height: 85px;
    margin: -20px 0 0 -18px;
    padding: 0;
    width: 110px;
}

* html #thumbs ul li a:hover,
* html #relatedFlash ul li a:hover {
    background: none !important;
    height: 40px;
    margin: -40px 0 0 -55px;
    padding-top: 85px;
    width: 180px;
}

*:first-child+html #thumbs ul li a:hover,
*:first-child+html #relatedFlash ul li a:hover {
    margin-top: -36px;
}

#thumbs ul li a.active,
#relatedFlash ul li a.active {
    border: 1px solid #0090FF;
    height: 43px
    width: 78px
}

#thumbs_bg {
    background: #000;
    filter: alpha(opacity=70);
    height: 410px;
    left: 50%;
    margin-left: 139px;
    margin-top: 15px;
    opacity: .7;
    position: absolute;
    width: 256px;
}

#thumbs_down, #thumbs_up {
    background: url('/img/gui/thumb_btns.jpg') no-repeat;
    cursor: hand;
    cursor: pointer;
    filter: alpha(opacity=60);
    height: 45px;
    opacity: .6;
    overflow: hidden;
    position: absolute;
    right: 58px;
    text-indent: -1000em;
    top: 20px;
    width: 256px;
}

* html #thumbs_down, 
*html #thumbs_up {
    right: 50px;
}

#thumbs_down {
    background-position: left bottom;
    top: 485px;
}

#thumbs_down:hover, #thumbs_up:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

#thumbs_bot,
#thumbs_top {
    clear: both;
    margin-top: -10px;
    height: 10px;
}

/* ------------------ Classes ------------------- */

.clearing {
    clear: both;
}

.column {
    border-left: 2px solid #0090FF;
    float: left;
    font-size: 11px;
    margin-top: 6px;
    margin-right: 20px;
    padding-left: 6px;
    width: 180px;
}

.column.right {
    margin-right: 0;
}

.column ul {
    display: none;
}

.column ul.active {
    display: block;
}

.column ul li {
    line-height: 14px;
    margin: 8px 0;
}

.column ul li a {
    background: url('/img/gui/play_btn.gif') no-repeat right center;
    padding-right: 18px;
}

.legal {
    float: right;
    font-size: xx-small;
    margin: 10px 0 0 0 !important;
}

.legal a.active,
.legal a.active:hover {
    color: #fff;
}

.next {
    float: right;
    margin-right: 50px;
    margin-top: 15px;
}

.previous {
    float: left;
    display: none;
    margin-top: 15px;
}

.right {
    float: right;
}

.slide_show {
    background: url('/img/slides/01.jpg') no-repeat top center;
    padding-top: 375px !Important;
}

.top a {
    background: url('/img/gui/top_btn.gif') no-repeat left center;
	height: 16px;
	padding-left: 20px;
}