* {margin: 0; padding: 0;}
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

BODY {
	font-size : 100%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #153041;
	background-image : url(images/bg.gif);
	text-align : center;
	margin : 0 0 0 0;
	margin-left:auto;
	margin-right:auto;
}

A {
	font-size : 8pt;
	text-decoration : none;
	font-weight : bold;
	color : #fff;
}
A:HOVER {
	color : #92c5e1;
}

P {
	font-size : 8pt;
	margin : 10px 10px 10px 0;
	text-align : left;
	line-height : 12pt;
}

p.footer{
	text-align : center;
	font-weight : bold;
	padding : 10px 0 0 0;
}

p#ad{
	background-color : #2e84af;
	width : 400px;
	margin-left:auto;
	margin-right:auto;
	color : #92c5e1;
}

UL {
	margin : 5px 20px 5px 50px;
}


LI {
	font-size : 8pt;
	font-weight : bold;
	text-align : left;
	line-height : 11pt;
}


H1{
	color : #fff;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18pt;
}

H2{
	color : #2e84af;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16pt;
	text-align : left;
}
h3{
	text-align: left;
	margin-right : 10px;
	margin-left : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	display : inline;
}

H4 {
	font-size : 12pt;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	text-align : left;
}

h5{
	text-align: left;
	color : #2e84af;
	font-style : italic;
	font-weight : normal;
	margin : 10px 20px 10px 20px;
}

.contactDetailsHeader{
	color : #2e84af;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16pt;
	text-align : left;
	margin-left : 20px;
}

.yourMessage{
	text-align : left;
}

DIV#screen{
	
	width : 100%;
	text-align : center;
	background-image : url(images/bg_head.png);
	background-repeat : repeat-x;
}

div#container{
	width : 820px;
	text-align : center;
	margin:0 auto;
}

DIV.header{
	width : 820px;
	background-image : url(images/bg_da.gif);
	background-position : 590px 0px;
	background-repeat : no-repeat;
	text-align : left;
	padding : 50px 10px 0 10px;
	height : 215px;
	vertical-align : bottom;
}

DIV#contentwhite{
	width : 820px;
	background-image : url(images/bg_white_shad.png);
	background-repeat : no-repeat;
	padding : 25px 20px 20px 30px;
	text-align : left;
	margin-top : -10px;
}

DIV#contentwhitetop{
	background-image : url(images/bg_top_shad.png);
	height : 14px;
	width : 810px;
	background-repeat : no-repeat;
	background-position : bottom;
	margin : -5px auto 0 auto;
	padding : 0 0 0 0;
}

DIV#contentwhiteliquid{
	background-image : url(images/bg_mid_shad.png);
	width : 790px;
	background-repeat : repeat-y;
	margin : 0 auto 0 auto;
	padding : 0 0 10px 20px;
	background-position : 0 0;
}

DIV#contentwhitebot{
	background-image : url(images/bg_bot_shad.png);
	height : 14px;
	width : 810px;
	background-repeat : no-repeat;
	background-position : top;
	margin : 0 auto 0 auto;
	padding : 0 0 0 0;
}

DIV#contentblue{
	width : 740px;
	padding : 25px 30px 20px 30px;
	text-align : left;
	background-color : #005487;
	margin: 10px auto;
	border : 1px solid #92c5e1;
}

#contentblue p{
	color: #fff;
	
}

#aboutslide{
	width: 400px;
	float: right;
	padding-right : 10px;
	padding-top : 50px;
}

#openingnightslide{
	width: 300px;
	float: right;
	padding-right : 40px;
	padding-top : 10px;
	padding-left : 20px;
	padding-bottom : 10px;
}

DIV.projects{
	width : 740px;
	margin : 10px 20px 10px 0;
	padding : 10px 20px 10px 0;
	text-align : left;
	background-image : url(images/bg_light.gif);
}

DIV.projectText{
	width : 350px;
	margin-left : 20px;
	margin-top : 30px;
	display : block;
}

img.pad{
	padding : 5px 25px 5px 10px;
}

.hidden{
	visibility : hidden;
}
TD{
	
}

#menu{
	text-align : left;
	margin-left : 0;
	margin-right : 0;
	padding-right : 0;
	margin : 0 0 0 0;
	padding : 50px 0 0px 5px;
}



#menu ul{

}

#menu li {
	display : inline;
	list-style-type : none;
	font-size : 8pt;
	color : #92c5e1;
	font-weight : bold;
	padding-left : 3px;
	padding-right : 3px;
	padding-bottom : 0;
	padding-top : 0;
}

#menu li a {
	color : #005487;
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
}

#menu li a:hover {
	color : #92c5e1;
}


LI#nolink {
	color : #ffbf00;
	font-weight : bold;
}

DIV#formcontainer {
	width : 390px;
	margin-left : 20px;
	margin-top : 20px;
}

DIV#formcontainer form label {
	font-size : 8pt;
	float : left;
	width : 120px;
	text-align : left;
}
DIV#formcontainer div.clearfix {
	border-top-color : #c0c0c0;
	border-top-style : solid;
	border-top-width : 1px;
	padding-bottom : 5px;
	padding-top : 5px;
}	

.clear{
	visibility : hidden;
	clear : both;
}

/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */
	
	#portfolio ul li {
			float: left; /* Float the lists to the left, laying them out side by side */
			padding: 10px; margin: 0 23px 23px 0;
			background: url(../images/img-bg.png); /* Add the semi-transparent background, used along with padding to give the impression of a see-through border */
			/* Let's get fancy with some CSS3, only visible in Firefox, Safari & Chrome. Other browsers simply revert to square corners */
			border-radius: 10px; 
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}