body {
	margin:0px; padding:0px;
	background-color:#151616;
	font-family:Arial, Helvetica, sans-serif;
}
#outside_container {
	background:url(../images/background_slice.jpg) repeat-x #000000;
}
#container {
	min-height:800px;
	width:950px;
	position: relative;
	background-image: url(../images/background_main.jpg);
	background-repeat: no-repeat;
}


/*
	Logo / Menu / Panel Positioning
*/
.underlinemenu{
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #999999;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 35px; /*spacing between each menu link*/
text-decoration: none;
font-size:18px
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
color:#F90
}
/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}


ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}


ul.nav>li:hover{
	padding-right: 1px;
} [*]

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #fff;
	color: #369;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #369;
	color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 1px solid #369;
}

.nav a{
	text-decoration: none;
}

#panel { position:absolute; top:135px; left:51px; }

#horizontalmessage {
	position:absolute;
	top:890px;
	left:85px;
	width: 493px;
}

#horizontalmessage a:link {color: #F90; text-decoration: none; }
#horizontalmessage a:visited {color: #F90; text-decoration: none; }
#horizontalmessage a:hover {color: #FFF; text-decoration: none; }
#horizontalmessage a:active {color: #F90; }

#myspace {
	position:absolute;
	top:980px;
	left:85px;
}


#contactButton {
	position: absolute;
	height: 57px;
	width: 206px;
	left: 694px;
	top: 30px;
}


#french {
	position: absolute;
	height: 35px;
	width: 49px;
	left: 850px;
	top: 93px;
}


#stripmenu {
	margin:0px;
	padding:0px;
	position: absolute;
	top:390px;
	left:90px;
	width: 800px;
	height: 60px;
	overflow: visible;
}

ul#menu {
	margin:0px;
	padding:0px;
	position:absolute;
	top:313px;
	left:76px;
	width: 352px;
	height: 17px;
}
ul#right_menu {
	margin:0px;
	padding:0px;
	position:absolute;
	top:313px;
	right:75px;
}
ul#menu li, ul#right_menu li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:14px;
	text-transform:lowercase;
	display:inline;
}
ul#menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#999999;
}
ul#menu li a:hover, ul#right_menu li a:hover {
	text-decoration:none;
	color:#ff9900;
}


/*
	Content
*/

#content {
	padding-top:495px;
	padding-left:85px;
	width:815px;
	color:#999999;
	font-size:14px;
	line-height:20px;
	text-align: left;
}

.column1 { float:left; width:230px; margin-right:30px; }
.column2 { float:left; width:230px; margin-right:30px; }
.column3 { float:left; width:280px; }
.column4 { float:left; width:815px; }
.column5 { float:left; width:555px; }
.column6 { float:left; width:245px; }
.column7 { float:left; width:400px; margin-right:15px; }
.column8 { float:left; width:400px; }
.column9 { float:left; width:340px; margin-left:30px;}



#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ff9900;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}


#content h3 {
	font-family:helvetica;
	color:#ff9900;
	margin:0px 1px 0px 0px;
	font-weight:normal;
	font-size: 1.1em;
	text-transform: lowercase;
}

#content h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ff9900;
	font-weight:normal;
	font-size: 15px;
}

ul.work {
	margin:0px; padding:0px;
}
ul.work li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.work li a {
	color:#999999;
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:12px;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}
ul.work li a h4 {
	color:#999999;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}
ul.work li a:hover, ul.work li a:hover h4 {
	color:#ffffff;
	text-align: left;
}

a.nav:link {color: #F90; text-decoration: none; }
a.nav:visited {color: #F90; text-decoration: none; }
a.nav:hover {color: #FFF; text-decoration: none; }
a.nav:active {color: #F90; }
a.nav:link {
	color: #f90;
	text-decoration: none;
}



/*
	Footer
*/
#footer {
	border-top:1px solid #ff9900;
	padding:15px 20px 30px 30px;
	color:#333333;
	font-size:10px;
	line-height:14px;
}
#footer span {
	display:block;
	float:left;
	width:700px;
}
#footer a {
	color:#9e8292;
	text-decoration:none;
}
#footer a:hover { color:#ffffff; }


/* Custom Link Colour
*/

.linkcolour {
	color: #FFF;
	text-decoration: underline;}
	
.orangelinkcolour {
	color: #ff9900;
	text-decoration: none;
}

a.orangelinkcolour:hover {color: #FFF; text-decoration: none;