body{
	background: #05083b;
}  

h1{
	color: #cccc00;
	font-size: 1.7em;
	font-family: Georgia, Times, Serif;
	margin: 0 0 18px 0;
	/* padding: 8px 24px 12px 8px; */
}

p{
	color: #6666ff;
	font-size: 0.9em;
	font-family: Georgia, Times, Serif;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

.frame{
	display: block;
	width: 960px;
	height: 540px;
	position: absolute;
	left: 50%;
	top: 47%;
	margin-left: -480px; /* Half the width of the DIV tag which is 50 pixels */
	margin-top: -260px; /* Half the height of the DIV tag which is also 50 pixels */
}

.header{
	display: block;
	margin-top: 6px;
	width: 960px;
	height: 24px;
	border-bottom: solid 1px #333399;
	}
		
/* logo */

.logo{
	display: block;
	width: 360px;
	height: 20px;
	float: left;
	}
	
/* menu */
	
.menu{
	display: block;
	height: 20px;
	margin-top: 0;
	float: right;
	}
	
.menu li{
	float: left;
	line-height: 20px;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Tahoma, Geneva, Sans-Serif;
	padding-left: 12px;
	padding-right: 12px;
	height: 20px;
	color: #6666ff;
	display: block;
/*	color: #333399; */
	}
	
.menu li#tel{
	padding-right: 0;
}
	
.menu li a{
	color: #6666ff;
/*	color: #333399; */
	display: block;
	text-decoration: none;
	}
	
.menu li a:hover{
	color: #cccc00;
/*	color: #6666ff; */
	}

/* content */

.content{
	display: block;
	width: 960px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	}
	
#home{
	margin-top: 12px;
}

/* footer */

.footer{
	display: block;
	width: 960px;
	height: 56px;
	margin-left: 0;
	padding-left: 0;
	color: #333399;
	border-top: solid 1px #333399;
	}

.footer-contact{
	float: left;
	margin-left: 0;
	padding-left: 0;
}

.footer-contact p{
	margin-left: 0;
	padding-left: 0;
}

.footer-credit{
	float: right;
}

.footer-credit p{
	text-align: right;
	margin-right: 0;
	padding-right: 0;
}

	
.footer p{
	color: #333399;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 0.75em;
}

.footer p strong{
	font-weight: bold;
}
	
.footer a{
	/* color: #3366cc; */
	color: #333399;
	text-decoration: none;
}

.footer a:hover{
	color: #6666ff;
}

/* thumbnail nav */
	
.thumbnails{
	display: block;
	width: 560px;
	height: 56px;
	margin-left: 40px;
	float: left;
}

.thumbnails li{
	display: block;
	width: 110px;
	height: 54px;
	float: left;
	border: solid 1px #333399;
	margin-right: 12px;
	}

.thumbnails li.thumbnails-nav{
	width: 24px;
	border: 0;
	}

.thumbnails li#thumbnails-nav-right{
	margin-right: 0;
	margin-left: -1px;
	margin-top: 11px;
	}
	
.thumbnails li#thumbnails-nav-left{
	margin-right: 3px;
	margin-top: 11px;
	}
	

#about, #clients, #contact, #email-sent{
	margin-top: 24px;
}

/* home */
#ceiling-frame
{
	width: 940px;
	height: 529px;
}

#splash{
	display: none;
}

/* about */

#about img{
	float: right;
	margin-left: 36px;		
	}
	
#about a, #about a:hover, #about a:active, #about a:visited{
	color: #6666ff;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
	
/* clients */

#clients{
	background: url(../i/photos/clients.jpg) no-repeat;
	display: block;
	width: 960px;
	height: 480px;
}

#clients ul{
	/* color: #3366cc; */
	color: #6666ff;
	font-size: 0.9em;
	font-family: Georgia;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

#clients a, #clients a:hover, #clients a:active, #clients a:visited{
	color: #6666ff;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

/* gallery */

.preload{
	display: none;
}

#img {
    position: relative;
    width: 960px;
    height: 450px;
    margin: 0 auto 5px auto;
    background: url(i/photos/ceiling-fade.jpg) repeat;
}

#gallery {
	height: 56px;
	width: 538px;
	}

#gallery li {
    float: left;
    cursor: pointer;
}

.caption{
	display: block;
	width: 386px;
	height: 56px;
	float: left;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #6666ff;
	position: absolute;
	top: 455px;
	left: 0;
	font-family: Georgia, Times New Roman, Times, Serif;
	overflow: hidden;
	}

/* EMAIL */

#email-instructions{
	display: inline;
	color: #6666ff;
	font-size: 0.55em;
	font-family: Georgia, Times, Serif;
}

#email-instructions a, #email-instructions a:hover, #email-instructions a:active, #email-instructions a:visited{
	color: #6666ff;
	font-family: Tahoma, Geneva, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

#contact-area {
	width: 960px;
	height: 480px;
	margin-top: 15px;
}

#form-left{
	display: block;
	width: 600px;
	height: 436px;
	position: absolute;
	float: left;
}

#form-right{
	display: block;
	width: 360px;
	height: 436px;
	position: absolute;
	margin-left: 600px;
}

#email-image{
	margin-top: 4px;
}

#name-field, #email-field, #tel-field{
	display: block;
	width: 600px;
	height: 54px;
	margin-bottom: 18px;
}

#name-label, #email-label, #tel-label, #message-label{
	display: block;
	width: 600px;
	height: 24px;
	line-height: 24px;
	color: #6666ff;
	font-size: 0.9em;
	font-family: Georgia, Times, Serif;
}

#name-input, #email-input, #tel-input{
	display: block;
	width: 600px;
	height: 30px;
}

#name-input input, #email-input input, #tel-input input{
	background: #111133;
	color: #ccc;
	display: block;
	width: 595px;
	height: 28px;
	border: solid 1px #333399;
	font-size: 1.4em;
	padding-left: 3px;
}

#message-field{
	display: block;
	width: 600px;
	height: 192px;
}

#message-input{
	display: block;
	width: 600px;
	height: 168px;
}

#message-input textarea{
	background: #111133;
	color: #ccc;
	width: 592px;
	height: 186px;
	border: solid 1px #333399;
	font-size: 1em;
	padding: 3px;
	font-family: Tahoma, Geneva, Sans-Serif;
}

#captcha-label{
	display: block;
	width: 318px;
	height: 24px;
	line-height: 24px;
	color: #6666ff;
	font-size: 0.9em;
	font-family: Georgia, Times, Serif;
	float: right;
	margin-top: 16px;
}

#captcha-area{
	display: block;
	float: right;
}

.submit-button{
	background: #111133;
	border: solid 1px #333399;
	color: #6666ff;
	display: block;
	width: 316px;
	height: 46px;
	float: right;
	margin-top: 20px;
	font-size: 0.9em;
	font-weight: bold;
}

.submit-button:focus, .submit-button:hover{
	outline: #ffff00 dotted 1px;
	cursor: pointer;
}

#form-right img{
	float: right;
	margin-top: -44px;
}