/*
Theme Name: Campbell Rowley Theme
Theme URI: N/A
Description: N/A
Version: 1.0
Author: Campbell Rowley and Chris Boakes
Author URI: N/A
Tags: N/A
*/

/*
Pink: #EC008C
Light Grey (50% Black): #777777
Dark Grey (90% Black): #404041
*/

/* General */
html {
     overflow: scroll;
}
body {
	background-color: #EEEEEE;
	font: 12px Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6, ul, li, p, a {
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #EC008C;
}
ul {
	list-style: none;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#page {
	border: 0px;
	padding: 0px;
	position: relative;
	/*margin: auto;*/
	margin-left: 70px;
	width: 996px;
}

/* Header */
#header {
	border-top: #CCCCCC solid 4px;
	float: left;
	height: 68px;
	width:996px;	
}
.nav_logo {
	width: 105px;
	height: 58px;
	float: right;
	margin: 10px 0 0 0;
	overflow: hidden;
}
.upper_nav {
	width: 435px;
	height: 43px;
	float: left;
}
.dbp {
	width: 250px;
	height: 43px;
	float: left;
	overflow: hidden;
}

/* Navigation */
#navigation {
	width: 850px;
	height: 25px;
	float: left;
}
#navigation a:hover {
	color: #000000 !important;
}
#navigation li {
	padding-right: 1px;
	width: auto;
	float: left;
	text-decoration: none;
}
#navigation li a {
	font-weight: bold;
	font-size: 8pt;
}
.current_page_item a {
	font-weight: bold;
	color: #000000;
}

/* Background Image */
img.bck_img {
	/*width: 100%;
	position: absolute;*/
	top: 0;
	left: 0;
	overflow: hidden;
}

/* Sidebar */
#sidebar {
	width: 280px;
	height: auto;
	float: right;
	margin-top: 4px;
}
#home_sidebar {
	width: 130px;
	height: auto;
	float: right;
	margin-top: 4px;
}
#sidebar a, #home_sidebar a, .left_sidebar_case a { color: #444444; font-size: 8pt; }
#sidebar a:hover, #home_sidebar a:hover, .left_sidebar_case a:hover { color: #EC008C; }
.left_sidebar, .left_sidebar_case {
	width: 130px;
	height: auto;
	float: left;
	margin: 0 4px 0 4px;
}
.left_sidebar_case { padding-left: 6px; }
.right_sidebar {
	width: 130px;
	height: auto;
	float: right;
	margin: 0 4px 0 4px;
}
.categories, .clients, .recent {
	width: 130px;
	overflow: hidden;
	float: left;
	margin: 0px 0 10px 0;
}
.clients p a, .recent p a {
	width: 130px;
	height: auto;
	float: left;
	margin: 2px 0 2px 0;
}
#sidebar h4, #home_sidebar h4 {
	width: 130px;
	float: left;
	cursor: pointer;
	color: #444444;
	font-size: 8pt;
	margin: 2px 0 2px 0;
}
.side_stripe {
	width: 130px;
	height: 12px;
	float: left;
}
.tags {
	margin: 5px 0 5px 0;
	width: 130px;
	float: left;
}
.tags a { width: 130px;	float: left; }
ul.drop-down, ul.drop-down-pho {
	width: 125px;
	float: left;
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	padding: 0 0 0 5px;
}
ul.drop-down-pho { padding: 0px !important }
.break { height: 0px; line-height: 0px; }
.left_sidebar_case { margin-top: 4px; }

/* Home Page */
#home {
	width: 860px;
	float: left;
}
#home .top {
	width: 424px;
	height: 285px;
	float: left;
	margin: 0px 5px 0 0;
	background-color: #FFFFFF;
}
#home .middle {
	width: 281px;
	height: 140px;
	float: left;
	margin: 5px 5px 0 0;
	background-color: #FFFFFF;
}
#home .middle_right {
	width: 281px;
	height: auto;
	float: right;
	margin: 5px 5px 0 0;
	background-color: #FFFFFF;
}
#home .bottom {
	width: 424px;
	height: 285px;
	float: left;
	margin: 5px 0 0 143px;
	background-color: #FFFFFF;
}
#home .top_stripe, #home .top_content_1, #home .top_content_2, #home h1 a.h_top {width: 417px; }
#home .middle_stripe, #home .middle_content_1, #home .middle_content_2, #home .middle_content_3, #home h1 a.h_middle { width: 273px; }
#home .bottom_stripe, #home .bottom_content_1, #home h1 a.h_bottom { width: 416px; }
#home .top_stripe, #home .middle_stripe, #home .bottom_stripe {
	width: inherit;
	float: left;
	height: 12px;
	margin: 4px 0 0 4px;
}
#home .top_content_1, #home .top_content_2 { height:230px; }
#home .middle_content_1, #home .middle_content_2 { height:84px; }
#home .bottom_content_1 { height:230px; }
#home .top_content_1, #home .top_content_2, #home .middle_content_1, #home .middle_content_2, #home .bottom_content_1 {
	float: left;
	margin: 8px 0 0 4px;
	background-color: #CCCCCC;
}
#home h1 a {
	float: left;
	font-size: 9pt;
	font-weight: bold;
	margin: 4px 0 0 4px;
	padding: 0 0 8px 0;
	border-bottom: #CCCCCC solid 1px;
}
#home .middle_content_3 {
	width: 260px;
	float: left;
	margin: 5px 0 5px 5px;
	padding: 0 5px 25px 5px;
	height: auto;
	background-color: #F8F8F8;
	color: #666666;
	font-size: 8pt;
}
#home .middle_content_3 img { display: none; }
#home .middle_content_3 p.blog_feed {
	width: 260px;
	float: left;
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
}
#home .middle_content_3 p.borderbot {
	width: 50px;
	height: 1px;
	float: left;
	border-bottom: #CCCCCC solid 1px;
}
#home .middle_content_3 a.blog_feed_title {
	color: #444444;
	font-weight: bold;
}
#home .middle_content_3 a:hover {
	color: #EC008C;
}
/* Youtube Video */
object.youtube-video {
	float: left;
	height: 230px;
	position: absolute;
	width: 416px;
	z-index: 0;
}

/* Work Page */
#work {
	width: 710px;
	float: left;
	background-color: #FFFFFF;
}
.work_toggle, .work_text, .work_center, .work_stripe, h2.page_title, .work_image_viewer {
	width: 702px;
	float: left;
}
.work_toggle { margin: 0 0 5px 0; cursor: pointer; }
.work_center { margin: 4px; }
.work_stripe { height: 12px; }
h2.page_title {
	height: 28px;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px solid #C5C5C5;
}
.work_head h2 {
	width: 600px;
	height: 30px;
	float: left;
	font-size: 12pt;
	font-weight: bold;
	padding: 2px 0 2px 0;
}
p.work_categories {
	width: auto;
	height: 10px;
	float: left;
	text-align: left;
	margin-top: 7px;
}
p.work_categories a { cursor: pointer; font-size: 9pt; }
.work_text {
	color: #333333;
	font-size: 8pt;
	margin-bottom: 30px;
}
.current_cat { color: #000000; }
.current_cat:hover { color: #000000; }

/* Slideshow */
#slideshow {
	width: 702px;
	float: left;
	position: relative;
}
#slideshow .slide_container {
  	width:702px;
  	height:468px;
 	overflow:auto;
 	float: left;
}
#slideshow .slide {
  	width:672px;
  	height:468px;
}
.slide_top, .slide_top2, .slide_top3, .slide_top4, .slide_top5 {
	width: 702px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.slide_top p, .slide_top2 p, .slide_top3 p, .slide_top4 p, .slide_top5 p {
	color: #FFFFFF;
	width: auto;
	float: right;
	font-size: 8pt;
	margin-top: 3px;
	font-weight: normal;
	opacity: 1;
	filter:alpha(opacity=100);
}
.slide_top p.total_slides {	margin-right: 2px; }

/* Controls */
.control, .control2, .control3, .control4, .control5 {
  	display:block;
  	width:133px;
  	height:137px;
  	cursor: pointer;
}
.left_wrap, .right_wrap {
  	display:block;
  	width:133px;
  	height:137px;
 	float: left;
  	position: absolute;
}
.left_wrap { top: 150px; left: 0px; }
.right_wrap { top: 150px; right: 0px; }
#leftControlTop, #rightControlTop, #leftControlTopDisbale, #rightControlTopDisbale {
	width: 11px;
	height: 11px;
	float: right;
	cursor: pointer;
}
.topControl, .disableTop { margin: 3px 4px 0 0; }
.arrowWrap { float: right; margin-left: 10px; }

/* Case Studies */
.case_holder {
	position: relative;
	float: left;
	width: auto;
}
.case_holder img { margin-bottom: 4px; }
a.pdf {
	width: 12px;
	height: 16px;
	display: block;
	position: absolute;
	top: 5px;
	right: 260px;
	float: right;
	margin-left: 50px;
}
p.dpdf {
	width: 150px;
	margin: 6px 0 0 16px;
	font-size: 8pt;
	color: #EC008C;
}
.layout1_left {
	width: 272px;
	height: auto;
	float: left;
	margin-right: 4px;
}
.layout1_top_left {
	width: 272px;
	height: 162px;
	float: left;
	margin: 0 0 2px 0px;
}
.layout1_bottom_left {
	width: 272px;
	height: 260px;
	float: left;
	margin: 2px 0 0 0px;
}
.layout1_middle_right {
	width: 426px;
	height: 426px;
	float: left;
}
.layout2_top_left {
	width: 349px;
	height: 162px;
	float: left;
	margin: 0 4px 4px 0px;
}
.layout2_top_right {
	width: 349px;
	height: 162px;
	float: left;
	margin: 0 0 4px 0px;
}
.layout2_bottom {
	width: 702px;
	height: 260px;
	float: left;
}
/* Studio */
.studio_holder img {
	margin-bottom: 4px;
}

/* Page */
#middle {
	width: 710px;
	float: left;
	background-color: #FFFFFF;
}
.page_content {
	width: 702px;
	float: left;
	margin: 4px;
}
.page_text {
	width: auto;
	float: left;
	color: #666666;
	margin: 5px 0 20px 0;
	font-size: 12pt;
}
.page_text p {font-weight: bold; margin-bottom: 5px;}

/* Contact */
#contact {
	width: 996px;
	height: 680px;
	float: left;
	background-color: #FFFFFF;
}
.contact_middle {
	width: 988px;
	float: left;
	margin: 4px;
}
.contact_top {
	width: 988px;
	height: 11px;
	float: left;
}
h2.contact_title {
	width: 988px;
	float: left;
	height: 28px;
	font-size: 8pt;
	font-weight: bold;
}
.gmap {
	width: 988px;
	height: 632px;
	float: left;
	background-color: #353535;
	overflow: hidden;
	position: relative;
}
.map_details {
	width: 278px;
	height: 239px;
	float: left;
	position: absolute;
	top: 100px;
	left: 0;
	padding: 5px 0 0 0;
}
.map_details h3, .map_details p {	
	width: 278px;
	float: left;
}
.map_details h3 { 
	margin-bottom: 20px;
	font-weight: bold;
	color: #444444;
	font-size: 13pt;
}
.map_details p {
	font-size: 8pt;
	color: #555555;
}
p.add_bottom { margin-bottom: 15px; }

/* Footer */
#footer {
	width:600px;
	height: 30px;
	float: left;
	margin: 10px 0 0 0;
	color: #444444;
	font-size: 8pt;
}

/* Clients Drop Down */
.client-middle {
	width: 125px;
	float: left;
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	padding: 0 0 0 5px;
}
.client-middle p {
	margin: 2px 0 2px 0;
}
.clients h4 a {
	width: 130px;
	float: left !important;
}
.clients {
	display: inherit;
	float: left;
}

/* Case Studies Columns */
.col1, .col2 {
	width: 330px;
	float: left;
	margin: 0 15px 0 0;
}

/* Text Indent */
.dbp h2, .nav_logo h1 {
	text-indent: -2000px;
}

/* Category Title */
.cat_title {
	cursor: pointer;
}
/* Sidebar - change h3' */
.left_sidebar h3, .right_sidebar h3, .left_sidebar_case h3 {
	font-size: 8pt;
	font-weight: bold;
	width: auto;
	float: left;
}
.sidehead, .sidehead_photo {
	width: 130px;
	height: 27px;
	float: left;
	border-bottom: 1px #C5C5C5 solid;
	margin-bottom: 10px;
}
.collapse_arrow, .collapse_arrow_down, .collapse_arrow_cat, .collapse_arrow_cat_down {
	width: 11px;
	height: 11px;
	float: right;
	margin: 1px 2px 2px 2px;
}
.photo_page_ul {
	width: 130px;
	float: left;
	margin: 0px;
	border-bottom: 1px #C5C5C5 solid;
	border-top: 1px #C5C5C5 solid;
	padding-bottom: 5px;
}
.photo_page_ul h4 {
	color: #444444;
	font-size: 8pt;
	cursor: pointer;
	margin: 2px 0 2px 0;
}
.photo_page_ul li a { color: #444444; font-size: 8pt; }
.photo_page_ul li a:hover { color: #EC008C; }
/* RSS Feed */
#home .middle_content_3 object, #home .middle_content_3 embed { display: none !important; }

.add_top { margin: 10px 0 10px 0; }

/* CRTV */
.tv_holder {
	width: 303px;
	height: 375px;
	float: left;
	margin: 5px 0px 5px 15px;
	border-bottom:1px solid #999999;
	color: #555555;
	font-size: 9pt;
}
.tv_wrap {
	width: 350px;
	float: left;
}
.tv_holder h2 {
	width: 318px;
	float: left;
	margin: 5px 0 5px 0px;
	padding: 5px 0 5px 0;
	border-bottom:1px solid #999999;
}
.tv_holder h2 a {
	font-size: 9pt;
	color: #333333;
	font-weight: bold;
}
.tv_holder h2 a:hover { color: #EC008C; }