body {
	margin: 0;
	padding: 0;	
	font-family: Verdana, Sans-serif;
	font-size: 70%;
	text-align: justify;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
}

img {
	border: 0px;
}

/* Text links ----------------- */
a:link {
  color: #03c;	
  text-decoration: none;
}

a:visited {
  color: #900;	
  text-decoration: none;
}

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

a img {
  border: none;
}

h2 a:hover {
  text-decoration: none;
	color: #333;	
}


/* Layout ----------------- */
body > #menu {
	position: fixed;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 100%;
	overflow: hidden;
	color: #000;
	background-image: url(../images/leftbg-logo.jpg);
	background-repeat: no-repeat;
	font-size: 110%;
}

#main {	
	width: 898px;
	margin-left: 240px;
	background-image: url(../images/mainbg.jpg);
	background-repeat: repeat-y;
}

#content {
	padding: 11px 32px;
}

#pageheader {
	color: #a42315;
	margin-top: -10px;
	text-align: left;
	padding: 0;	
}

#accesslinks {
	font-size: 50%;
}

#pageheader h1 {
	font-size: 180%;
	margin-top: 2px;
	padding-bottom: 3px;	
	border-bottom: solid 1px #ccc;
	font-weight: normal;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	padding: 0 0 0 5px;	
	color: #900;
} 

#main h2 {
	border-bottom: 1px solid #ccc;
	letter-spacing: 1px;
	font-size: 130%;	
	font-weight: normal;
	color: #333;	
}

#main h3 {
	letter-spacing: 1px;
	font-size: 120%;	
	font-weight: normal;
	color: #333;	
}

#homepgh1 {
	letter-spacing: 1px;
	font-size: 120%;	
	font-weight: normal;
	color: #333;
	padding: 0;
}
#homepgbyline {
	font-size: 150%;
	font-weight: bold;
	padding: 0 0 0 5px;	
	color: #900;
}
.feature {
	border: solid 3px #ccc;
	font-size: larger;
} /* the feature box at bottom of home page */

#footer {
	font-size: smaller;
	text-align: center;
	border-top: solid 1px #aaa;
	margin-top: 20px;
	padding: 5px;
	clear: both;
}

#footer p {
	margin: 2px;
}

/* Feature boxes on Home pg -------------- */
#box1 {
height: 270px;
width: 210px;
float: left;
clear: both;
padding-right: 20px;
border-right: 1px solid #aaa;
}

#box2 {
height: 270px;
width: 210px;
float: left;
margin-left: 20px;
padding-right: 20px;
border-right: 1px solid #aaa;
}

#box3 {
width: 330px;
float: left;
margin-left: 20px;
margin-bottom: 20px;
}

#sub1 {
border-bottom: 1px solid #aaa;
float: left;
margin-bottom: 10px;
padding-bottom: 10px;
width: 330px;
}


/* Menu -------------- */
.navcontainer { 
	width: 200px;
	color: #000;
	margin-top: 200px;
	margin-left: 50px;
}

.navcontainer ul {
	margin-top: 0;
	padding-left: 0;	
	margin-left: 0;	
	list-style-type: none;
}

.buttons {
	margin-bottom: 30px;
}

.navlist a {
	display: block;
	padding: 3px 10px 3px 3px;
	margin-top: 3px;
	width: 130px;	
	font-weight: bold;
	text-align: right;
	border-right: 10px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.navlist a:link {
	color: #900;		
	text-decoration: none;
}

.navlist a:visited {
	color: #000;		
	text-decoration: none;
}

.navlist a:hover {
	background-color: #eee;
	color: #000;
	border-right: 10px solid #900;
}

/* Layout on demo reel pop-up
-------------------------------------------------- */
#demoreel {
	padding: 10px;
	color: #000;
	background-color: #ccc;
	text-align: center;
}
	
#demoreel h1 {
	font-size: 110%;
	background-color: #ccc;
	color: #d74836;
	font-weight: bold;
}

#demoreel p a {
	background-color: #ccc;
	color: #d00;
}
/* Text links on demoreel  pop-up----------------- */
#demoreel a:link {
  color: #309;
	background-color: #ccc;
  text-decoration: none;
}

#demoreel a:visited {
  color: #903;
	background-color: #ccc;
  text-decoration: none;
}

#demoreel a:hover {
  color: #096;
	background-color: #ccc;
  text-decoration: underline;
}

/* General text formatting ------------- */
abbr {
	border: none;
}

acronym {
	border: none;
	font-style: normal;
}

.center {
	text-align: center;
} /*Use for content centered in container.*/

.floatleft {
	float: left;
	padding: 5px;
} /*Use for img, positioned at left
with text flowing to the right.*/

.floatright {
	float: right;
	padding: 5px;
} /*Use for img, positioned at right
with text flowing to the left.*/

.clear {
	clear: both;
} /*To clear floating elements from both left and right.*/

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: smaller;
}

.redtext {
	color: red;
	
}

.greenbold {
	font-weight: bold;	
	color: #63877b;
}


/* Table styles
----------------------------------------------- */
table {
	width: 100%;
	text-align: left;
}
td, th {
	vertical-align: top;
}

.border {
	border: solid 1px #ccc;
	width: 20%;
	padding: 5px;
	text-align: center;
} /* on showreels page */

.feature {
	border: solid 1px #ccc;
	padding: 5px;
	width: 190px;
	text-align: center;
} /* on home page news feature box */

.stills {
	padding: 5px;
	text-align: center;
}


/* General List styles
----------------------------------------------- */
ul.nobullet {
	list-style-type: none;
}
ul.bullet {
	list-style-type: square;
}

ol.decimal {
	list-style-type: decimal;
}

ol.alpha {
	list-style-type: lower-alpha;
}

ul.featurelist {
	list-style-type: none;
	margin-left: 0;
	margin-top: 50px;
	padding-left: 0;
	text-align: left;
	font-weight: bold;	
	color: #63877b;
}
.featurelist li{
	border-bottom: solid 1px #aaa;
	padding: 14px 0 14px 0;
	text-align: center;
}
ul.aboutlist {
	list-style-type: square;
	text-align: left;
	font-weight: bold;	
	color: #63877b;
}
.aboutlist li{
	padding: 5px 0 5px 0;
}
/* Showreel styles
----------------------------------------------- */
#promo {
	display: block;
}

.promoreel {
	text-align: left;
} /* on home page promo reel box */