/*
Colours used
------------

Main colour: 		#deb407
Link colour: 		#ff5a00

/************************************************************************   Tag based styles*/

body {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: medium; 
	margin: 0; 
	color:#999;
	text-align: center;
	background: #000 url(/images/body_bg.gif) repeat-x;	
}

a {color: #ff5a00; text-decoration: underline; outline: none;}
a img {color: #fff; text-decoration: none; border: none; }
a:hover {text-decoration: none; }

p { 
	color: #fff; 
	text-align: justify;
	margin: 0 0 1.3em 0; 
	line-height: 156%; 
	font-size: 90%;
}
h1, h2, h3, h4, h5 {margin: 0 0 0.4em 0;}
h1 {
	font-size: 220%;
	line-height: 100%;
	font-weight: normal;
	color: #fff;
	letter-spacing: 3px;
	padding: 0;
	background: none;
	width: 284px;
	
}

h2 {
	font-size:140%;
	font-weight: normal;
	color: #fff;
	letter-spacing: 2px;
	text-align: left;
}

h3 {
	color: #fff;
	font-size: 100%;
	padding: 0em;
	font-weight:normal;

}

sup, sub {font-size: 80%;}
fieldset {border: none; margin: 0; padding: 0;}

acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/* Mulipurpose classes */

.clearboth {clear:both; margin: 0; padding:0; height: 0px;}
.hideit {position: absolute; left: -9999px}
.noscript {color: #ddd; padding: 0.2em 1em 0.5em 1em; margin: 0em 1em 0.5em 1em; border: 1px solid #fff; position: absolute; background: #444; line-height: 14px; top: 0; left: 0; width: 48%; z-index:100 }


/************************************************************ Site structure  */

#wrapper {
	width: 760px; 
	position: relative;
	margin: 0 auto ;
	text-align: left; 
}

	#header {
		width: 760px;
		padding: 0; 
		background: none;
		height: 55px;
	}
	
		#header .logo {
			position: absolute;
			top: 12px;
			left: 0px;
			width: 254px;
			height: 31px;
		}
	
		#navlist { 
			position: absolute;
			top: 0px;	
			font-size: 109%;
			right: 0px;
			margin: 0;
			padding: 0;
		}
	#menu { 
		background: transparent url(/images/menu_bg.gif) repeat-x 0% 0%;
		margin: 1px 0 0 0; 
		padding: 0;
		z-index: 3;
		height: 80px
	}
	
	#content {
		
		padding: 0;
		width: 760px;
		background: #000 url(/images/content_bg.jpg) no-repeat 50% 0%;
		clear: both;
	}
		#leftcol {
			margin-top: 98px; 

			/*width: 284px;  */
			float: left;
			background: none;
			
		}
			
		
	#rightcol {
		position: absolute;
		width: 280px; 
	
		top: 137px;
		right: 0;
		margin: 0;
		padding: 95px 0px 0px 0px; 
		background: none;
		text-align: center;
			
	}
			
	

	
#footer {
	position: relative;
	top: -10px;
	margin: 0; 
	padding: 35px 0 0 0; 
	background: #000 url(/images/footer_bg.gif) repeat-x left top; 
	clear:both; 
	text-align: center;
	z-index: 0;

}

	#footer_inner {
		width: 760px; 
		margin: 0 auto 0 auto; 
		padding: 20px 0 10px 0;
		text-align: center; 



	}
/************************************************************  ID specific styles  */

/************* TOP RIGHT NAVIGATION LINKS ******/
#navlist li {
	float: left;
	margin: 0;
	padding: 18px 0 12px 0;
	list-style: none !important;
	list-style-image: none !important;
	
	

}
#navlist li a {
	color: #fff;
	padding: 0px 8px 0px 8px;
	border-right: 2px solid #ff5a00;
	text-decoration: none;
	display: block;

}
#navlist li a:hover {

	border-bottom: 1px solid #fff;
	text-decoration: none;
	background: none;
}

#navlist li.last a{
	border-right: 0px;
	padding-right: 0px;
}
#navlist li.selected{
	padding-top: 16px;
	border-top: 2px solid #ff5a00;
}
/* end top links */

/************* MAIN MENU ******/
#menu ul {margin: 0; padding: 0; height: 5px; }
#menu ul li {
	margin: 0; 
	background: url(/images/menu_divider.gif) no-repeat right 17px;
	float:left;
	display: block;
	height: 70px;
	padding: 0;
	text-align: center;

}
#menu ul li a {
	font-size: 120%; 
	text-decoration: none; 
	color: #bbb; 
	display: block; 
	letter-spacing: -1px;
	text-transform: uppercase;
	height: 10px;
	padding: 25px 0px 0px 0px;
	margin: 0;

	/*border: 1px solid blue;*/
}
#menu ul li.selected a{
	color: #fff;
	background: transparent url(/images/menu_selected.gif) repeat-x left top;
}

#menu ul li.selected a:hover {
	
}
#menu ul li a:hover {
	color: #fff;
	background: transparent url(/images/menu_hover.gif) repeat-x left top;
}

/******* BUTTONS ****/
#menu ul li.wedd {text-align: left;   width: 114px } /* 136*/
#menu ul li.comm { width: 150px } /* 184*/
#menu ul li.port { width: 140px } /* 172*/
#menu ul li.even { width: 108px  } /*141*/
#menu ul li.inte { width: 135px } /* 127*/
#menu ul li.stud { width: 145px  } /*141 row added for studio button 101*/
#menu ul li.offr { background: none; width: 95px  } /*row added for offers button*/

#menu ul li a {margin-right: 3px}
#menu ul li.inte a {margin-right: 0px}

/*end butt*/

/** end menu **/

/*content*/
img.blankout {float: right; width: 470px; height: 17em;}

/**/


/***  Footer ***/
#footer p { 
	margin: 8px 0; 
	padding:0; 
	font-size: 95%;
	color: #fff;
	line-height: 140%;
	text-align: center;
	clear: both;

}
#footer img.trinity {float: left}
#footer img.mpa {float: right}

#footer a { 
	text-decoration: underline;
	color: #fff;
}

#footer a:hover { 
	text-decoration: none;
}


/******Form**/
.contactform {clear:both; margin-top: 2em}
form {
margin:0pt;
padding:0pt;
}
fieldset {
border:medium none;
margin:0pt;
padding:0pt;
}
label {
clear:both;
color:#eee;
float:left;
font-size:110%;
height:1.8em;
margin-bottom:0.3em;
padding:0pt;
width:30%;
}
input.textin {
background:#444 none repeat scroll 0%;
border:medium none;
color:#fff;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
height:1.6em;
margin: 0 0 0.3em 0;
padding:0.4em 0em 0em 0.4em;
width:448px;
}
input.button {
float:right;
margin:15px 0 10px 0pt;
}
textarea {
background:#444 none repeat scroll 0%;
border:medium none;
clear:both;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
padding:10px;
width:740px;
margin: 0px;
}
.fl {
	float:left;
	padding-right: 10px;
}
.fr {
	float:right;
}