body{
	margin:0;
	padding:0;
	background-color: #000000;
	background-image: url(../images/generic/XTendedBG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

html, body {
	height:100%; 
}

img { 
	border: none; 
} 

p{
	color:#666;
	font: .75em/1.5em Arial, Helvetica, sans-serif;	
}

h1{
	font: bold 1em Arial, Helvetica, sans-serif; 
	color:#666;
	margin: 0;
	letter-spacing:1px;
}

h2{
	font: bold .7em Arial, Helvetica, sans-serif; 
	color:#666;
	margin: 0;
	letter-spacing:1px;
}

/* -------------------- Page layout container divs -------------------- */

#container {
	min-height: 100%;
	width: 960px;
	margin: auto;
	background-color:#FFF;
	overflow: auto;
}

#content {
	width: 520px;
	margin-left: 304px;
	margin-top:30px;
	margin-bottom:10px;
	position:relative;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom:20px;
}
#contactcontent {
	width: 520px;
	margin-left: 304px;
	margin-top:30px;
	padding-bottom:55px;
	position:relative;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* -------------------- Masthead -------------------- */

#masthead {
	background: url(../images/generic/homebannerbg.gif) repeat 622px top;
}
	
#masthead img{
	display: block;
}

#mastheadinternal {
	background: url(../images/generic/bannerbg.jpg) no-repeat 527px top;
}
	
#mastheadinternal img{
	display: block;
}

/* -------------------- Main image for home page -------------------- */

#homepic {
	display: block;
	position: relative;
	height: 210px;
	width: 960px;
}

/* -------------------- Text box for home page -------------------- */

#intro {
	width: 505px;
	margin-left: 273px;
	margin-top:40px;
	position:relative;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* -------------------- Footers -------------------- */

#footer {
	width: 505px;
	margin-left: 273px;
	padding-top:5px;

}

#footer p{
	margin:0;
}

#footer a {
	text-decoration: none;
	color:#666;
	}
	
#footer a:hover {
	color:#000;
}
	
#footer a:active {
	color:#666;
}

#footer a:visited {
	color:#333;
}

.rangedleft {
	float:left;
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	width:200px;
}

.rangedright {
	float:right;
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	width:200px;
	text-align:right;
}

#galleryfooter {
	margin-left:30px;
	margin-right:30px;
	margin-top: 100px;
}

/* -------------------- Main Navigation -------------------- */

#navigation {
	position:relative;
	width:960px;
	height:26px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #000000;
}

#navigation ul {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:right;
}

#navigation li {
	display: inline;
	float: left;
	background-image: url(../images/generic/navigation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
#navigation a {
	text-decoration: none;
	display: block;
	height: 21px;
	width:93px;
	text-align: center;
	color:#FFF;
	padding-top:5px;
	border-left: 1px solid #666;
}
	
#navigation a:hover {
	background-image: url(../images/generic/navigation.jpg);
	background-repeat: no-repeat;
	background-position: left -26px;
}
	
#navigation a:active {
	background-image: url(../images/generic/navigation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
	
/* -------------------- Side Navigation -------------------- */

#sidenav {
	width:185px;
	margin-left:25px;
	margin-top:30px;
	float:left;
	border-bottom: 1px dotted #999;
}

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

#sidenav li {
	font: .8em/2em Arial, Helvetica, sans-serif;
	display: block;
	border-top: 1px dotted #999;
}
	
#sidenav a {
	color: #003399;
	display: block;
	text-decoration: none;
}
	
#sidenav a:hover {
	color: #666;
}
	
#sidenav a:active {
	color: #000;
}


/* -------------------- If IE 6 fixes extra space in navigation panel -------------------- */	
*html #sidenav a {
	height:1px;
}

/* -------------------- If IE 6 fixes container height -------------------- */
* html #container {
height: 100%;
}

/* -------------------- Sets the page id to UR Here -------------------- */
	
body#home a#homelink {
	background: #000;
	cursor:default;
}

body#about a#aboutlink {
	background: #000;
	cursor:default;
}	

body#stage a#stagelink {
	background: #000;
	cursor:default;
}	

body#broadcast a#broadlink {
	background: #000;
	cursor:default;
}	

body#landscape a#landlink {
	background: #000;
	cursor:default;
}	

body#custom a#customlink {
	background: #000;
	cursor:default;
}

body#contact a#contactlink {
	background: #000;
	cursor:default;
}				

/* -------------------- Gallery heading + back Link -------------------- */

.alignleft {
	float: left;
	width:500px;
}

.alignright {
	font-size: .7em;
	float: right;
	padding-top:3px;
	width:200px;
	text-align:right;
}

.alignright a {
	text-decoration: none;
	color:#666;
	}
	
.alignright a:hover {
	color:#000
}
	
.alignright a:active {
	color:#666;
}

/* -------------------- Page insert images -------------------- */
#smallimage {
	width:185px;
	margin-left:25px;
	margin-top:30px;
	float:left;
}

/* -------------------- Email links -------------------- */
#mailcontent a {
	color:#666;
	font: .75em/1.5em Arial, Helvetica, sans-serif;	
}
	
#mailcontent a:hover {
	color:#000;
}
	
#mailcontent a:active {
	color:#666;
}