/* CSS Document */

/* ---------------------- */
/* ---BROWSER RESETTING-- */
/* ---------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, button {
  	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-shadow:1px 1px 0 #fff;
}

a:hover{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-shadow:1px 1px 0 #fff;
}

a.underline {
	border-bottom: 1px dotted  #b3b3b3;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a.underline:hover {
	border-bottom: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

a.green { color:#4f7354; }

a.blue { color:#455c65; }


div.line {
	width:auto;
	border-bottom:#acb9c8 1px solid;
	margin:0 0 10px 0;
}

div.line hr {display: none}


div.line_dark {
	height: 0px;
	width:auto;
	margin:0;
	border-bottom: 1px solid #e6e3e3;
}

div.line_dark hr {display: none}

div.line_light {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px solid #FFF;
}

div.line_light hr {display: none}

/* ---------------------- */
/* -------FLOATS--------- */
/* ---------------------- */

.float_left {
	float:left;
	clear:left;
	margin:0 20px 20px 0;
}

#header .float_left {
	float:left;
	clear:left;
	margin:0;
	}

.float_right {
	float:right;
	clear:right;
	margin:0 0 20px 20px;
}

.float_right img a { border:none }


/* ---------------------- */
/* ---------MISC--------- */
/* ---------------------- */

.red { color:#c10c26 }

.red_bold {
	font-weight:bold;
	color:#c10c26;
}

div.solid {
	height: 0px;
	width:auto;
	margin-bottom:20px;
	border-bottom: 1px solid #dbcbdc;
}

div.solid hr {display: none }

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}

div.dotted {
height: 0px;
width:auto;
border-bottom: 1px dotted #b7b7b7;
}

div.dotted hr {display: none}

.png { behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc); }

.clear {
	clear: both;
	height:0px;
	font: normal 0px/0px Arial, Helvetica, sans-serif;
}

.clear_margin {
	height:15px;
	clear:both;
}

.pink { color:#b52485 }

.bold { font-weight:bold }

.bold_large { font-weight:bold; font-size:16px; }

.hide {
	display:none;
	margin:0;
	padding:0;
	float:left;
}

div.line hr {display: none }

.small-text { font: normal 11px/20px Arial, Helvetica, sans-serif; }

.invisible { display:none; }

p.margin{ margin-top:10px;}
 
/* ---------------------- */
/* -----TYPOGRAPHY------- */
/* ---------------------- */

html, body {
	margin:0;
	padding:0;
	height:100%;
	font:normal small Arial,Helvetica,sans-serif;
	line-height:20px;
	color:#333;
	background:#f7f7f7;
}

h1 {
	font: bold 26px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin:0 0 10px 0;
	color:#323232;
	text-shadow:1px 1px 0 #fff;
}

/* For text that should be read by search engines but isn't a header*/
h1.normal {
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	margin:0 0 10px 0;
	color:#333;
}

/* For text that only looks like a header - not to be read by search engines*/
.h1 {
	font: bold 26px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin:0 0 10px 0;
	color:#323232;
	text-shadow:1px 1px 0 #fff;
}

h1 a {
	color:#323232;
	text-decoration:none;
	border-bottom:1px dotted #323232;
	text-shadow:1px 1px 0 #fff;
}

h2 {
	color:#323232;
	margin:20px 0 10px 0;
	font: bold 22px/26px Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0 #fff;
}

h2.title {	margin:0px 0 10px 0;}

h2.blog_title {
	font-size:20px;
	color:#363636;
	margin:0 0 13px 0;
}

p.author_name {
	font-weight:bold;
	font-style:italic;
	margin-bottom:1px;
	}

p.author_date {
	font-weight:bold;
	margin-bottom:7px;
	}

h2.blog_title a { color:#363636;}

h2.blog_title a:hover { color:#4d545d;}


a {
	color:#b52485;
	text-decoration:none;
}

a:hover {
	color:#666;
	text-decoration:none;
	border-bottom:none;
}

a img {
	border:none;
}

p {	margin:0 0 10px 0; }

p.no_margin {margin:0; }

p.medium {
	text-align:left;
	font-size:14px;
}

.tab p { margin-top:0 }

.tab h2 { margin-top:0 }

.bold {font-weight:bold }

.update {
	float:left;
	margin:0;
	font-weight:bold;
}

.text_small {
	font-size:11px;
	font-weight:normal;
}

/* ---------------------- */
/* -----CONTAINER-------- */
/* ---------------------- */

#container {
	min-height:100%;
	position:relative;
	width:100%;
	margin:0px auto 0 auto;
}

#body {
	width:100%;
	padding-bottom:200px;/* Height of the footer */
}

#main_content {
	width:978px;
	margin:30px auto 30px auto;
}


/* ---------------------- */
/* -------HEADER--------- */
/* ---------------------- */

#header {
	width:100%;
	height:53px;
	background:url(../images/bg/header-bg.png) repeat-x;
}

#header_shadow {
	width:100%;
	background:url(../images/bg/header-shadow.jpg) repeat-x; 
	height:13px;
}

#header_shadow_green {
	width:100%;
	background:#dde7c6 url(../images/bg/header-shadow-green.png) repeat-x; 
	height:11px;
	margin:0;
	padding:0;
}

#header_shadow_blue {
	width:100%;
	background:#c1d2e7 url(../images/bg/header-shadow-blue.png) repeat-x; 
	height:11px;
	margin:0;
}

#header_shadow_pink {
	width:100%;
	background:#faeaf8 url(../images/bg/header-shadow-pink.png) repeat-x; 
	height:11px;
	line-height:0;
}

/* ---------------------- */
/* --PAGE TITLE BANNER--- */
/* ---------------------- */

#page_title_green {
	padding:8px 0 0px 0;
	width:auto;
	margin-bottom:20px;
	border-bottom:#afb69f 1px solid;
	background-color:#dde7c6;
	text-shadow:1px 1px 0 #fff;
}

#page_title_green h1 a:hover {
	color:#90957e;
	text-decoration:none;
	border-bottom:none;
}

#page_title_blue {
	padding-top:10px;
	width:auto;
	margin-bottom:30px;
	border-bottom:#858f9b 1px solid;
	background-color:#c1d2e7;
	text-shadow:1px 1px 0 #daebff
}

#page_title_blue a { color:#535b65; }

#page_title_blue a:hover { color:#323232; }

#page_title_pink {
	padding:8px 0 0px 0;
	width:auto;
	border-bottom:#c8bbc6 1px solid;
	background-color:#faeaf8;
	text-shadow:1px 1px 0 #fff;
}

#page_title_pink a { color:#8a5178; }

#page_title_pink a:hover { color:#323232; }


#page_title_content {
	height:auto;
	line-height:22px;
	width:978px;
	margin:0px auto 18px auto;
	padding:0px;
	font: normal 22px/27px Arial, Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-size:32px;
	font-weight:bold;
	color:#323232;
}

/* ---------------------- */
/* -------FOOTER--------- */
/* ---------------------- */

#footer_container {
	width:978px;
	margin:0px auto 0 auto;
}

#footer_pink {
	position:absolute;
	bottom:0;
	width:100%;
	height:200px;/* Height of the footer */
	background-color:#faeaf8;
	border-top:#c8bbc6 1px solid;
	color:#8c8c8c;
	font-size:small;
}

#footer_pink a {color:#4a4349; border-bottom:1px dotted #9b889b;}

#footer_pink a:hover{color:#836783; border-bottom:none; }

#footer_pink div.line_dark {
	height: 0px;
	width:auto;
	margin:0;
	border-bottom: 1px solid #e6c9e2;
}

#footer_pink div.line_light {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px solid #fffbff;
}

#footer_pink #footer_large_container #left { border-right:#fffbff 1px solid; }

#footer_pink #footer_large_container #middle { border-left:#e6c9e2 1px solid; border-right:#fffbff 1px solid; }

#footer_pink #footer_large_container #right { border-left:#e6c9e2 1px solid; }


#footer_brochure {
	width:100%;
	height:200px;/* Height of the footer */
	background-color:#faeaf8;
	border-top:#b7b7b7 1px solid;
	color:#8c8c8c;
	font-size:small;
}

#footer_brochure div.dotted {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px solid #b7b7b7;
}


#footer_blue {
	background-color:#c1d2e7;
	padding-top:0px;
	border-top:#858f9b 1px solid;
	color:#8c8c8c;
	font-size:small;
	position:absolute;
	bottom:0;
	height:200px;/* Height of the footer */
	width:100%;
}

#footer_blue #footer_large_container #left { border-right:#ddecff 1px solid; }

#footer_blue #footer_large_container #middle { border-left:#a3b1c1 1px solid; border-right:#ddecff 1px solid; }

#footer_blue #footer_large_container #right { border-left:#a3b1c1 1px solid; }

#footer_blue #footer_large_container { text-shadow:1px 1px 0 #daebff }

#footer_blue div.line_dark {
	height: 0px;
	width:auto;
	margin:0;
	border-bottom: 1px solid #a3b1c1;
}

div.line_dark hr {display: none}

#footer_blue div.line_light {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px solid #ddecff;
}

div.line_light hr {display: none}

#footer_blue a {color:#000; border-bottom:1px dotted #88919b;}

#footer_blue a:hover{color:#5b626c; border-bottom:none; }


#footer_green {
	background-color:#dde7c6;
	padding-top:0px;
	border-top:#afb69f 1px solid;
	color:#8c8c8c;
	font-size:small;
	position:absolute;
	bottom:0;
	height:200px;/* Height of the footer */
	width:100%;
}


#footer_green a {color:#000; border-bottom:1px dotted #88919b;}

#footer_green a:hover{color:#464941; border-bottom:none; }

#footer_green div.line_dark {
	height: 0px;
	width:auto;
	margin:0;
	border-bottom: 1px solid #bdc7a7;
}

div.line_dark hr {display: none}

#footer_green div.line_light {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px solid #ecf6d6;
}

div.line_light hr {display: none}

#footer_green #footer_large_container #left { border-right:#ecf6d6 1px solid; }

#footer_green #footer_large_container #middle { border-left:#bdc7a7 1px solid; border-right:#ecf6d6 1px solid; }

#footer_green #footer_large_container #right { border-left:#bdc7a7 1px solid; }

#footer_green #footer_large_container { text-shadow:1px 1px 0 #fbfff1 }


#footer_large_container {
	width:978px;
	margin:17px auto 0px auto;
	color:#363636;
	text-shadow:1px 1px 0 #fff;
}

#footer_large_container img {behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc) }

#footer_large_container p { margin:0px 0 5px 0 }

#footer_large_container h2 { margin:0px 0 5px 0 }


#footer_large_container #left {
	clear:both;
	float:left;
	width:306px;
	height:79px;
}

#footer_large_container #middle {
	float:left;
	width:276px;
	height:79px;
	border-left:#dbcbdc 1px solid;
	padding:0 0 0 60px;
	line-height:23px;
}

#footer_large_container h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 6px 0;
}


#footer_large_container #right {
	float:left;
	width:250px;
	height:79px;
	border-left:#dbcbdc 1px solid;
	padding:0 0 0 60px;
}

#footer_large_container #right img { float:left; margin-right:6px;}

#footer_large_container #right h3 { font-weight:normal;}

#footer_blue div.dotted {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px dotted #9e9d9d;
}

#footer_green div.dotted {
	height: 0px;
	width:auto;
	margin-bottom:10px;
	border-bottom: 1px dotted #b7b7b7;
}

div#footerLine {
border-top: 1px dotted #ffeef9;
height:2px;
width:auto;
margin:0 0 6px 0;
}

div#footerLine hr {
display: none;
}

#footer #right {
float:right;
text-align:right;
}

#footer #right a{margin-bottom:100px;}

#footer #left {
float:left;
}



#footer .line {
margin-right:5px;
color:#b7b7b7;
float:left;
}

#footer p {
margin:10px 0px;
}

#footer #footer_nav {
width:auto;
margin-top:0px;
font-weight:bold;
min-height:20px;
}

#footer #footer_nav ul {
list-style-type: none;
 margin: 0;
 padding: 0;
font-size:x-small;
}

#footer #footer_nav li {
float:left;
}

#footer #footer_nav li a {
border-bottom:dotted 1px #e3e3e3;
text-decoration:none;
color:#8c8c8c;
display: inline;
float:left;
width:auto;
margin-right:7px;
}

#footer #footer_nav li a:hover {
color:#b52485;
border-bottom:dotted 1px #e3e3e3;
}

#footer #footer_nav li.selected a {
border-bottom:dotted 1px #b52485;
text-decoration:none;
color:#b52485;
display: inline;
float:left;
width:auto;
margin-left:30px;
margin-right:5px;
}

#footer #footer_nav li.selected a:hover {
color:#b52485;
border-bottom:none;
}


/* ---------------------- */
/* ----NAVIGATION-------- */
/* ---------------------- */

#navigation {
	height:100%;
	padding-top:10px;
	width:978px;
	height:35px;
	font-weight:bold;
	margin:0px auto 0 auto;
}

#navigation img { behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc) }

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	margin-top:10px;
	height:25px;
	width:740px;
	float:right;
}

#navigation li { float:right; }

#navigation li a {
	font-family:Arial, Tahoma, sans-serif;
	text-decoration: none;
	display: inline;
	width:auto;
	margin-left:50px;
	color:#FFF;
	margin-bottom:10px;
	margin-top:10px;
	font-size:16px;
	border:none;
	text-shadow:-1px -1px #333;
}

#navigation ul.secondnav li { float:right; }

#navigation ul.secondnav li a {
	text-decoration: none;
	font-weight:normal;
	display: inline;
	width:auto;
	color:#FFF;
	margin-bottom:10px;
	margin-top:10px;
	font-size:13px;
	border:none;
}

.light_left {margin-left:20px; font: normal 12px/20px Arial, Helvetica, sans-serif;}

.light {font: normal 12px/20px Arial, Helvetica, sans-serif;}

#navigation li a:hover { color:#b7b7b7 }

#navigation li.selected_pink a { color:#e8c5db }

#navigation li.selected_green a { color:#dde7c6 }

#navigation li.selected_blue a { color:#c1d2e7 }


/* ---------------------- */
/* ------HOMEPAGE-------- */
/* ---------------------- */

#content_left {
float:left;
width:179px;
min-height:500px;
padding-right:20px;
border-right:#e6e3e3 1px solid;
}

#content_middle {
float:left;
width:530px;
min-height:500px;
padding:0 20px 0 20px;
border-right:#e6e3e3 1px solid;
border-left:#FFF 1px solid;
}

#content_right {
float:left;
width:179px;
min-height:500px;
padding-left:20px;
border-left:1px solid #FFF;
}

#content_right img { display:none;}


#content_right h2 {font: normal 12px/20px Arial, Helvetica, sans-serif;}

#content_right h2.title {
	color:#323232;
	margin:0px 0 10px 0;
	font: bold 22px/26px Arial, Helvetica, sans-serif;
}

p.blog_paragraph { margin:7px 0 0px 0 }

/* ---------------------- */
/* ------SERVICES-------- */
/* ---------------------- */

div.service_button {
	position: relative;
	margin-bottom:12px;
	width:162px;
	height:38px;
}

#content_left_services {
	float:left;
	width:162px;
	margin-right:30px;
}

#content_left_services h2 { margin-top:0 }

#content_middle_large {
	float:left;
	width:786px;
	position:relative;
}

.print_pdf {
	display: block;
	float:left;
	width: 160px;
	height: 47px;
	margin-right:30px;
	background: url(../images/admin/icons/pdf.jpg) no-repeat center left;
	padding: 4px 0 0 60px;
}

#about_middle {
	float:left;
	width:523px;
	min-height:500px;
	padding:0 20px 0 20px;
	border-right:#e6e3e3 1px solid;
	border-left:#FFF 1px solid;
}

#about_left {
	float:left;
	width:166px;
	min-height:500px;
	padding-right:20px;
	border-right:1px solid #e6e3e3;
}

#about_right {
	float:left;
	width:205px;
	min-height:500px;
	padding-left:20px;
	border-left:1px solid #FFF;
}

#about_left h2{ margin-top:0;} 
#about_right h2{ margin-top:0;} 


/* ---------------------- */
/* --HOMEPAGE ANIMATION-- */
/* ---------------------- */

#animation_content { 
	position:relative;
	width:100%;
	margin:0px auto 0 auto;
	height:360px;
	overflow:hidden;
	background: url(../images/homepage/scene_bg.jpg);
}

#animation_content #animation_centre{
	position:relative;
	width:978px;
	height:360px;
	margin:0px auto 0 auto;
}

#animation_content img {behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc) }

#plane1 {
	position:absolute;
	top:272px;
	left: 240px;
	z-index:2;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
	/* -width:61px;
	height:20px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -120px -355px;- */
}

#plane2 {
	position:absolute;
	top:272px;
	left: 550px;
	z-index:2;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
	/* -width:58px;
	height:21px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -181px -218px;- */
}

#scenery {
	position:absolute;
	top:100px;
	left: 0px;
	z-index:3;
	width:978px;
	height:218px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll 0 0;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
	}
	
#balloon {
	position:absolute;
	top:80px;
	left: 80px;
	z-index:2;
	width:60px;
	height:191px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll 0 -218px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#ship {
	position:absolute;
	top:292px;
	left: -100px;
	z-index:4;
	width:223px;
	height:57px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -183px -218px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#sun {
	position:absolute;
	top:16px;
	right: 100px;
	z-index:1;
	width:147px;
	height:142px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -406px -218px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#cloud1 {
	position:absolute;
	top:30px;
	left:0px;
	z-index:1;
	width:123px;
	height:59px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -60px -218px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#cloud2 {
	position:absolute;
	top:50px;
	left:500px;
	z-index:6;
	width:163px;
	height:61px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -60px -277px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#cloud3 {
	position:absolute;
	top:40px;
	left: 350px;
	z-index:2;
	width:60px;
	height:29px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -60px -338px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#yachts {
	position:absolute;
	top:270px;
	left: 645px;
	z-index:3;
	width:114px;
	height:65px;
	background:transparent url(../images/homepage/sprite.png) no-repeat scroll -292px -275px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#waves {
	position:absolute;
	width:100%;
	background:url(../images/homepage/waves.png) repeat-x;
	height:17px;
	top:344px;
	left: -0px;
	z-index:24;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

/* ---------------------- */
/* ---------BLOG--------- */
/* ---------------------- */

#content_left_blog {
	float:left;
	width:100px;
	margin:0px 30px 0 0;
	min-height:500px;
}

#content_middle_blog {
	float:left;
	width:586px;
}

#content_right_blog {
	float:left;
	width:170px;
	margin-left:30px;
	font-weight:bold;
}

#content_right_blog h2 { margin-top:0 }

.blog_box { margin:10px 0 10px 0 }

#blog_view_box {
	padding:30px;
	border:#c1d2e7 2px dotted;
	float:left;
	width:708px;
	background:#fcfcfc;
}

#blog_view_box h1{
	font: bold 22px/24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin:0 0 7px 0;
	color:#363636;
	text-shadow:1px 1px 0 #fff;
}

#blog_view_box h2.blog_title {margin:0 0 20px 0;}



#blog_view_box .img {
	float:right;
	padding:2px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.blog_date {
	font-size:11px;
	color:#797878;
}

.authors_box { height:70px }

.authors_box a {font-weight:normal;}

.authors_image {
	float:left;
	margin-right:10px;
	background-color:#fff;
	padding:2px;
	border:1px solid #dad9d9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

a.read_more {
	float:right;
	margin-bottom:10px;
	}

.read_more img {
	margin:3px 6px 0 0;
	float:left;
}

/* ---------------------- */
/* ---DIRECTIONS FORM---- */
/* ---------------------- */

#contact_right_content .directions {
	margin:0;
	padding:0;
}

#directions_form { margin-top:10px }

#directions_form p.directions { margin:0 0 10px 0 }

#directions_form label {
    display: block;
	font-weight:bold;
	width: auto;
	height:auto;
	margin: 0px 25px 7px 0px; 
	text-align: left;
	font-size:medium;
	float:left;
}

#directions_form input {
	width:70px;
	margin-right:0;
	height:auto;
	padding:5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	border-bottom:#dadada 1px solid;;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
}

#directions_form input.button {
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	color:#464646;
	background-image:url(../images/buttons/get-directions.jpg);
	width:136px;
	height:30px;
	margin-left:10px;
	text-indent: -9999px;
	color: transparent;
	background-color: transparent;
	border:none;
	text-transform: capitalize;
	cursor:pointer;
}

/* ---------------------- */
/* ----ONLINE SERVICES--- */
/* ---------------------- */

#online_services ul {margin-bottom:16px;}

#online_services li {
	list-style-position: inside;
	list-style-image: url(http://www.mediaquestltd.com/images/icons/bullet-point.png);
	}
	
#collage {
	/* -background:url(../images/services/online-collage.png) 0 0 no-repeat;- */
	z-index: 10;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 376px;
	height: 325px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#collage img { behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc); }

#online_top {
	width:384px;
}

#online_right {
	float:right;
	width:245px;
	padding:0px 0 20px 20px;
}

.online_left {
	float:left;
	width:497px;
	padding:0 20px 0 0;
	border-right:#b7b7b7 1px solid;
}

/* ---------------------- */
/* ------CONTACT--------- */
/* ---------------------- */

#enquiry_form_directions {
	clear:both;
	display:block;
	width:auto;
	height:auto;
}

#enquiry_form_directions label {
    display: block;  /* block float the labels to left column, set a width */
	font-weight:bold;
	float: left; 
	width: 150px;
	height:23px;
	margin: 0px 25px 7px 0px; 
	text-align: left;
}

#enquiry_form_directions input {
	float:left;
	color:#444;
	font-weight:lighter;
	width:100px;
	height:32px;
	margin-right:15px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	border-bottom:#dadada 1px solid;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
}

#enquiry_form_directions input.hidden_input {width:1px; }

#enquiry_form_directions input.button {
	float:left;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	color:#464646;
	background-image:url(../images/buttons/get-directions.jpg);
	width:136px;
	height:29px;
	text-indent: -9999px;
	color: transparent;
	background-color: transparent;
	border:none;
	text-transform: capitalize;
	cursor:pointer;
}

#map_canvas { background:#CCC; font-size:11px; line-height:11px; }

#googlemap #title {
	font-size:14px;
	font-weight:bold;
}

#contact_left_content {
	width:600px;
	float:left;
	clear:left;
}

#contact_left_content h2 { margin:0; }

#contact_right_content {
	border-left:#b7b7b7 1px solid;
	width:335px;
	height:auto;
	float:right;
	clear:right;
	padding-left:20px;
	margin-left:20px;
}

#contact_right_content h2 { margin:0 0 4px 0; }

#contact_right_content p { margin:6px 0 15px 0 }

#contact_right_content #map {
	width:330px;
	height:200px;
	margin:0;
	border:#b7b7b7 1px solid;
	float:right;
	clear:right;
	font-size:medium;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

#address_box {
	margin:0 10px 20px 0;
	float:left;
}

#enquiry_form {
	clear:both;
	display:block;
	width:auto;
	margin-top:30px;
}

#enquiry_form h2 {
	margin:0 0 7px 0;
	font-size:16px;
}

#enquiry_form .row {
	display:block;
	margin-bottom:11px;
	width:287px;
	margin-right:20px;
	height:70px;
	float:left;
}

#enquiry_form .row_right {
	display:block;
	margin-bottom:16px;
	width:287px;
	height:70px;
	float:left;
}

#enquiry_form .row_button {
	display:block;
	margin-top:20px;
	width:591px;
	height:30px;
}

#enquiry_form .row_comments {
	clear:both;
	width:587px;
	margin-bottom:16px;
}

#enquiry_form label {
    display: block;
	font-weight:bold;
	width: auto;
	height:auto;
	margin: 0px 25px 7px 0px; 
	text-align: left;
	font-size:medium;
}

#enquiry_form input {
	clear:both;
	width:270px;
	height:auto;
	padding:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	border-bottom:#dadada 1px solid;;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
	vertical-align:middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

#enquiry_form input.form_error {
	border-bottom:#e53e56 1px solid;;
	border-left:#e53e56 1px solid;
	border-right:#e53e56 1px solid;
	border-top:#c10c26  1px solid;
}

.red_float {
	color:#c10c26;
	text-align:right;
	float:right;
	font-weight:bold;
	font-size:small;
}

.red_float_margin_left {
	color:#c10c26;
	margin-left:10px;
	font-weight:bold;
	font-size:small;
}

#enquiry_form select {
	width:232px;
	height:auto;
	line-height:auto;
	padding:0;
	margin:0;
	vertical-align:middle;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:medium;
	border-bottom:#dadada 1px solid;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}


#enquiry_form textarea {
	width:577px;
	height:135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	padding:6px;
	border-bottom:#dadada 1px solid;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

#enquiry_form textarea.form_error {
	border-bottom:#e53e56 1px solid;;
	border-left:#e53e56 1px solid;
	border-right:#e53e56 1px solid;
	border-top:#c10c26  1px solid;
}

#enquiry_form input.button {
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(http://www.mediaquestltd.com/images/buttons/send.jpg);
	background-color:#F00;
	color:#464646;
	width:136px;
	height:29px;
	text-indent: -9999px;
	color: transparent;
	background-color: transparent;
	border:none;
	text-transform: capitalize;
	cursor:pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#enquiry_form input.directions_button {
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	color:#464646;
	background-image:url(../images/buttons/get-directions.jpg);
	width:136px;
	height:30px;
	text-indent: -9999px;
	color: transparent;
	background-color: transparent;
	border:none;
	text-transform: capitalize;
	cursor:pointer;
}

#enquiry_form input.directions_input {
	width:60px;
	margin-right:10px;
	height:auto;
	padding:6px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	border-bottom:#dadada 1px solid;;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
}

/* ---------------------- */
/* ----CLIENT LOGIN------ */
/* ---------------------- */

#client_form {
	width:170px;
	height:130px;
	clear:both;
}

#client_form input {
	color:#444;
	font-weight:lighter;
	width:165px;
	height:18px;
	margin-bottom:8px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:#dadada 1px solid;;
	border-left:#dadada 1px solid;
	border-right:#dadada 1px solid;
	border-top:#979797 1px solid;
	background:#fcfcfc;
}

#client_form label {
    display: block;
	float: left;
	text-align: left;
}

#client_form input.button {
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	color:#464646;
	background-image:url(../images/buttons/login.jpg);
	width:136px;
	height:24px;
	text-indent: -9999px;
	color: transparent;
	background-color: transparent;
	border:none;
	text-transform: capitalize;
	cursor:pointer;
	margin-top:3px;
}

/* ---------------------- */
/* ---------WORK--------- */
/* ---------------------- */

.work_large {
	float:right;
	padding:2px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.work_image_float {
	float:right;
	clear:right;
	margin:0px 34px 0px 10px;
	padding:2px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.work_image_border {
	clear:both;
	padding:2px;
	margin-bottom:20px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.work_thumb {
	float:left;
	margin:0 25px 25px 0px;
	width:224px;
	height: auto;
}

.work_thumb_right {
	float:left;
	margin:0 0 25px 0px;
	width:224px;
	height: auto;
}

.work_thumb p { margin:5px 0 5px 0 }

.work_thumb_right p { margin:5px 0 5px 0 }

.work_image {
	float:left;
	margin-bottom:5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.prev {
	float:right;
	border:none;
}

.next {
	float:right;
	border:none;
	margin-left:15px;
}

.next-margin {
	float:right;
	width:34px;
	height:36px;
}

.audio {
	float:left;
	width:auto;
	margin-right:10px;
	border: #F00 1px solid;
	padding:0;
	}

/* ---------------------- */
/* ---WORK SLIDESHOW----- */
/* ---------------------- */

h1#work_title{	
	margin:0;
	float:left;
}

#work_image_box {
	width: 640px;
	float:right;
	margin-left:10px;
}

#work_image_box img { behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);}

.work_scrollable {
	position:relative;
	overflow:hidden;
	width: 576px;
}

.work_scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.work_scrollable .items div {
	float:left;
	width:576px;
}

.work_scrollable img {
	float:left;
	padding:2px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:570px;
}

.work_scrollable .active {
	position:relative;
	cursor:default;
}

.work_scrollable {
	float:left;
}

#work_image_box a.browse {
	background:url(../images/icons/arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:170px 0px;
	cursor:pointer;
	font-size:1px;
	border:none;
}

#work_image_box a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#work_image_box a.right:hover {
	background-position:-30px -30px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc)
}

#work_image_box a.right:active {
	background-position:-60px -30px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#work_image_box a.left {
	margin-left: 0px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#work_image_box a.left:hover  {
	background-position:-30px 0;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

#work_image_box a.left:active  {
	background-position:-60px 0;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

/* disabled navigational button */
/*a.disabled {
visibility:hidden !important;
}  */

#work_image_box a.disabled.right {
	background:url(../images/icons/right-disabled.png);
	cursor:default;
}

#work_image_box a.disabled.left {
	background:url(../images/icons/left-disabled.png);
	cursor:default;
}

/* ---------------------- */
/* ----RECENT WORK------- */
/* ---------------------- */

.recent_work_box{
	height:121px;
	width:313px;
	/* width:312px; */
	float:left;
	margin:0 20px 20px 0;
	}
	
.recent_work_box_right{	
	height:121px;
	width:312px;
	float:left;
	margin:0 0 20px 0;	
}
	
.recent_work_image {
	float:left;
	margin-right:10px;
	background-color:#fff;
	padding:2px;
	border:1px solid #b7b7b7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.recent_work_box a { font-weight:bold }

.recent_work_box p { margin-top:8px }

.recent_work_box_right a { font-weight:bold }

.recent_work_box_right p { margin-top:8px }

/* ---------------------- */
/* ----FEATURED WORK----- */
/* ---------------------- */

.scrollable {
	position:relative;
	overflow:hidden;
	width: 468px;
	height:117px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:468px;
}

.scrollable img {
	float:left;
	margin-top:0px;
	width:117px;
	height:117px;
}

.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.scrollable .scroll_box {
	width:166px;
	height:180px;
	font-weight:bold;
}

.scrollable {
	float:left;
}

a.browse {
	background:url(../images/icons/arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 0px;
	cursor:pointer;
	font-size:1px;
	border:none;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
}

a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

a.right:hover {
	background-position:-30px -30px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

a.right:active {
	background-position:-60px -30px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
} 

a.left {
	margin-left: 0px;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
} 

a.left:hover  {
	background-position:-30px 0;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

a.left:active  {
	background-position:-60px 0;
	behavior: url(http://www.mediaquestltd.com/includes/iepngfix.htc);
}

/* disabled navigational button */
/*a.disabled {
visibility:hidden !important;
}  */

a.disabled.right {
	background:url(../images/icons/right-disabled.png);
	cursor:default;
}

a.disabled.left {
	background:url(../images/icons/left-disabled.png);
	cursor:default;
}

/* ---------------------- */
/* -----IMAGE SLIDER----- */
/* ---------------------- */


#slider-wrapper {
    width:180px;
    height:280px;
	margin-bottom:20px;
}

#slider {
	position:relative;
	width:180px;
	height:280px;
	background:url(../images/misc/loading.gif) no-repeat 50% 50%;
}


#slider img {
	position:absolute;
	width:180px;
	height:280px;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:429px;
	bottom:-30px;
}

.nivo-controlNav a {
	display:block;
	width:1px;
	height:1px;
	background:url(../images/misc/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {	background-position:0 -22px }

.nivo-directionNav a {
	display:block;
	width:0px;
	height:0px;
	background:url(../images/misc/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav { left:15px }

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

div.download_button {
	position: relative;
	margin-top:12px;
	width:218;
	height:38px;
}


ul.hover_block { 
	display: block; 
	overflow: hidden; 
	height: 1%;
}
	
ul.hover_block li {
	list-style:none;
	float:left;
	background: #f7f7f7;
	position: relative;
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	display: block;
	position: relative;
	overflow: hidden;
	height: 30px;
	width: 700px;
}

ul.hover_block li img {
	position: absolute;
	top: 0;
	left: 100px;
	border: 0;
}

ul.hover_block li.copywriting img {
	position: absolute;
	top: 0;
	left: 96px;
	border: 0;
}

ul.hover_block li.photography img {
	position: absolute;
	top: 0;
	left: 103px;
	border: 0;
}

ul.hover_block li.pr img {
	position: absolute;
	top: 0;
	left: 158px;
	border: 0;
}

ul.hover_block li.digital_pr img {
	position: absolute;
	top: 0;
	left: 80px;
	border: 0;
}

.hover_block .bold { margin-right:10px;}

/* ---------------------- */
/* ------VERTICAL MENU---- */
/* ---------------------- */

#smoothmenu ul{
margin: 0;
padding: 0;
width: 162px; /* Main Menu Item widths */
list-style-type: none;
font: normal 18px/18px Arial, Helvetica, sans-serif;
text-align:center;
}

#smoothmenu img{ margin:5px 0 0 10px;}
 
#smoothmenu ul li{
position: relative;
}

/* Top level menu links style */
#smoothmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 10px;
border-bottom:none;
margin-bottom:10px;
text-shadow:none;
}

#smoothmenu ul li a:link, #smoothmenu ul li a:visited, #smoothmenu ul li a:active{
background: url(../images/navigation/pink.jpg) no-repeat; /*background of menu items (default state)*/
color: white;
}

#smoothmenu.green ul li a:link, #smoothmenu.green ul li a:visited, #smoothmenu.green ul li a:active{
background: url(../images/navigation/green.jpg) no-repeat; /*background of menu items (default state)*/
color: white;
}

#smoothmenu.blue ul li a:link, #smoothmenu.blue ul li a:visited, #smoothmenu.blue ul li a:active{
background: url(../images/navigation/blue.jpg) no-repeat; /*background of menu items (default state)*/
color: white;
}


#smoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: url(../images/navigation/pink-over.jpg) no-repeat;
color: white;
}

#smoothmenu.green ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: url(../images/navigation/green-over.jpg) no-repeat;
color: white;
}

#smoothmenu.blue ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: url(../images/navigation/blue-over.jpg) no-repeat;
color: white;
}

#smoothmenu ul li a:hover{
background: url(../images/navigation/pink-over.jpg) no-repeat; /*background of menu items during onmouseover (hover state)*/
color: white;
}

#smoothmenu.green ul li a:hover{
background: url(../images/navigation/green-over.jpg) no-repeat; /*background of menu items during onmouseover (hover state)*/
color: white;
}

#smoothmenu.blue ul li a:hover{
background: url(../images/navigation/blue-over.jpg) no-repeat; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
#smoothmenu ul li ul{
position: absolute;
width: 162px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
margin-bottom:10px;
margin-left:10px;
}

 
/* Holly Hack for IE \*/
* html #smoothmenu ul li { float: left; height: 1%; }
* html #smoothmenu ul li a { height: 1%; }
/* End */


.indented{margin:3px 0 3px 35px}

.line{
	color:#b7b7b7;
	margin:0 10px 0 10px;
	}
	
/* ---------------------- */
/* ------PAGINATION------ */
/* ---------------------- */
	
.paginate {
	font-size:11px;
	width:auto;
	height:25px;
	float:right;
	font-weight:600;	
	}

.paginate a {
	padding:2px 7px 2px 7px;
	margin:2px;
	color: #212121;
	border:1px solid #bcbcbc;
	font-weight:normal;
	text-decoration:none;
	display: inline-block;
	background:#fcfcfc;
	}

.paginate a:hover, .paginate a:active {
	color: #212121;
	background-color:#eeeeee;
	font-weight:normal;
	border:1px solid #bcbcbc;
	}
.paginate span.current {
    margin: 2px;
	padding:2px 7px 2px 7px;
	background-color:#eeeeee;
	color: #212121;
	border:1px solid #bcbcbc;
	display: inline-block;
	}
	
.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		color:#DDD;
		font-weight:normal;
		}
 
/* ---------------------- */
/* ------IE 6 WARNING---- */
/* ---------------------- */

#ie6_warning {
    background: #FFF;
    border: 2px #F00;
    color: #000000;
    padding: 10px;
    font-size: small;
    margin-bottom: 10px;
	width:958px;
	margin:0px auto 10px auto;
}

#ie6_warning a {
    text-decoration: none;
	border:none;
}

#ie6_warning img { margin-right:10px }