/* CSS Document */

html {
height:100%;
padding:0;
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

#flashcontent {
		height: 100%;
}

/*header & footer*/
#header { 
background: #0d0d0d;
color:#FFFFFF;
font: bold 11px Arial, Helvetica, sans-serif; 
padding-left:5px;
padding-top:4px;
height: 5em; 
line-height: 4em;
}




#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:45px; 
  overflow:auto; 
  text-align:left; 
  padding-left:60px;
  background-color:#0d0d0d;
  line-height: 45px; 
  font-family: Arial, Helvetica, sans-serif; font-size: 10px; 
  letter-spacing: 2px;
  color: #FFFFFF;

  }
/*---start basic tags */
* {
	padding: 0;
	margin: 0;
	border: 0;}
	


body {background: #EFEFEC url(images/background2.jpg) repeat-x left top;
	height:100%; 
	padding:0; margin:0; border:0;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
  
  
b {display: block;}

br {clear: both;}

a {
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	outline: none;
	font-weight:bold;
	text-decoration: none;
	}
	
p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:justify;
	
	}

h1 {
	margin: 0 0 15px 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	padding-top:10px;
	}

h2 {
	margin: 0 0 12px 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	padding-top:10px;
	}

h3 {font: bold 16px Arial, Helvetica, sans-serif;color: #0099FF}

h4 {margin: 0 0 15px 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	padding-top:20px;
	padding-left:20px;}

.blue {color:#0099FF;
}

.wpackage { text-decoration:underline; padding-left:20px;
}
.alacarte { text-decoration:underline; 
}
.uppercase { font-size:24px;
}
/*---end basic tags */



/*---start main navigation */
#navcontainer { list-style-type: none;
  top:0;
  left:0;
  width:100%;
  font: bold 11px Arial, Helvetica, sans-serif;
  
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;


}

#navcontainer a
{
list-style-type: none;
text-align:left;
display: block;
padding: 3px 0 2px 52px;
width: 100%;
height: 15px;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
color: white;


}

a.nav01 {background: url(images/nav01.png) repeat-x left top;}
a.nav02 {background: url(images/nav02.png) repeat-x left top;}
a.nav03 {background: url(images/nav03.png) repeat-x left top;}
a.nav04 {background: url(images/nav04.png) repeat-x left top;}


#active a {color: #66ccff
}

#navcontainer a:link, #navlist a:visited
{
text-decoration: none;
}

#navcontainer a:hover
{background: url(images/nav01Hover.png) repeat-x left top;color: #fff;
}

/*---end main navigation */

/*---start containers*/
#outerContainer {
overflow:auto; 
position:absolute; 
z-index:3; 
top:139px; 
bottom:50px; 
left:42px; 
right:0px;
background: url(images/outerContainerBg.png) repeat-y left top;


	
}
* html #outerContainer {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:hidden; position:absolute; z-index:3;}



	
#innerContainer {
	padding: 0 10px;
	width: 750px;
	height: 100%;
	min-height: 100%;}
	
div.boxContainerLeft {
	float: left;
	width: 285px;
	padding: 15px 20px 20px 15px;
	background: white;}
div.portfolio {
	padding-left:18px;
	height:500px;
}
	
div.boxContainerleft2 {
	float: left;
	height: 700px;
	background: white;}
	
div.boxContainerLeft3 {
	float: left;
	width: 410px;
	height: 400px;
	padding: 20px 15px 20px 20px;
	background: white;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:justify;
	}	
div.boxContainerLeft3 p{
	line-height:150%;
	margin: 1em 0em 0em 0em
	}		


div.boxContainerRight {
	float: right;
	width: 380px;
	height: 475px;
	padding: 15px 20px 20px 20px;
	background: white;}

	
div.boxContainerRight div.box {
	float: left;
	clear: left;
	margin: 4px 0;
	padding: 10px 10px 10px 10px;
	width: 360px;
	height: auto;}
	
div.boxContainerRight2 {
	float: right;
	width: 380px;
	height: 500px;	
	padding: 15px 20px 20px 20px;
	background: white;}	
		
div.boxContainerRight2 div.box2 {
	float: left;
	clear: left;
	margin: 4px 0;
	padding: 10px 10px 10px 10px;
	width: 360px;
	height: auto;}	
	
div.boxContainerRight3 {
	float: right;
	width: 280px;
	padding: 20px 5px 40px 20px;
	background: white;}	
	
div.boxContainerRight4 {
	float: left;
	width: 750px;
	height: 400px;
	padding: 0px 00px 20px 0px;
	background: white;}
			
div.boxContainerRight4 div.box4 {
	float: left;
	clear: left;
	margin: 5px 20px;
	padding: 15px 0px 0px 0px;
	width: 680px;
	height: 400px;}	
	
div.boxContainerRight4 div.box5 {
	float: left;
	clear: left;
	margin: 5px 20px;
	padding: 15px 0px 0px 0px;
	width: 680px;
	height: 200px;}
div.boxContainerRight4 div.box6 {
	float: left;
	clear: left;
	margin: 30px 0px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	height: 375px;}		
div.boxContainerRight4 div.box7 {
	float: inherit;
	margin: 100px 0px;
	padding: 0px 0px 0px 0px;
	width: 0px;
	height: 200px;}	
	
div.box2 {
	float: left;
	margin: 0 5px 5px 5px;
	padding: 1px; 
	width: 228px;
	background: #F5F5F5;}

div.box4 {
	float: left;
	margin: 10px 10px 10px 5px;
	padding: 1px; 
	width: 660px;
	height:500px;
	background: #FFFFFF}	
	
div.boxContainer {
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	padding: 15px 15px 10px 10px;
	width: 720px;
	background: white;}
	
div.boxContainer h1 {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
	width: 100%;}
	
div.box {
	float: left;
	margin: 0 5px 5px 5px;
	padding: 1px; 
	width: 228px;
	background: #F5F5F5;}

/*---start content area*/

	

#platinum {background: #F5F5F5 no-repeat right bottom;}
#platinum h3 {color: #0099FF;}

#gold {background: #F5F5F5 no-repeat right bottom;}
#gold h3 {color: #0099FF}

#silver {background: #F5F5F5 no-repeat right bottom;}
#silver h3 {color: #0099FF}

#bronze {background: #F5F5F5 no-repeat right bottom;}
#bronze h3 {color: #0099FF}

/** form**/

.form label {width:5em; float:left; display:block; margin-right:0.5em; text-align:left;}
.form .submit input {margin-left:4.5em;}
.form input {font-weight:bold;border: 1px solid #CCCCCC}
.form textarea {font-weight:bold;border: 1px solid #CCCCCC}
.colours input {color:#781351; background:#fee3ad; border:1px solid #781351}
.colours .submit input {color:#000; background:#ffa20f; border:2px #d7b9c9 outset}
.form fieldset {border:1px solid #781351; width:22em}
.form legend {background:#ffa20c; border:1px solid #781351; letter-spacing:0}
.form fieldset p {margin-top:0}