/* @override http://www.fullrange.co.uk/a/css/style_web.css */

.glowleft {

}

.glowright {

}


/* @group Structure */

.testimonial {
	margin-bottom: 3em;
}

.testimonial p {
	margin-bottom: 0.2em;
}

#bearwithus {
	background-color: #dae7ff;
	padding: 3px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}

.boxshadow {

}


div.spacer {clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

#getdetails {
	background-color: #f7f7ff;
}

#toughquestions {
	background: url(/a/i/grad_frontpagequestions.gif) repeat-x;
}

.bg_faded_blue {
	background: url(/a/i/grad_frontpagequestions.gif) repeat-x;
}

.bg_announce {
	background-color: #fdfede;
	padding-top: 1.5em;
	margin-top: -1.45em;
}

.sectionintro {
	background: url(/a/i/grad_frontpagequestions.gif) repeat-x;
}

html {
	background: #3d86ba;
	height: 100%;
}

body {
	background: #3d86ba url(/a/i/background_fade2.gif) center fixed no-repeat;	
	//background: #3d86ba;
	//background: #3d86ba url(/a/i/goofy.jpg) center fixed no-repeat;	
	min-height: 100%;
	margin: 0;
	padding-bottom: 20px;
}

.fill {
	background: #3d86ba;
}

.callback {
	text-align: center;
	margin-bottom: 10px;
}

.callback h3 {
	display: inline;
	margin-right: 30px;
}

#footer {
	text-align: left;
	background-color: #404040;
	color: #fff;
}
#footer #mailing {

}

#mailing label {
	font-size: 11px;
}

#mailing input {
	border: 1px solid #ccc;
}

#mailing #button {
	border: none;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#header {
	background-color: #404040;
	color: #fff;
}

.bg_white {
background: #fff;

}

hr.prepended {
	width: 826px;
}

hr.invisible {
	color: white;
	background: white;
}

a {
	text-decoration: none;
	color: #009;
	font-weight: bold;
}

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

h2 h1{
	font-size:21px;
	font-weight: bold;
	}

h3, h2 {
	color: #2f2f2f;
	font-weight: bold;
}

h5 {
	margin:0;
}

.introtext p {
	font-size: 1.3em;
	color: #4d4d4d;
}

.justborder {
	border-right:1px solid #eee;
}

/* The main central body content column */

#body_footer {
	padding-top: 1.5em;
	background: #e2e2e2 url(/a/i/grad_footer.gif) repeat-x;
}

#body_footer ul li {
	list-style-image: url(/a/i/clapperbubble_bullet_grey.gif);
	list-style-position: outside;
}

ul li {
	list-style-image: url(/a/i/clapperbubble_bullet.gif);
}

ul.spaced li{
	margin-bottom: 1em;
}

.indented {
	margin-left: 4em;
}

#nav_cat_archive h4 {
margin-top: 1em;
margin-bottom: 0.2em;
}

#nav_cat_archive li{
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
} 

#nav_cat_archive ul li {
	list-style-image: url(/a/i/clapperbubble_bullet.gif);

}

#body_welcomemat {
	width: spx;
	height: 474px;
	margin-left: 23px;
}

.tint {
	background-color: #fbfbfb;
}

/* Welcome mat stuff */

#pane2 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_pane2.jpg);
}

#pane3 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_pane3.jpg);
}

#pane4 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_pane4.jpg);
}

#pane5 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_pane5.jpg);
}

.bqtighter {
	margin-top: -1.5em;
	margin-bottom: 0.7em;
}

/* Hide the text version of the header text */

h1.headertitle, h2.headertitle, p.headerphone, p.headerpodcast {
	text-indent: -9999em;
}

/* h2 is the We Tell Stories slugline */

p.headerphone {
	position: absolute;
	left: 606px;
	top: -49px;
	width: 296px;
	height: 33px;
}

p.headerpodcast {
	color: white;
	position: absolute;
	display: inline;
	left: 816px;
	top: -25px;
	background-image: url(/a/i/freepodcaststar.gif);
	width: 150px;
	height: 150px;
	z-index: 15;
}

div.holdme {
	float: right;
	z-index: 10;
	height: 311px;
	width:310px;	
	height: 102px;
	margin-top: -120px;
	background: url(/a/i/wetellstories.gif) top left no-repeat;
}

h2.headertitle {
	width: 296px;
	height: 24px;
}

/* h1 is the main Fullrange logo */

h1.headertitle {
	background: url(/a/i/fullrangelogo.gif) no-repeat;
	height:151px;
	width:378px;
}

.rmh1 {
}
.rmh1 h1 {
	font-size: 1em;
	line-height:25px;
	color:#dae8f2;
}

/* Set the basic attribs for the body menu */

ul#body_mainmenu {
	background-color: #4596d1;
	height: 3em;
	float: left;
	margin: 0;
}

/* Change the body menu to horizontal and space it out */

ul#body_mainmenu li {
	display: inline;
}

ul#body_mainmenu li a {
	padding: 10px;
	color: #fff;
	float: left;
	text-decoration: none;
}

/* Invert the menu item the mouse is over */

ul#body_mainmenu li a:hover {
	background-color: white;
	color: #000 !important;
}

ul#body_submenu {
	margin: 0em;
	margin-top: 1em;
	padding: 0px;
	float: left;

}

ul#body_submenu li {
	display: inline;
	margin: 0;
	float: left;
}

ul#body_submenu li a {
	padding-bottom: 3px;
	margin-right: 15px;
	
}

ul#body_submenu li a:hover {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-decoration: none;
}

.activesubmenu{
	color: #000 !important;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}


/* this class is set dynamically by menu.php to hilight the active tab*/

.activemenu {
	background-color: #fff !important;
	color: #000 !important;
}

/* @group Tables */

.sectionintro table {
	text-align: left;
	text-transform: none;
	border: 1px solid #d6d6d6;
	width: 69em;
	font-size: 0.85em;
}

.sectionintro table td.leftcol {
	font-weight: bold;
	border-right: 1px solid #e3e3e3;
	width: 10em;
}

.sectionintro table td.calltoaction {
	text-align: center;
	background-color: #bcfdce;
	font-size: 1.2em;
}

.sectionintro table td.calltoaction:hover {
	background-color: #7bff97;
	cursor: pointer;
}

.sectionintro table td {
	border-style: none;
	padding: 0.7em;
	vertical-align: top;
	line-height: 1.5em;
	width: 10em;
}

.sectionintro table li {
	margin-bottom: 0.8em;
	list-style-position: inside;
	list-style-image: none;
	opacity: 1;
	background-color: #fffcf5;
	padding: 0.3em;
}

/* @end */

/* @group forms */

div.body_welcomemat_contentpane {
	height: 413px;
	width: 858px;
	position: absolute;
	padding-top: 24px;
}

#showreelplayerholder {
	height: 413px;
	width: 858px;
	position: relative;
	margin-top: -60px;
}


#body_welcomemat_menu {
	z-index: 3;
	margin-left: -18px;
	margin-top: 413px;
	position: absolute;
}

#body_welcomemat_menu ul li {
	float: left;
	height: 80px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #e5e5ff;
	display: block;
}

#body_welcomemat_menu ul {
	background-color: #fc63ff;
	width: 858px;
	padding-bottom: 1px;
}

.wm_menu1 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b1_off.gif);
	width: 172px;
}

.wm_menu2 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b2_off.gif);
	width: 171px;
}

.wm_menu3 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b3_off.gif);
	width: 172px;
}

.wm_menu4 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b4_off.gif);
	width: 171px;
}

.wm_menu5 {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b5_off.gif);
	width: 172px;
}

#body_welcomemat_menu ul li:hover {
	cursor: pointer;
	cursor: hand;
}

.wm_menu1:hover {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b1_hov.gif);
	width: 172px;
}

.wm_menu2:hover {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b2_hov.gif);
	width: 171px;
}

.wm_menu3:hover {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b3_hov.gif);
	width: 172px;
}

.wm_menu4:hover {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b4_hov.gif);
	width: 171px;
}

.wm_menu5:hover {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b5_hov.gif);
	width: 172px;
}

.wm_menu1:active, .wm_menu1_on {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b1_on.gif);
	width: 172px;
}

.wm_menu2:active, .wm_menu2_on {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b2_on.gif);
	width: 171px;
}

.wm_menu3:active, .wm_menu3_on {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b3_on.gif);
	width: 172px;
}

.wm_menu4:active, .wm_menu4_on {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b4_on.gif);
	width: 171px;
}

.wm_menu5:active, .wm_menu5_on {
	background-repeat: no-repeat;
	background-image: url(/a/i/mat/wm_b5_on.gif);
	width: 172px;
}

.body_welcomemat_contentpane h1 {
	display: inline;
	margin: 10px;
	height: auto;
	width: auto;
	color: white;
	padding: 10px;
	background-color: #191577;
	font-size: 3em;
}

.body_welcomemat_contentpane p {
	top: 30px;
	position: relative;
	width: 300px;
	padding: 15px;
	margin: 10px;
	font-size: 1em;
	color: #000;
	background: url(/a/i/mat/pane_p_fadedbg.png) repeat;
}



/* @end */

/* @group blog */





.entry {

	overflow: hidden;
}

.entry p {
	font: normal normal 1.2em/2em Georgia, "Times New Roman", Times, serif;
}

.entry h2 {
	font-weight: bold;
}

.date {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #666;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, "Times New Roman";
}

.posted {
	margin-top: -1.4em;
	margin-bottom: 1em;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
}

#sidebar {


}



#sidebar h3	 {
	background-image: none;
	text-indent: 0;
	font-size: 1em;
	line-height: 1em;
	position: static;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 30px;
	width: auto;
	height: auto;
	padding-bottom: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}



.calendarBG {
	color: #ccc;
}

.calendarHeader {
	text-align: center;
}

.calendarDayHeading {
	width: 26px;
}

.commententry {
	background-color: #f8f0ff;
	padding: 20px;

}

.commentpreview {
	background-color: #fdf8cc;
	padding: 20px;
	margin-bottom: 0px;
	font-weight: bold;
}

.paginate {
	padding: 10px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.otherentries {
	padding: 10px;
	text-align: center;
	margin-top: 30px;
	font-size: 0.9em;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.newcomment {
	padding: 10px;
	background-color: #fbfbfb;
}

.newcomment textarea {
	width: 490px;
}

.newcomment input {
	width: auto;
	height: 1.5em;
	padding: 0.2em;
	font-size: 1em;
	margin: 0;
}

.otherentries p {
	margin-bottom: 0 !important;
}

.postdetails {
	background-color: #fbf3ff;
	padding: 10px;
	margin-top: 10px;
	width: 570px;
}




#bottomclear {
	clear: both;
	visibility: hidden;
}

.portfoliofilm {
	width: 640px;
	margin: 10px auto;
	padding: 10px;
	padding-top: 0;
	border: 1px dotted #e7e7e7;
}

.portfoliofilm h3 {
	background-color: #f8f8f8;
	margin: 0;
	width: 640px;
	margin-left: -10px;
	margin-bottom: 10px;
	padding: 10px;
	}


.backtomenu, .categorybar {
	background-color: #faf4ff;
	display: block;
	text-align: center;
	padding: 10px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.casecat {
	text-align: center;
	margin: 0;
	margin-top: -25px;
}

.casecat, .casecat a {
	color: #b0b0b0 !important;
}

.portfolioclient, .portfoliodate {
	padding: 10px;
	background-color: #faf7ff;
	font-family: Georgia, "Times New Roman", Times, serif;
}


h4.contactmethodtitle a {
display: block;
margin-top: 15px;
	margin-bottom: 5px;
	padding: px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

h4.contactmethodtitle {
	margin: 0;
}

.contactmethod {
	background: url(/a/i/grad_frontpagequestions.gif) repeat-x;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: block;
}

#write {
	height: 360px;
}

input.contactsubmit {
	display: block;
	margin-top: 10px;
	margin-left: 102px;
	width: 130px;
	border-style: outset;
	border-width: 2px;
}

#contact_form textarea.contactmessage {
	width: 40em;
	font-size: 1.1em;
}

.captchadiv {
	margin-left: 102px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ontop, .showreelalone {
	z-index: 5;
	position: relative;

}

#modal_container {
	background: url(a/i/grad_frontpagequestions.gif) repeat-x;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #666;
	overflow: auto;
	color: #333;
	text-align: left;
	width: 120px;
	float: left;
}

#modal_container img {
	float: left;
	width: 120px;
}

#modal_container p {
	margin-left: 140px;
	font-size: 1.4em;
	line-height: 1.6;
}

* html #modal_container p {
	/*

IE 3px jog hack*/
height: 1%;
	background-color: #f9f9f9;
}

#modal_overlay {
	background-color: #0a0090;
}

#contentbodybox {
	margin-left: 10px;
	margin-right: 300px;
}

#contentbodybox p {
	margin-bottom: 10px;
}

#contentbodybox h3 {
	font-size: 2em;
	margin-bottom: 0.6em;
}

#embedmap {
	float: right;
}

div.youtubebox {
	margin: 25px auto;
	padding: 20px;
	padding-top: 0px;
	width: 425px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#weremoving {
	background: url(/a/i/moving.jpg) no-repeat;
	width: 860px;
	height: 1100px;
	padding-left: 485px;
	padding-top: 120px;
	padding-right: 900px;
	margin-bottom: 0px !important;
	float: none;
	overflow: visible;
}

#weremoving p {
	font-size: 1.3em;
	width: 365px;
	margin-bottom: 20px;
}

#weremoving  ul {
	width: 300px;
	font-size: 1.1em;
	list-style-type: square;
	margin-left: 50px;
	text-shadow: #000000 0 0 0;
	list-style-position: outside;
	text-indent: 0px;
}

#weremoving ul li {
	margin-bottom: 10px;
}


#quote label {
	display: block;
	width: 200px;
}
	
#quote .button {
	margin-top: 20px;
	display: block;
}

#quote .error {
	padding: 3px;
	background: #ffffcc;
	width: 150px
}

#quote #small {
	width: 200px;
	font-weight: normal;
}
#quote textarea {
	width: 200px;
	height: 100px;
}

#quote h3 {
	border-bottom: none;
}