foo@charset "UTF-8";
/* CSS Document */




/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px; }
body p {
	margin: 10px 0px 15px; }s
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }
object:focus {
	outline:none; }
object {
	margin:0px;
	padding:0px; }
a:focus {
	outline:none; }

/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */

.clearme {
	clear: both;
}



a img {border:0}


body{
	background:#000000 url(images/background.jpg) no-repeat fixed top center;
	text-align: center;
	min-width:990px;
	margin:0 auto;
}
body.index2_page{
	background:#1f284a url(images/background-new.jpg) no-repeat fixed top center;
}
body.blog_page{
	background:#000000 url(images/blog_bg.jpg) no-repeat fixed top center;
}
body.method_tony_haines_page{
	background:#000000 url(images/method_tony_haines_bg.jpg) no-repeat fixed top center;
}
body.method_page{
	background:#000000 url(images/method_bg.jpg) no-repeat fixed top center;
}
body.services_hd_editing_page{
	background:#000000 url(images/services_hd_editing_bg.jpg) no-repeat fixed top center;
}
body.services_page{
	background:#000000 url(images/services_bg.jpg) no-repeat fixed top center;
}
body.portfolio_page{
	background:#000000 url(images/portfolio_bg.jpg) no-repeat fixed top center;
}
body.clients_page{
	background:#000000 url(images/portfolio_bg.jpg) no-repeat fixed top center;
}
body.contact_page{
	background:#000000 url(images/contact_bg.jpg) no-repeat fixed top center;
}



p {
	padding:0px 15px;
	font:11px/22px Verdana;
	color:#FFFFFF;
	text-align:justify;
}
table {
	padding:0px 15px;
	font:11px/22px Verdana;
	color:#FFFFFF;
	text-align:justify;
}


/* MAIN WRAPPER */

#main_wrapper {
	width:990px;
	margin:0 auto;
	text-align:left;
	padding:0px;
}





#left_col {
	float:left;
	width:270px;
	margin:0px;
	padding:0px 0px;
	font:bold 10px/20px Verdana;
	color:#3A3A3A;
	text-align:right;
}

#leftnav {
	min-height:500px;
	margin:120px 5px 0px 0px;
	text-align:right;
	background:url(images/leftnav_bg.png) no-repeat;
}
.CollapsiblePanelTab {
	padding:15px 20px 5px 10px;
	background:url(images/nav_divider.png) no-repeat bottom right;
	font:bold 12px Verdana;
	color:#5B5B5B;
	cursor: pointer;
}
.CollapsiblePanelContent {
	background:url(images/leftnav_open_bg.png) repeat-y;
}
.CollapsiblePanelContent a {
	display:block;
	font:10px Verdana;
	padding:8px 20px;
	color:#353535;
	text-decoration:none;
}
.CollapsiblePanelContent a:hover {
	text-decoration:underline;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color: #B27C22;
}

.CollapsiblePane a {color:#fff;}
.CollapsiblePane a:hover {color:#fff; text-decoration:none;}

.nav_link {
}
.nav_link a {
	display:block;
	padding:15px 20px 5px 10px;
	background:url(images/nav_divider.png) no-repeat bottom right;
	font:bold 12px Verdana;
	color:#5B5B5B;
	cursor: pointer;
	text-decoration:none;
}
.nav_link a:hover {
	color: #B27C22;
}



#right_col {
	float:right;
	width:720px;
	margin:0px;
	padding:0px;
}



#header {
}
#logo {
	float:left;
	padding:20px;
}
#contact {
	float:right;
	text-align:right;
	font:10px/20px Verdana;
	color:#CDCDCD;
	margin:10px 0px 0px 0px;
}



/* NAVIGATION */

#nav {
	width:718px;
	height:20px;
}
#nav.index_nav {
	background:url(images/nav_bg_index.jpg);
}
#nav.portfolio_nav {
	background:url(images/nav_bg_portfolio.jpg);
}
#nav.services_nav {
	background:url(images/nav_bg_services.jpg);
}
#nav.method_nav {
	background:url(images/nav_bg_method.jpg);
}
#nav.news_nav {
	background:url(images/nav_bg_news.jpg);
}
#nav.contact_nav {
	background:url(images/nav_bg_contact.jpg);
}
#nav.clients_nav {
	background:url(images/nav_bg_clients.jpg);
}

#nav a {
	float:left;
	display:block;
	font:bold 13px Calibri, Helvetica;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

#nav a:hover {
	color:#FFFD75;
}

a#link_home {
	width:14px;
	height:13px;
	margin:3px 26px 4px 10px;
	background:url(images/home_icon.png) top left;
	text-indent:-9000px;
}
a#link_home:hover {
	background:url(images/home_icon.png) bottom left;
}
a#link_portfolio {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_portfolio:hover {
}
a#link_services {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_services:hover {
}
a#link_method {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_method:hover {
}
a#link_news {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_news:hover {
}
a#link_contact {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_contact:hover {
}
a#link_client {
	float:right;
	width:112px;
	height:13px;
	padding:3px 0px 4px 25px;
	color:#242424;
}
a#link_client:hover {
}

#video_window {
}
#content {
}



/* Sub Nav Wrapper*/
 #subnav_wrapper {   
	position:relitive;
	float:right;
	width:336px;
	margin:0px;
	padding:0px;
	text-align:right;
}

/* Sub Nav Div*/
 #subnav {   
	position:absolute;
	position:fixed;
	float:right;
	width:300px;
	margin:0px 36px 0px 0px;
	padding:0px;
	text-align:right;
	top:285px;
}

/* FLASH PORTFOLIOS*/
#general_reels {
	margin:0px 0px 0px 15px;
}
#general_reels2 {
	margin:0px 0px 0px 15px;
}
#general_reels3 {
	margin:0px 0px 0px 15px;
}

/* FOOTER */

#footer_wrapper {
	width:720px;
	height:130px;
	padding:0px;
}
#footer_wrapper p {
	font:10px/15px Verdana;
	color:#CDCDCD;
	text-align: center;
}
#footer_left {
	float:left;
	text-align:left;
	height:12px;
	padding:15px 0px 0px 0px;
}
#footer_right {
	float:right;
	text-align:right;
	padding:15px 8px 0px 0px;
}

#footer_wrapper a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer_wrapper a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer_line {
	background-color:#FFF;
	width:720px;
	height:1px;

}


/* HEADER TAGS */

h1 {
	padding:0px 15px;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2 {
	padding:0px 15px;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h3 {
	padding:0px 15px;
	font:bold 14px/20px Verdana;
	color:#FFFFFF;
}
h4 {
}
h5 {
}
h6 {
}

h1.services_header {
	display:block;
	width: 686px;
	padding:3px 15px;
	background:#85771D;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
}

h1.method_header {
	display:block;
	width: 686px;
	padding:3px 15px;
	background:#86561B;
	border:1px solid #B79B78;
	font:bold 14px Verdana;
	color:#FFFFFF;
}

h1.index_header {
	display:block;
	padding:3px 15px;
	background:#27417F;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
}

h1.portfolio_header {
	display:block;
	padding:3px 15px;
	background:#303030;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
}

h1.news_header {
	display:block;
	padding:3px 15px;
	background:#2F2F2F;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
	margin-bottom:50px;
}





h2.services_header {
	display:block;
	width: 686px;
	padding:3px 15px;
	background:#85771D;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2.method_header {
	display:block;
	width: 686px;
	padding:3px 15px;
	background:#86561B;
	border:1px solid #B79B78;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2.index_header {
	display:block;
	padding:3px 15px;
	background:#27417F;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2.portfolio_header {
	display:block;
	padding:3px 15px;
	background:#303030;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2.news_header {
	display:block;
	padding:3px 15px;
	background:#2F2F2F;
	border:1px solid #7C7C7C;
	font:bold 14px Verdana;
	color:#FFFFFF;
	margin-bottom:50px;
}




/* BIO PAGES */

#bio_left {
	width:465px;
	float:left;
}
#bio_right {
	width:255px;
	float:right;
	text-align:right;
}

h2.bio_header {
	display:block;
	width:430px;
	padding:3px 15px;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
#bio_right img {
	margin:12px 0px 0px 0px;
	border:thin solid #FFFFFF;
}






/* LISTS */

ol, ul {
	margin-left:25px;
	padding:0px 15px;
}
li {
	font:11px/22px Verdana;
	color:#FFFFFF;
}
ul {
	list-style-image:url('images/circle-bullet.png');
}




/* CONTACT FORM - TABLES IN CSS WITH DIVS... BECAUSE I CAN */

#contact_form {
	width: 100%;
	font:11px/20px Verdana;
	color:#525252;
	letter-spacing:0px;
}
#contact_table {
	width: 400px;
	font:11px/20px Verdana;
	color:#525252;
	letter-spacing:0px;
	padding-left:10px;
}
.contact_row {
	width: 300px;
	height: 25px;
}
.contact_field {
	float: left;
	width: 45px;
	height: 20px;
	text-align: right;
	padding:5px 5px 0px 0px;
}
.contact_box {
	float: right;
	width: 250px;
	height: 25px;
	text-align: left;
}
input.contactinput {
	width: 250px;
	font:11px Verdana;
	color:#525252;
	background-color: #FFFFFF;
}
textarea.contacttext {
	font:11px Verdana;
	color:#525252;
	background-color: #FFFFFF;
}


/* SOCIAL */

 div#s1  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 55px;
 	height:22px;
 	outline: none;
 	background-image: url(images/s1.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s1 a:hover {
 	background-position: bottom left;
}

 div#s2  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 79px;
 	height:21px;
 	outline: none;
 	background-image: url(images/s2.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s2 a:hover {
 	background-position: bottom left;
}

 div#s3  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 82px;
 	height:17px;
 	outline: none;
 	background-image: url(images/s3.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s3 a:hover {
 	background-position: bottom left;
}

 div#s4  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 71px;
 	height:20px;
 	outline: none;
 	background-image: url(images/s4.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s4 a:hover {
 	background-position: bottom left;
}

 div#s5  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 75px;
 	height:19px;
 	outline: none;
 	background-image: url(images/s5.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s5 a:hover {
 	background-position: bottom left;
}





/* TEXT SIDE BOXES */

.textbox {
	display:block;
	width:175px;
	padding:8px;
	border:solid 1px #7C7C7C;
	float:right;
	margin:5px 0px 10px 15px;
	background:#27417F;
}

.textbox p {
	padding:0px;
	font:bold 12px/22px Verdana;
	font-style:italic;
	text-align:left;
	
}

.textbox_services {
	display:block;
	width:175px;
	padding:8px;
	border:solid 1px #7C7C7C;
	float:right;
	margin:5px 0px 10px 15px;
	background:#85771D;
}

.textbox_services p {
	padding:0px;
	font:bold 12px/22px Verdana;
	font-style:italic;
	text-align:left;
	
}

.textbox_services2 {
	display:block;
	width:175px;
	padding:8px;
	border:solid 1px #B79B78;
	float:left;
	margin:5px 15px 0px 10px;
	background:#86561B;
}

.textbox_services2 p {
	padding:0px;
	font:bold 12px/22px Verdana;
	font-style:italic;
	text-align:left;
}

.textbox_method {
	display:block;
	width:175px;
	padding:8px;
	border:solid 1px #B79B78;
	float:right;
	margin:5px 0px 10px 15px;
	background:#86561B;
}

.textbox_method p {
	padding:0px;
	font:bold 12px/22px Verdana;
	font-style:italic;
	text-align:left;
	
}


.textbox_method2 {
	display:block;
	width:175px;
	padding:8px;
	border:solid 1px #B79B78;
	float:left;
	margin:5px 15px 0px 10px;
	background:#86561B;
}

.textbox_method2 p {
	padding:0px;
	font:bold 12px/22px Verdana;
	font-style:italic;
	text-align:left;
	
}


.textbox2 {
	display:block;
	width:175px;
	padding:8px;
	border:solid thin #FFFFFF;
	float:left;
	margin:5px 15px 0px 10px;
	background:#27417F;
}

.textbox2 p {
	padding:0px;
	font:bold 12px/22px Verdana;
	font-style:italic;
	text-align:left;
	
}

.textbox ul {
	padding:0px;
}

.textbox ul li {
	font:bold 12px/22px Verdana;
	font-style:italic;
}

#video_window {
	height:254px;
	width:718px;
	display:block;
	background:#FFFFFF;
}

#portfolio_flash {
	width:720px;
	margin:5px 0px;
}
#client_flash {
	width:600px;
	height:450px;
	margin:0px 60px;
}

table#client_table {
}
table#client_table td a {
	color:#FFFFFF;
	text-decoration:none;
}
table#client_table td a:hover {
	text-decoration:underline;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.blognav {
	color:#000000;margin:2px 5px;
}
.blognav a {
	color:#000000;
	text-decoration:none;
	display:inline;
	width:auto;
	height:auto;
	padding:2px;
	margin:0px;
}
.blognav a:hover {
	text-decoration:underline;
}
.blognav li {
	color:#000000;
}



.news_divider {
	display:block;
	height:1px;
	width:690px;
	margin:2px 15px 60px 15px;
	background:#FFFFFF;
}




#logoutBtn {
	float:right;
	padding:10px;
}
#logoutBtn a {
	font:bold 14px Verdana;
	text-decoration:none;
	color:#FFFFFF;
}