/**
 * basestyle.css
 *
 * Author: Keith Carr, 2009-May-18
 *
 * This file will contain the base styles for the website.
 */


/* Zeroing Selectors */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

html, body {
	height: 100%;
	}

/*****************************************/
/* Formatting */
/*****************************************/

body {
	font-family: Arial, Tahoma, Verdana;
	/* set base font size to equivalent of 10px */
	/* therefore to get 18px use 1.8em */
	font-size: 62.5%;
	color: #ffffff;
	background-color: #292A2D;
	line-height: 2.2em;
	margin: 0px;
	padding: 0px;
	}

h1 {
	font-size: 1.8em;
	color: #FFFFFF;
/* 	background: #A6D400; */
	font-weight: bold;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	clear: left;
	}

h2 {
	font-size: 1.8em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 15px;
	background-color: #6A6A6A;
/* 	background-image: url(../images/symbol_2a.png); */
/* 	background-repeat: no-repeat; */
/* 	background-position: 15px 8px; */
/* 	border-top: 5px solid #a6d400; */
	}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #F07700;
	padding: 0;
}

h4 {
	font-size: 1.2em;
	font-weight:bold;
	color: #ffffff;
}

h5 {
	font-size: 85%;
	font-weight:bold;
	color: #ffffff;
}

p {
color: #FFFFFF;
font-size: 1.3em;
margin-bottom: 10px;
text-align: left;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

a {
	color: #F07700;
	text-decoration: underline;
	}


/*****************************************/
/* Page Layout and Structure */
/*****************************************/

#wrapper {
	width: 900px;
	border: none;
	/* IE 5 centering fix compensation*/
	text-align:left;
	margin: 0 auto 0 auto;
	background-color: #000000;
	height: 100%;
	}

#holder {
position: relative;
float: left;
width: 900px;
background-color: #000000;
min-height: 100%;
}

#tophead {
	width: 900px;
	height: 125px;
	margin: 0;
	position: relative;
/* 	background-image: url(../images/film_reel3.jpg); */
/* 	background-repeat: no-repeat; */
/* 	background-position: 360px 0px; */
	}

#maint_qual {
	position: absolute;
	bottom: 0;
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	}

#maint_qual p#quality_logo {
	width: 30em;
	text-align: center;
	font-size: 1.2em;
	letter-spacing: 0.07em;
	margin: 0 auto;
	padding: .8em 0;
	border-top: 1px solid #909090;
	}

#footer {
/* 	width: 1040px; */
	background: #444649;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	}

#footer p {
	text-align: center;
	margin-top: 5px;
	color: #6A6A6A;
	font-size: 1.1em;
	font-weight: bold;
	}

#footer p a {
	text-decoration: none;
	color: #909090;
	}

#footer p a:hover {
	color: #FFFFFF;
	}

#logo {
	float: left;
	padding: 0;
	margin: 0;
	}

#logo img {
	position: absolute;
/* 	bottom: 5px; */
	left: 30px;
	}

#content {
	width: 810px;
	clear: both;
	margin: 0 auto;
	}

#content_image {
	width: 810px;
	clear: both;
	margin: 0 auto;
	background-image: url(../images/banner/i1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 426px;
	}

#sidecolumn {
	float: right;
	clear: right;
	width: 250px;
	margin: 15px 0px 15px 15px;
	border: 1px solid #3a54a3;
	padding-bottom: 74px;
	background: #000000;
	background-image: url(../images/BoxShade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}

#maincolumn {
	float: left;
	clear: left;
	width: 710px;
	margin: 15px 0px;
	padding-bottom: 100px;
	}

#homepic {
	float: left;
	width: 710px;
	height: 150px;
	margin-bottom: 15px;
	}

#centercolumn {
	float: left;
	clear: left;
	width: 810px;
	margin: 20px auto;
	padding-bottom: 100px;
	}

#home_intro {
	clear: left;
	float: left;
	width: 60%;
	margin: 0;
	line-height: 1.72em;
	letter-spacing: 0.07em;
	}

#text_area {
	clear: left;
	width: 680px;
	margin: 0 auto 10px auto;
	padding: 20px;
	line-height: 1.72em;
	letter-spacing: 0.07em;
	background-image: url(../images/box_bg.png);
	}

#home_list {
	float: left;
	width: 30%;
	background-color: #444649;
	margin: 0 0 40px 40px;
	}

#home_list ul {
	margin: 0 0 15px 15px;
	}

.display_paragraph {
	clear: both;
	background: #000000;
/* 	background-image: url(../images/BoxShade.gif); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
/* 	border-top: 1px solid #3a54a3; */
	}

#news_story {
	float: left;
	background: #000000;
	background-image: url(../images/BoxShade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
	padding: 0 15px 15px 15px;
	border-top: 1px solid #3a54a3;
	}

#news_story h2 {
	margin: -15px -15px 0 -15px;
	}

#news_bookmark {
	float: right;
	margin: 10px 15px 10px 0px;
	}

#error_msg {
	float: left;
	clear: both;
	font-size: 12px;
	color: red;
	margin-bottom: 5px;
	padding-left: 15px;
	}

ul.info_list {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.info_list li {
	clear: both;
	float: left;
	border-bottom: 1px solid #909090;
	}

p.justify_text {
	text-align: justify;
	}

.clearit {
	clear: both;
	font-size: 20%;
	}

/****************************************/
/* Index page columns */
/****************************************/

h1#center {
	text-align: center;
	}

.indent {
	margin: 15px;
	}


/*****************************************/
/* Global Navigation */
/*****************************************/

#globalnav {
	float: right;
	margin-right: 30px;
	font-size: 1.2em;
	font-weight: bold;
	text-align:right;
	line-height: 32px;
	}

ul#globallist {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul#globallist li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6A6A6A;
	padding-left: 0.9em;
	padding-right: 0.9em;
	}

ul#globallist li a {
	margin-right: 1em;
	}

ul#globallist li.last {
	display: inline;
	border-right: none;
	padding-left: 0.9em;
	padding-right: 0;
	}

/*****************************************/
/* Contact Banner */
/*****************************************/

#contact_area {
	float: right;
	clear: right;
	margin-top: .6em;
	margin-right: 30px;
	font-size: 1.4em;
	font-weight: bold;
	text-align:right;
	}

.contact {
	float: left;
	clear: both;
	width: 600px;
/* 	font-size: 90%; */
	padding: 10px 20px;
	margin-bottom: 10px;
/* 	border: 1px solid #909090; */
	}

#bookmark {
	float: right;
	clear: both;
	margin-top: 5px;
	margin-right: 15px;
	padding: 5px 0px;
	}


/*****************************************/
/* Top Menu Structure */
/*****************************************/

#menu {
	float: left;
	clear: both;
	width: 900px;
	height: 35px;
	border: none;
	border-bottom: 1px solid #6A6A6A;
/* 	background-image: url(../images/nav_bg.gif); */
/* 	background-repeat: repeat-x; */
	margin-top: 0;
/* 	margin-bottom: 5px; */
	}

#nav {
	float: left;
	margin-left: 30px;
	font-size: 1.4em;
	font-weight: bold;
	height: 32px;
/* 	text-transform:lowercase; */
/* 	background-repeat:no-repeat; */
/* 	background-position: bottom; */
	border: none;
	}

ul#topnav {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul#topnav li {
	float: left;
	margin: 0 .5px;
	padding: 0;
	position: relative;
	}

ul#topnav li a {
	display: block;
	float: left;
	padding: 5px 15px;
	border: none;
	border-top: 3px solid #000000;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	}

ul#topnav li.active a {
	color: #F07700;
	border-top: 3px solid #D5278A;
	}

/* Commented backslash hack hides rule from IE5-Mac \*/
ul#topnav li a { float: none; }
/* End of IE5-Mac hack */

ul#topnav li a:hover {
/* 	color: #a6d400; */
/* 	background-image: url(../images/nav_hover.gif); */
/* 	background-repeat: repeat-x; */
	border-top: 3px solid #F07700;
	}

#submenu {
	float: left;
	clear: both;
	width: 900px;
	height: 28px;
	border: none;
/* 	border-bottom: 1px solid #6A6A6A; */
/* 	background-image: url(../images/nav_bg.gif); */
/* 	background-repeat: repeat-x; */
	background-color: #444649;
	}

#subnav {
	float: left;
	margin-left: 30px;
	font-size: 1.4em;
	font-weight: bold;
	height: 28px;
	border: none;
	}

ul#subnavlist {
	list-style: none;
	margin: 0;
	padding-top: 3px;
	font-weight: normal;
	}

ul#subnavlist li {
	float: left;
	margin: 0 .5px;
	padding: 0;
	position: relative;
	}

ul#subnavlist li a {
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border: none;
	}

ul#subnavlist li.active a {
	color: #F07700;
	}

/* Commented backslash hack hides rule from IE5-Mac \*/
ul#subnavlist li a { float: none; }
/* End of IE5-Mac hack */

ul#subnavlist li a:hover {
	color: #D5278A;
	}

/*****************/
/* Gallery Pages */
/*****************/

#gallery_area {
	width: 600px;
	margin: 0 auto;
	}

#gallery_form {
	margin-bottom: 15px;
	font-size: 1.3em;
	}

#gallery_form label {
/* 	width: 10em; */
	margin-top: 10px;
	margin-right: 1em;
	position: relative;
	clear: left;
	float: left;
	text-align: right;
	padding: 0em;
}

#gallery_form input {
	width: 17em;
	float: left;
	margin: .5em 1em;
	padding: .3em;
	border: none;
	background-color: #6A6A6A;
	color: #ffffff;
	}

#gallery_form em.instructions {
	position: relative;
	clear: left;
	float: left;
	margin-left: 12em;
	margin-top: -.5em;
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	}

fieldset br {
	clear: left;
}

#gallery_form input.button {
	width: auto;
	float: left;
	margin-right: 1em;
	border-width: 1px;
	border-style: solid;
	border-top-color: #bfbfbf;
	border-left-color: #bfbfbf;
	border-right-color: #908d8d;
	border-bottom-color: #908d8d;
	padding-top: 1px;
	background-color: #e1e1e1;
	color: #000000;
	}

fieldset button:hover, input.button:hover {
	cursor: pointer;
	}

#gallery_results {
	float: left;
	text-align: center;
	width: 530px;
	font-size: 1.3em;
	background-color: #444649;
	line-height: 2em;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	}

.recordsetResults {
	float: left;
/* 	padding-top: 1em 2em; */
	}

#gallery_results ul {
	float: right;
	margin: 0pt 2em;
	padding: 0pt;
	text-align: left;
	}

#gallery_results li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	}

#gallery_results a, #gallery_results a:visited {
	padding: 2pt 5px;
	border: 1px solid #F07700;
	background-color: #000000;
	text-decoration: none;
	font-weight: bold;
	color: #F07700;
	}

#gallery_results a:hover, #gallery_results a:active {
	border: 1px solid #F07700;
	color: #000000;
	background-color: #F07700;
	}

#gallery_results a.disablelink, #gallery_results a.disablelink:hover {
	background-color: #dddddd;
	cursor: default;
	color: #cccccc;
	border: #ffffff;
	}

#gallery_results a.prevnext {
	font-weight: bold;
	}

#gallery_results a.currentpage, #gallery_results a.currentpage:hover {
	background-color: #161616;
	color: #D5278A;
	border-color: #D5278A;
	cursor: default;
	}

#gallery_images {
	clear: both;
	}

.gallery_container {
	position: relative;
	margin: 0 50px 30px 0;
	}

.gallery_container a span {
	display: none;
	font-size: 1.2em;
	font-weight: normal;
	}

.gallery_container a:hover span {
	display: block;
	position: absolute;
	top: 100px;
	left: 30px;
	padding: 0 5px;
	background-color: #fffacd;
	color: #000000;
	border: solid 1px #000000;
	z-index: 100;
	}

/*******************/
/* Equipment Pages */
/*******************/

ul.equip_col {
	width: 45%;
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	}

ul.equip_col li {
	color: #F07700;
	}

ul.equip_col li ul {
	list-style-image: url(../images/list_triangle.png);
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 17px;
	}

ul.equip_col li ul li {
	position: relative;
	color: #ffffff;
	}

ul.equip_col li ul li span {
	display: none;
	}

ul.equip_col li ul li:hover span {
	display: block;
	position: absolute;
	top: 15px;
	left: 150px;
	padding: 0 5px;
	background-color: #fffacd;
	color: #000000;
	border: solid 1px #000000;
	z-index: 100;
	}

ul.equip_col2 {
	width: 45%;
	float: left;
	margin-left: 5%;
	font-size: 1.2em;
	font-weight: normal;
	}

ul.equip_col2 li {
	color: #F07700;
	}

ul.equip_col2 li ul {
	list-style-image: url(../images/list_triangle.png);
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 17px;
	}

ul.equip_col2 li ul li {
	position: relative;
	color: #ffffff;
	}

ul.equip_col2 li ul li span {
	display: none;
	}

ul.equip_col2 li ul li:hover span {
	display: block;
	position: absolute;
	top: 15px;
	left: 150px;
	padding: 0 5px;
	background-color: #fffacd;
	color: #000000;
	border: solid 1px #000000;
	z-index: 100;
	}

/*******************/
/* Crew Pages */
/*******************/

ul.crew_list {
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	list-style-image: url(../images/list_triangle.png);
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 17px;
	}

/*****************/
/* Contact Pages */
/*****************/

#contacts {
	clear: both;
	margin: 0 auto;
	width: 90%;
	margin-top: 15px;
	font-size: 1.2em;
	line-height: 1.72em;
	letter-spacing: 0.07em;
	}

#contacts td.biog {
	border-bottom: 1px solid #909090;
	}

#contacts td.heading {
/* 	width: 30%; */
	padding-right: 1em;
	text-align: left;
	font-weight: bold;
	}

#contacts td.content {
/* 	width: 30%; */
	padding-right: 1em;
	text-align: left;
	font-weight: bold;
	}

#contact_main {
	float: left;
	font-size: 1.2em;
	line-height: 1.72em;
	letter-spacing: 0.07em;
	}

#contact_main td.heading {
	width: 50%;
	padding-right: 1em;
	text-align: left;
	font-weight: bold;
	}

/*************/
/* Form Page */
/*************/

table#form_list {
	border-collapse: separate;
	border-spacing: 15px 10px;
	margin-top: 15px;
	font-size: 1.2em;
	line-height: 1.72em;
	font-weight: normal;
	text-align: left;
	margin: 0 auto;
	}

table#form_list a img {
	text-decoration: none;
	border: none;
	vertical-align: middle;
	}

/********************/
/* Translation Page */
/********************/

#translations {
	margin: 0 auto;
	font-size: 1.3em;
	line-height: 1.72em;
	font-weight: normal;
	border-collapse: collapse;
	}

#translations th#head_left {
	text-align: left;
	font-weight: bold;
	color: #F07700;
	padding: 0 1em;
	}

#translations th#head_right {
	text-align: left;
	font-weight: bold;
	color: #F07700;
	padding: 0 1em;
	}

#translations tr.shade {
	background-color: #6a6a6a;
	}

#translations td.trans_left {
	text-align: left;
	padding: 0 1em;
	}

#translations td.trans_right {
	text-align: left;
	padding: 0 1em;
	}

/****************/
/* Manuals Page */
/****************/

#manual_form {
	font-size: 1.3em;
	}

#manual_form label {
/* 	width: 10em; */
	margin-top: 10px;
	margin-right: 1em;
	position: relative;
	clear: left;
	float: left;
	text-align: right;
	padding: 0em;
}

#manual_form select {
/* 	width: 17em; */
	float: left;
	margin: .5em 1em;
	padding: .3em;
	border: none;
	background-color: #6A6A6A;
	color: #ffffff;
	}

#manual_results {
	margin-top: 15px;
	}

#manual_results table {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.3em;
	}

#manual_results table tr#title_row {
	background-color: #6A6A6A;
	}

#manual_results table th, #manual_results table td {
	padding-left: 1em;
	padding-top: .15em;
	padding-bottom: .15em;
	}

/**************/
/* News Pages */
/**************/

#news_list {
	font-size: 1.3em;
	line-height: 1.72em;
	font-weight: normal;
	}

#news_list li {
	padding: 4px 0;
	}

#story_text {
	font-size: 1.3em;
	line-height: 1.72em;
	font-weight: normal;
	margin-bottom: 25px;
	}

/******************/
/* Ex-rental Page */
/******************/

ul#exrent {
	list-style-type: none;
	margin: 0 auto 0 auto;
	padding: 0;
	margin-bottom: 15px;
	}

ul#exrent li {
	clear: left;
	float: left;
	display: block;
	width: 100%;
	background-color: #6a6a6a;
	margin: 5px 0;
	padding: 5px;
	}

ul#exrent img {
	float: left;
	clear: both;
	display: block;
	}

ul#exrent h3 {
	margin-left: 150px;
	text-align: left;
	}

ul#exrent p {
	margin-left: 150px;
	text-align: left;
	}

/*******************/
/* Affiliates Page */
/*******************/

#affiliates td.pad {
	width: 50px;
	}

.image_holder {
	position: relative;
	height: 85px;
	}

#affiliates img {
	position: absolute;
	bottom: 0%;
	left: 0%;
	}

/*******************/
/* Clients Page */
/*******************/

#client_logos {
	margin-left: 45px;
	}

#client_logos img {
	margin: 0 70px 20px 0;
	}

#client_logos img.last_logo {
	margin: 0 0 20px 0;
	}

/********************/
/* Callsheets Pages */
/********************/

#sheet_form {
	margin-bottom: 15px;
	font-size: 1.3em;
	}

fieldset.area {
	border: 1px solid #909090;
	margin: 15px auto;
	width: 35em;
	}

#sheet_form label {
	width: 10em;
	margin-top: 10px;
	margin-right: 1em;
	position: relative;
	clear: left;
	float: left;
	text-align: right;
	padding: 0em;
}

#sheet_form label em {
	position: absolute;
	left: 11em;
	top: 0;
	width: 14px;
	height: 14px;
	}

#sheet_form input {
	width: 17em;
	float: left;
	margin: .5em 1em;
	padding: .3em;
	border: none;
	background-color: #6A6A6A;
	color: #ffffff;
	}

#sheet_form em.instructions {
	position: relative;
	clear: left;
	float: left;
	margin-left: 12em;
	margin-top: -.5em;
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	}

#sheet_form input.button {
	width: auto;
	float: left;
	margin-right: 1em;
	border-width: 1px;
	border-style: solid;
	border-top-color: #bfbfbf;
	border-left-color: #bfbfbf;
	border-right-color: #908d8d;
	border-bottom-color: #908d8d;
	padding-top: 1px;
	background-color: #e1e1e1;
	color: #000000;
	}

.errorSmall {
	font-size: 1.2em;
	color: #DE1410;
	}
