/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; color:#000;}

/* global styles */
body {
	color: #3f3f33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.3em;
	background: #2D2C2B;    
}

a {text-decoration:none; color:#3f3f3f;}
a:hover {text-decoration:none;}
h2{letter-spacing:-1px; padding-bottom:5px;}
h4{color:#025B60; font-size:1.1em; clear: both;}
h3 { letter-spacing: -1px; }

div.clearfix {clear: both;}
div.left {float:left;}
div.right{float:right;}

.pink {color:#b7087d;}
.dark_gray{color:#3f3f3f;}
.small{font-size:0.9em }
.normal { font-size: 1.2em; }
.big { font-size:1.25em; line-height:1.3em; letter-spacing:-1px; font-weight:bold; }
.bigger {font-size:1.5em; line-height:1.3em; letter-spacing:-1px; font-weight:bold;}
.bold{font-weight:bold;}
.text_right{text-align:right;}

a.pink{color:#b7087d;}
a.pink:hover{color:#eee; background:#b7087d;}

#pink_bar_inf{width:100%; height:20px; background:#a6006b;}
#pink_bar{width:995px; height:20px; margin:0 auto; position:relative; background:url(../img/pink_bar.jpg) center no-repeat }
	#pink_bar a{display:block; top:3px; left:40px; background:url(../img/bishbashbush_com.gif) no-repeat; width:144px; height:13px; position:absolute}
	#pink_bar a span{display:none;}

#container_inf{width:100%; background: url(../img/bg.jpg) repeat-x top left #abc6c5; }
#container {width:995px;  margin:auto; position:relative;}
	#left_shadow { position: absolute; top:0; left: -7px; width: 7px; height: 291px; background: url(../img/top_left_shadow.png) 0 0 no-repeat;}
	#right_shadow { position: absolute; top:0; left: 995px; width: 7px; height: 291px; background: url(../img/top_right_shadow.png) 0 0 no-repeat;}
	
#top{height:100px; position:relative; background:url(../img/top.jpg) no-repeat;}
	#logo{position:absolute; bottom:0; left:40px;}
	#logo a {display:block; width:301px; height:87px; background:url(../img/suebush_logo.gif) no-repeat;}
	#logo a span {display:none;}
	
	#menu{position:absolute; bottom:0; right:40px;}
	#menu ul {height:34px;}
	#menu ul li{float:left; height:34px; margin-right:10px;}
	#menu ul li a {display:block; height:34px;}
#banner { height:160px; padding:20px 98px 13px 666px; background: url(../img/bannerhome1.jpg) 0 0 no-repeat; border:1px solid #525355; border-width:0 1px;}
#banner-small {width:933px; height:22px; padding: 20px 30px 20px 30px; background: url(../img/banner_small.jpg) 0 0 repeat-x; border:1px solid #525355; border-width:0 1px; position:relative;}
	#banner-small p {font-weight:bold;}
	.tab_portfolio{width:71px; height:10px; background:#c5ebed; position:absolute; top:0; left:678px;}
	.tab_projects{width:92px; height:10px; background:#c5ebed; position:absolute; top:0; left:765px;}
	.tab_clients{width:57px; height:10px; background:#c5ebed; position:absolute; top:0; left:873px;}
	
#content {width:918px; background:#efefef; padding: 15px 40px 30px 35px; border:1px solid #525355; border-width:0 1px; }
	.col_left { width: 430px; float: left;}
	.col_center { width:212px; padding:0 38px; float:left; }
	.col_right { width: 200px; text-align: right; color: #8c8c8c; float:left;}
	.col_right_blue{width:172px; padding:10px; text-align:left; color:#3f3f3f; background:#bae6e8; float:left;}
	.col_right_white{width:172px; padding:10px; text-align:left; color:#6C6E70; background:#fff; float:left;}
	.col_right_shadow{width:6px; height:102px; background:url(../img/box_right_shadow.gif) no-repeat top; float:left;}
	.col_portfolio {width:220px; padding-right:20px; float:left;}
	.col_clients{width:430px; margin-left:52px; float:left;}
		.col_clients div {width:200px;}
	.col_clients_white{width:400px; margin-left:52px; padding:10px 15px; float:left; background:#fff;}
		.col_clients_white div {width:190px;}
		.col_clients_white ul {padding-top:5px;}
		.col_clients_white ul li {padding:0; line-height:1.1em}

	#content p {padding:5px 0; line-height:1.1em;}
	#content .col_portfolio p {padding:2px 0 0 0; clear:both;}
	#content .col_portfolio h4 {font-weight:normal;}
	#content .col_portfolio a{display:block; float:left; margin-top:-3px;}
	.portfolio_list{padding-bottom:10px;}
	.portfolio_list li {padding-bottom:15px;}	

	#content .col_clients h4 {font-weight:normal;}
	.clients_list h3{display:inline;}
	
	p.tags a:hover {text-decoration:none; background:#EF119B; color:#8c8c8c; }

#content_showreel {width:995px; height: 480px; background: #333333; padding: 0; margin: 0; }
.hidden { display: none; }
#zoom { z-index: 10; }
	
#footer-outer { width:100%;  padding: 0 0 120px 0;}
#footer { width: 995px; height: 182px; margin: 0 auto; background: #666; background: url(../img/footertexture.jpg) 0 0 no-repeat; font-size: 10px; color:#aaa; position: relative;}
	ul.dots { padding: 25px 0 0 35px; float: left; position: relative;  z-index: 2;}
	ul.dots li { clear: both; }
	ul.dots li a{ position: relative; width: 106px; height: 8px; margin: 5px 0; font-size: 8px; line-height: 8px; float: left;}
	ul.dots li a.footer_home { background: url(../img/footermenu_off.gif) 0px 0px no-repeat; }
	ul.dots li a.footer_home:hover { background: url(../img/footermenu_on.gif) 0px 0px no-repeat; }
	ul.dots li a.footer_portfolio { background: url(../img/footermenu_off.gif) 0px -20px no-repeat; }
	ul.dots li a.footer_portfolio:hover { background: url(../img/footermenu_on.gif) 0px -20px no-repeat; }
	ul.dots li a.footer_projects { background: url(../img/footermenu_off.gif) 0px -40px no-repeat; }
	ul.dots li a.footer_projects:hover { background: url(../img/footermenu_on.gif) 0px -40px no-repeat; }
	ul.dots li a.footer_clients { background: url(../img/footermenu_off.gif) 0px -60px no-repeat; }
	ul.dots li a.footer_clients:hover { background: url(../img/footermenu_on.gif) 0px -60px no-repeat; }
	#footer span.fl { float: left; padding: 25px 0 0 200px; position: relative; }
	#footer span.fl img { position: absolute; left: 175px;}
	#footer span.fl img.footer_img { margin-left: 25px; margin-top: 5px; }
	#footer span.fl a.contact_email { position:relative; display: block; width: 159px; height: 6px; background: url(../img/email_off.gif) no-repeat center; margin: 5px 0; margin-left: 1px; padding: 0; }
	#footer span.fl a.contact_email:hover { background: url(../img/email_on.gif) no-repeat center; }
	#lb { position: absolute; bottom: -18px; left: -22px; width: 249px; height: 199px; background: url(../img/footl.png) 0 0 no-repeat; z-index: 1;}
	#rb { position: absolute; bottom: -18px; left: 770px; width: 249px; height: 199px; background: url(../img/footr.png) 0 0 no-repeat;  z-index: 1;}
	
/* QuickTime Fix for IE */
* html object.mov { display/**/: none; }