/* Pacific 7 Productions CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, font, img, strong, var, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

* {margin:0; padding:0;}

html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

body {background: #161413 url(../../images/p7_bg_tile.gif) top center repeat-x;color:#fff;font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;font-size: 62.5%;margin: 0;padding: 0;text-align:center;}
	
img {border:none;}


/* ---------------------------------------------------------- Titles and Text */

h1 {position: absolute; left: -2000px;}
h2 {}

h3 {font-size:1.7em; color:#191919; margin-bottom:8px; font-weight:bold;}
h4 {font-size:1.4em; color:#191919; margin-bottom:4px; font-weight:bold;}

p {font-size: 1.2em; color: #fff; line-height: 1.4em; margin: 0 0 8px 0; padding: 0;}
p.caption {font-size: 1.1em; color: #fff; line-height: 1.4em; margin: 0 0 8px 0; padding: 0;}
code {font-size: 1.1em; color: #AEB4AE; line-height: 1.4em;}

a {color: #A00000; margin: 0; padding: 0; outline:none;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #A00000; text-decoration: underline;}
a.active {color: #A00000;}

strong, em { font-weight:bold;}
span.strong {color:#FFFFFF; font-weight:bold;}

#content ul {font-size: 1.2em; color: #fff; line-height: 1.4em; margin: 0 0 8px 0; padding: 0; list-style-type:none;}

/* ---------------------------------------------------------- Layout */
	
#master {width: 860px;background: #EA7810 url(../../images/p7_master_tile.gif) 0 0 repeat-y;border:#FFFFFF 2px solid;margin: 30px auto 10px auto;padding: 0;text-align:left;}


#header {height:98px;margin: 0;padding:0 0 0 0;background:url(../../images/p7_header_bg.jpg) 0 0 repeat-x;}

#header_inner {margin-right:2px; padding:0;}

#content {float:left;width: 624px;/*height:512px;*/background: url(../../images/p7_content_tile.gif) 0 0 repeat-x;}

#footer {clear:both;height:32px;background: #000 url(../../images/p7_footer_tile.gif) 0 0 repeat-x;margin: 0;}

#footer p {width:300px; display:inline; float:left; line-height:32px; margin: 0 18px 0 18px;}
#footer p.footer_b { display:inline; float:right; text-align:right;}

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

#footer p.credit {text-indent:-2500px; height:.1em; line-height:.1em;}

/* ---------------------------------------------------------- Layout Content */

span.intro_text {font-size:1.4em; line-height:1.2em;}

#content_a {width:300px; display:inline; float:left; margin:18px 0 12px 13px;}
#content_a p {padding-right:18px;}

#content_b {width: 290px; float:left; margin:18px 0 12px 0;}

#content_c {width: 590px; clear:both; margin:0 0 0 13px; padding-top:8px; border-top: 1px solid #CF5B0E; }

#content_d {width: 600px; clear:both; margin:0 0 0 13px; padding-top:8px; border-top: 1px solid #CF5B0E; }

/* ---------------------------------------------------------- Layout Home Page */

a.frame_link {color:#FFFFFF;}
a.frame_link:hover {color:#A00000;}

a.frame_link_head {color:#191919;} 
a.frame_link_head:hover {color:#A00000;} 

#page_00 #content_a {width:322px;}
#page_00 #content_b {width:266px; background-color:#EA7810; margin-top:12px; border:1px solid #CF5B0E;}

#page_00 #content_b h3 {margin:0 0 8px 0; line-height:30px; background:url('../../images/P7_bg_home_head.gif') 0 0 repeat-x; padding-left:6px}
#page_00 #content_b h4 {margin:0 0 8px 6px;}


#page_00 #content_a p {font-size:1.4em; margin-bottom:12px;}
#page_00 #content_b p {margin-left:6px;}

div.home_item { /*background-color:#292929;*/ padding-top:2px;}
div.home_item p {padding: 6px 6px 6px 0;}
/*div.home_item a {color:#C92100;}*/

div.home_break {height:10px; width:254px; border-top:1px solid #CF5B0E; margin-left:6px;}
div.frame_break {height:10px; width:100%; border-top:1px solid #CF5B0E;}

div.frame_img_container {width:540px; height:173px; clear:both; margin-bottom:20px;}
div.frame_img_item {width:270px; float:left;}
#page_01 #content_a div.frame_img_item img { margin-bottom:4px;}

p.p_quote {font-size:1.1em; color:#191919;}
p.back_link {width:150px; float:right; text-align:right;}

#content ul#home_slideshow_ul {width:286px; height:161px; overflow:hidden; margin: 0 0 0 2px;}

div.home_latest_flash {width:254px; height:144px; /*217px;*/ margin: 0 0 0 6px; }

div.movie_image_group {clear:both;}

div.movie_image_item {width:142px; float:left; margin-left:7px; overflow:auto;}
div.first_movie_item {margin-left:0;}

div.movie_image_item a {display:block; width:138px; height:78px; border:1px solid #292929; margin:1px 1px 8px 1px;}
div.movie_image_item a:hover {border:2px solid #A00000; margin:0 0 7px 0;}

div.movie_item_selected a {border:2px solid #A00000; margin:0 0 7px 0;}

div.movie_image_item h4 a  {color:#A00000;}

div.movie_image_item p a {display:block; width:132px; height:auto; border:none; color:#FFFFFF; margin: 0;}
div.movie_image_item p a:hover {color: #A00000; border:none; margin: 0; }

div.movie_image_item h4 a {display:block; width:138px; height:auto; border:none; color:#A00000; margin: 0;}
div.movie_image_item h4 a:hover {border:none; margin: 0;}

div.movie_image_item p {font-size:1.1em; }

/* ---------------------------------------------------------- Layout Frame */

div.frame_item {border-bottom:1px solid #CF5B0E; margin-bottom:20px; padding-bottom:15px;}


/* ---------------------------------------------------------- Layout Showreel */

#page_01 #content_a {width:440px;}

#page_01 #content_b {width:590px;  margin:18px 0 12px 13px;}

#showreel_flash, div.inline_flash {width:440px; height:265px; background-color:#292929; margin-bottom:8px;}

/* Virals Page */

div.viral_item {width:142px; float:left; margin-left:7px; overflow:auto;}
div.first_viral_item {margin-left:0;}

/* --------------------------------------------------------- Layout Clients */

#page_02 #content_a {width:596px;}
#page_02 #content_a p {padding-right:160px;}

#p7_clients {list-style: none; margin:0; padding:0 0 20px 0; }
#p7_clients li {display:block; float:left; width:140px; height:80px; overflow:hidden; margin:0 9px 12px 0; padding:0; text-indent:-4000px; background:url(../../images/p7_clients_sprite.gif) no-repeat;}

#p7_clients #client_hsbc {background-position: 0 0;}
#p7_clients #client_hyundai {background-position: -149px 0;}
#p7_clients #client_intel {background-position: -298px 0;}
#p7_clients #client_landrover {background-position: -447px 0;}

#p7_clients #client_amex {background-position: 0 -100px;}
#p7_clients #client_four {background-position: -149px -100px;}
#p7_clients #client_momentum {background-position: -298px -100px;}
#p7_clients #client_vodafone {background-position: -447px -100px;}

#p7_clients #client_armani {background-position: 0 -200px;}
#p7_clients #client_pando {background-position: -149px -200px;}
#p7_clients #client_gillette {background-position: -298px -200px;}
#p7_clients #client_barclays {background-position: -447px -200px;}

#p7_clients #client_nike {background-position: 0 -300px;}
#p7_clients #client_honda {background-position: -149px -300px;}
#p7_clients #client_nhs {background-position: -298px -300px;}
#p7_clients #client_ralf {background-position: -447px -300px;}

#p7_clients #client_duracell {background-position: 0 -400px;}
#p7_clients #client_coke {background-position: -149px -400px;}
#p7_clients #client_nintendo {background-position: -298px -400px;}
#p7_clients #client_martini {background-position: -447px -400px;}

#p7_clients #client_eurosport {background-position: 0 -500px;}
#p7_clients #client_bacardi {background-position: -149px -500px;}
#p7_clients #client_orange {background-position: -298px -500px;}
#p7_clients #client_yourname {background-position: -447px -500px;}

#p7_clients #client_hilfiger {background-position: 0 -600px;}
#p7_clients #client_aeg {background-position: -149px -600px;}
#p7_clients #client_topshop {background-position: -298px -600px;}
#p7_clients #client_jaeger {background-position: -447px -600px;}


/* --------------------------------------------------------- Layout In the frame */

#page_03 #content_a {width:540px;}

/* --------------------------------------------------------- Layout Who we are */

#page_05 #content_a {width:596px;}
#page_05 #content_a p {padding-right:160px;}

#p7_staff {list-style: none; margin:0;padding:0 0 20px 0;}
#p7_staff li {display:block; float:left; width:188px; height:180px; overflow:hidden; margin:0 9px 0 0; padding:0; background:url(../../images/p7_staff_sprite.jpg) no-repeat;}
#p7_staff li a {display:block; width:188px; height:180px; margin:0; padding:145px 0 0 0; text-align:center; font-size:1.1em;}
#p7_staff li a span { font-weight:bold;}

#p7_staff #staff_duncan {background-position: 0 0;}
#p7_staff #staff_zoe {background-position: -198px 0;}
#p7_staff #staff_adam {background-position: -396px 0;}

#p7_staff #staff_guy {background-position: 0 -180px;}
#p7_staff #staff_peter {background-position: -198px -180px;}
#p7_staff #staff_steve {background-position: -396px -180px;}

#p7_staff #staff_alex {background-position: 0 -360px;}
#p7_staff #staff_ben {background-position: -198px -360px;}
#p7_staff #staff_jon {background-position: -396px -360px;}

#p7_staff #staff_jim {background-position: 0 -550px;}

#p7_staff #staff_jess {background-position: -198px -560px;}

/* --------------------------------------------------------- Layout Showcase */

#page_01 #content_a img {margin-bottom:10px;}

#video {width:999px; text-align:left; margin:20px auto 0 auto;}
#video h3 {colour:#fff;}

img.case_image {padding-bottom:10px; clear:both;}

div.case_link {width:149px; float:left;}

a.case_link_img {border:1px solid #292929;   
display:block;
height:56px;
width:138px;

}

/* ----- Tool Tips Pop up stuff */

#theToolTip{position: absolute;left: -300px;width: 200px;border: 1px solid #292929;padding: 6px 0px 0px 5px;background-color: #FFF;visibility: hidden;z-index: 100;}

#ToolTipPointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

#theToolTip p{font-size: 1.1em;color: #333333;line-height:1.4em;margin-right:5px;margin-top:0;padding-top:10px;}

#ToolTipTextWrap {font-weight:bold;font-size: 1.2em;color:#000000;margin-right:5px;padding-top:4px;}


/* --------------------------------------------------------- Layout Services */

#page_04 #content_a ul {list-style: none; font-size: 1.2em; color: #fff; line-height: 1.4em; margin: 0 0 8px 0; padding: 0;}
#page_04 #content_a li {padding: 0 0 0 10px; background:url(../../images/ul_list_dash.gif) 0 0 no-repeat;}

#page_04 #content_a {width:346px;}

#page_04 #content_b {width:244px;  margin:18px 0 12px 13px;}
#page_04 #content_b img {border:1px solid #292929; margin-bottom:12px;}
#page_04 #content_b img.img_captioned {margin-bottom:2px;}

/* --------------------------------------------------------- Layout Contact */

#page_06 #content_a {width:346px;}

#page_06 #content_b {width:244px;  margin:18px 0 12px 13px;}
#page_06 #content_b img {border:1px solid #292929; margin-bottom:12px;}

#map {border:1px solid #292929; width: 340px; height: 320px}

/* -------------------------------------------------------- Navigation */

#nav {
	background: url(../../images/p7_nav_top.gif) 0 0 no-repeat;
	width:236px;
	height:512px;
	float:left;
}

#nav ul{	
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	list-style: none;
}


#nav ul li {
	padding: 18px 0 0 0;
	margin:0;
	font-size:1.7em;
	color:#191919;
	
}

#nav ul li a {
	display: block;
	padding: 14px 0 0 0;
	margin: 0;
	/*color:#CF5B0E;*/
	color:#A00000;
	text-decoration:none;
}

#nav ul li a:hover {color:#fff;}

#nav ul li ul { /* second-level lists */
	background: none;
	margin:0;
	padding:0 10px 0 10px; 
}

#nav ul li ul li { /* second-level lists */
	padding: 0;
	margin:0;
	font-size:.9em;
	height:1.8em;
}

#nav ul li ul li a {}


/* Nav Selected */

#page_01 #nav_01 a, #page_02 #nav_02 a, #page_03 #nav_03 a, #page_04 #nav_04 a, #page_05 #nav_05 a, #page_06 #nav_06 a {color:#FFFFFF;}

/* load images at end.... */

#master_sub {
	width:860px;
	background: url(../../images/p7_nav_palms.gif) bottom left no-repeat;
	overflow:auto;
	margin: 0 0 0 0;
	padding: 0;
}