/* - - - - - - - - - - - - - - - - - - - - -

Title : Frost Media
Author : Wayne Roberts
URL : http://www.lushnewmedia.com

Description : style.css

Created : 30.11.09

- - - - - - - - - - - - - - - - - - - - - */

/* PAGE ATTRIBUTES */

* {
	margin: 0;
	padding: 0;
	}
body {
	min-width: 800px;
	min-height: 563px;
	color: #666;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}



/* CENTRE LAYOUT */

/* styles for IE 5 Mac */
div#container {
	background-color:transparent;
	height:563px;
	width:800px;
	margin:0 auto;
	position:relative;
}
	
#content {
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	height:563px;
	width:800px;
	padding:0;
	}
/* commented backslash hack  - invisible to IE 5 \*/
div#container {
	position:absolute;
	margin:-282px 0 0 -400px;
	left:50%;
	top:50%;
	}
	/* end hack */


/* SPECIAL */

img {
	border:0;
	}	
p {
	margin:0;
	}
.larger {
	font-size: 120%;
	}
/* HEADER */

#header {
	display: block;
	width: 770px;
	height: 75px;
	padding: 25px 0 0 30px;  
	margin:0;
	background: #fff;    
	border: 1px solid #999;
	}
#header h1{
	font-size:10%;   
	}
#logo {
	display: block;
	width: 260px;
	padding: 50px 0 0; 
	overflow: hidden;  
	background: url(images/logo.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	}
#contact {
	position:absolute;
	display: block;
	top:25px;
	right:30px;
	width: 300px;
	padding: 0 ;  
	margin:0;
	background: #fff;    
	text-align:right;
	font-size: 75%;
	line-height:16px;
	}
#contact a{
	color: #666;
	text-decoration:none;
	}
#contact a:hover{
	color: #666;
	text-decoration:underline;
	}

/* MENU */

div#menu {
	height: 30px;
	width:800px;
	padding: 0;
	margin:0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	align:center;
	}
div#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 75%;
	text-align:center;
	align: center;
	text-transform:uppercase;
	}
div#menu ul li {
	display:inline;
	text-align:center;
	}
div#menu ul li a{
	color: #666;
	line-height:30px;
	text-decoration:none;
	padding: 5px 45px;
	margin:0;
	background:#fff;
	}
div#menu ul li a:hover{
	color: #999;
	text-decoration:none;
	background: #fff;
	}

/* MAIN CONTENT */

div#maincontent {
	position:relative;
	width: 800px;
	height: 403px;
	padding: 0;
	margin:0;
	}
div#panel-left {
	position:absolute;
	top:0px;
	left:0px;
	width: 515px;
	height: 403px;
	padding: 0;
	margin:0 6px 0 0;
	background: url(images/background.jpg) left top repeat-x;
	border-left: 1px solid #999;
	}
div#paneltopright {
	position:absolute;
	top:0px;
	left:521px;
	width: 280px;
	height: 280px;
	padding: 0;
	margin:0 0 6px 0;
	background: url(images/background.jpg) left top repeat-x;
	border-right: 1px solid #999;
	}
div#panelbottomright {
	position:absolute;
	top:286px;
	left:521px;
	width: 280px;
	height: 118px;
	padding: 0;
	margin:0 0 0 0;
	background: url(images/background.jpg) left -286px repeat-x;
	border-right: 1px solid #999;
	}
#flashcontent {
	position:absolute;
	top:25px;
	left:30px;
	display: block;
	float:left;
	height: 355px;
	width: 457px;
	background: #fff;
	margin: 0;
	padding: 0;
	}
#flashcontent2 {
	width: 280px;
	height: 117px;
	display: block;
	float:left;
	background: #fff;
	margin: 0;
	padding: 0;
	}
#flashcontent3 {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	float:left;
	height: 403px;
	width: 801px;
	background: #fff;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999;
	}
#flashcontent4 {
	width: 231px;
	height: 231px;
	display: block;
	float:left;
	background: #fff;
	margin: 0;
	padding: 0;
	}
div#paneltopright p#introtext {
	color:#fff;
	line-height: 18px;
	padding: 95px 30px 0 15px;
	font-weight:bold;
	font-size: 80%;
	}
div#panel-left-services {
	position:absolute;
	top:0px;
	left:0px;
	width: 463px;
	height: 338px;
	padding: 65px 23px 0 29px;
	margin:0 6px 0 0;
	background: url(images/background.jpg) top left repeat-x;
	border-left: 1px solid #999;
	}
div#servicespic {
	position:absolute;
	top:272px;
	width: 457px;
	height: 105px;
	display: block;
	float:left;
	background: #fff;
	margin: 0;
	padding: 0;
	}
div#paneltopright-services {
	position:absolute;
	top:0px;
	left:521px;
	width: 253px;
	height: 255px;
	padding: 25px 12px 0 15px;
	margin:0 0 6px 0;
	background: url(images/background.jpg) top left repeat-x;
	border-right: 1px solid #999;
	}
div#paneltopright-services ul{
	color:#fff;
	line-height: 16px;
	padding: 0 0 0 15px;
	font-weight:bold;
	font-size: 80%;
	}
div#panelbottomright-services {
	position:absolute;
	top:286px;
	left:521px;
	width: 255px;
	height: 97px;
	padding: 15px 10px 5px 15px;
	margin:0 0 0 0;
	background: #fff url(images/background.jpg) left -286px repeat-x;
	border-right: 1px solid #999;
	font-size:90%;
	}
div#paneltopright-about {
	position:absolute;
	top:0px;
	left:521px;
	width: 246px;
	height: 255px;
	padding: 25px 12px 0 22px;
	margin:0 0 6px 0;
	background: url(images/background.jpg) top left repeat-x;
	border-right: 1px solid #999;
	}
div#contactpic {
	position:absolute;
	top:25px;
	width: 207px;
	height: 356px;
	display: block;
	float:left;
	background: transparent;
	margin: 0;
	padding: 0;
	}
div#maincontent p {
	color:#fff;
	line-height: 18px;
	padding: 0 0 8px 0;
	font-weight:bold;
	font-size: 80%;
	}
div#maincontent p a{
	color:#fff;
	text-decoration:none;
	}
div#maincontent p a:hover{
	color:#fff;
	text-decoration:underline;
	}
div#maincontent h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 250%;
	font-weight:lighter;
	color:#5e0040;
	padding-bottom:20px;
	}
div#maincontent h2{
	font-size: 90%;
	font-weight:bold;
	color:#5e0040;
	padding-bottom:6px;
	}
div#maincontent h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight:lighter;
	color:#5e0040;
	padding-bottom:20px;
	}

#contactform {
	position:absolute;
	top:25px;
	left:255px;
	width: 240px;
	display: block;
	padding:0;
	margin: 0;	
	}
form fieldset {
	border:0;
	margin:0;
	padding:0;
	}
form p {
	font-size:70%;
	padding:0 0 8px;
	margin:0;	
	line-height: 21px;
	}
form textarea {
	font-size: 100%;
	border: 1px solid #e0e0e0;
	margin: 0;
	padding: 3px 3px;
	background-color: #fff;
	color: #666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
		overflow:auto;
	width: 210px;
	}
#contactform input {
	font-size: 100%;
	border: 1px solid #e0e0e0;
	margin: 0;
	padding: 3px 3px;
	background-color: #fff;
	color: #666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}
#contactform input.btn {
	margin:0;
	padding:0;	
	background-color: transparent;
	height: 19px;
	border: 0;
	}
form .hidden {
	display:none;
	}

/* FOOTER */

div#footer {
	position:absolute;
	top: 533px;
	height:30px;
	width: 770px;
	padding: 5px 0 0 30px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}
div#footer p{
	color: #666;
	padding:0;
	font-size:70%;
	line-height:26px;
	}
p.credit{
	font-size:60%;
	visibility: hidden;
	}
div#footer a{
	color:#666;
	text-decoration: none;
	}
div#footer a:hover{
	color:#999;
	text-decoration: underline;
	}