/* STYLESHEET FOR GLORIOUS DESIGN 2 */
/* CREATED BY J HODGSON 30/10/07 */
/*
944 x 114 - header
#0E130D - 'black'
#ae9692 - new brown text and borders
#edadb8 - rollover and active text
*/

/* always shows vertical scrollbar in foxy - therefore site doesn't move about depending on height of page */ 
/* this is the only thing in this css that doesn't validate correctly which is a shame */
html {
	overflow: -moz-scrollbars-vertical;
	}
 
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background: #fff url(images/grad_bg.jpg) repeat-x;
	color:#ae9692;
	text-align:center;
	margin-top:0px;
	/*line-height:90%;*/
}

div#wrap{
	width:944px;
	margin: 0 auto;
	margin-top:10px;
	padding:10px;	
	text-align:left;
	background-color: #ffffff;
	border:1px solid #ae9692;
	/*border:1px dashed orange;*/
}

.contact-top{
	float:right;
	font-size:0.8em;
	color:#b38f92;
	margin-top:-18px;
	margin-right:2px;
	/*border:1px dashed red;*/
}

.contact-top a{
	color:#b38f92;
	text-decoration: none;
}

.contact-top a:hover{
	color:#e899a6;
	text-decoration: none;
}	
	
#header-home{
	width:944px;
	height: 140px;
	background: url(images/header_home.jpg);
}

#header-contact{
	width:944px;
	height: 140px;
	background: url(images/header_contact.jpg);
}

#header-links{
	width:944px;
	height: 140px;
	background: url(images/header_links.jpg);
}

#header-howwework{
	width:944px;
	height: 140px;
	background: url(images/header_howwework.jpg);
}

#header-portfolio{
	width:944px;
	height: 140px;
	background: url(images/header_portfolio.jpg);
}

.blue{
	color:#5D91A8;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
		/* navigation */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
#navbar{
	width:944px;
	background-color: #ffffff;
	text-align: center;
	padding:0px;
	margin:0px;
	color:#ae9692;
	letter-spacing: 2px;
}
	
#navbar ul{
	font-size:0.8em;
 	list-style-type: none;
	margin:2px 0px;
}

#navbar ul li{
	display:inline;
	margin:0px 30px;
	/*border:1px dashed red;*/
}

#navbar-bottom{
	width:944px;
	background-color: #ffffff;
	text-align: center;
	padding:0px;
	margin:0px;
	color:#ae9692;
	letter-spacing: 2px;
}
	
#navbar-bottom ul{
	font-size:0.65em;
 	list-style-type: none;
	margin:2px 0px;
}

#navbar-bottom ul li{
	display:inline;
	margin:0px 10px;
	/*border:1px dashed red;*/
}

li.selected a:link,
li.selected a:active,
li.selected a:visited{
 	color:#e899a6;
	text-decoration:none;
}

li.unselected a:link,
li.unselected a:active,
li.unselected a:visited {
   	color:#ae9692;
	text-decoration:none;
}

li.selected a:hover, li.unselected a:hover{
	color:#e899a6;
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
		/* main page */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */

#content{	
	color:#ae9692;
	font-size:0.75em;
	/*padding:10px;*/
	/*border:1px dashed pink;*/
}

.min-height{
	height:360px;
	min-height:360px;
}

#content h1{
	font-size:1.2em;
	color:#ae9692;
	font-weight:normal;
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	letter-spacing: 2px;
	/*border:1px dashed teal;*/
}

#content a{
	color:#ae9692;
	text-decoration:none;
}

#content a:hover{
	color:#e899a6;
	text-decoration:underline;
}

#content p{
	/*border:1px dashed red;*/
	margin:0px 0px 5px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* individual pages */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */

.home{
	float:left;
	text-align:left;
	width:922px;
	padding:0px 10px 10px 10px;
	margin-top:0px;
	margin-bottom:10px;
	/*line-height:25px;*/
	border:1px solid #ae9692;
	background: url(images/grad_box.jpg)  repeat-x;
}

.home-details{
	float:left;
	width:910px;
	border:1px solid #ae9692;
	padding:15px 5px 5px 5px;
	margin-bottom:10px;
	/*background: #fff url(images/3seagulls.jpg) right top no-repeat;*/
	background-color:#fff;
	text-align: center;
	/*min-height:280px;
	height:280px;*/
	font-size: 0.95em;
}
	
.home p{
	padding:5px 35px;
}	
	
.howwework{
	float:left;
	text-align:left;
	width:922px;
	padding:0px 10px 10px 10px;
	margin-top:0px;
	margin-bottom:10px;
	line-height:125%;
	border:1px solid #ae9692;
	background: url(images/grad_box.jpg)  repeat-x;
}

.howwework-details{
	float:left;
	width:910px;
	/*height:288px;*/
	border:1px solid #ae9692;
	padding:5px;
	margin-bottom:10px;
	background-color: #fff;
}

.howwework-details-col{
	width:290px;
	margin-right:10px;
	float:left;
	/*border:1px dashed orange;*/
}

.contact{
	float:left;
	text-align:left;
	width:922px;
	padding:0px 10px 10px 10px;
	margin-top:0px;
	margin-bottom:10px;
	/*line-height:25px;*/
	border:1px solid #ae9692;
	background: url(images/grad_box.jpg)  repeat-x;
}

.contact-details{
	float:left;
	width:910px;
	border:1px solid #ae9692;
	padding:5px;
	margin-bottom:10px;
	background-color: #fff;
}

.contact p{
	line-height:35px;
	padding-left:10px;
}	
	
.contact-form{
	/*border:1px dashed red;*/ 
	width:377px; 
	float:left;
	margin-left:10px;}	

.contact-form label{
	width:65px;
	/*border:1px dashed blue;*/
	float:left;
}	
	
.contact-form input, 
.contact-form textarea{
	border:1px solid #ae9692;
	font-family:verdana;
	color:#ae9692;
} 
	
.contact-address{
	float:left;
	margin-left:50px;
	width:440px;
/*border:1px dashed limegreen;*/
}	

.contact-form-item{
	/*border:1px dashed orange;*/
	margin-bottom:10px;
}

.contact-button{
	float:right;
	margin-top:10px;
	background-color: #fff;
	/*border:1px dashed red;*/
	cursor: pointer;
	cursor: hand;
	
	
}
	
.portfolio{
	float:left;
	text-align:left;
	width:922px;
	padding:0px 10px 10px 10px;
	margin-top:0px;
	margin-bottom:10px;
	/*line-height:25px;*/
	border:1px solid #ae9692;
	background: url(images/grad_box.jpg)  repeat-x;
}

.links{
	float:left;
	text-align:left;
	width:922px;
	padding:0px 10px 10px 10px;
	margin-top:0px;
	margin-bottom:10px;
	line-height:125%;
	border:1px solid #ae9692;
	background: url(images/grad_box.jpg)  repeat-x;
}

.links-details{
	float:left;
	width:910px;
	/*height:288px;*/
	border:1px solid #ae9692;
	padding:5px;
	margin-bottom:10px;
	background-color: #fff;
}

.links-details-col{
	width:295px;
	margin-right:5px;
	float:left;
	/*border:1px dashed orange;*/
}

.links-details-col p{
	font-size:0.85em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* page headers */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */

.home h2{
	background: no-repeat url(images/title_home.png) ;
	min-height:25px;
	/*padding-left:110px;*/
	padding-top:13px;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	color:#ae9692;
	text-align: center;
	/*border:1px dashed red;*/
}

.portfolio h2{
	background: no-repeat url(images/title_portfolio.png) ;
	min-height:25px;
	padding-left:120px;
	padding-top:13px;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	color:#ae9692;
	/*border:1px dashed red;*/
}

.contact h2{
	background: no-repeat url(images/title_contact.png) ;
	min-height:25px;
	padding-left:120px;
	padding-top:13px;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	color:#ae9692;
	/*border:1px dashed red;*/
}

.howwework h2{
	background: no-repeat url(images/title_howwework.png) ;
	min-height:25px;
	padding-left:185px;
	padding-top:14px;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	color:#ae9692;
	/*border:1px dashed red;*/
}
	
.links h2{
	background: no-repeat url(images/title_links.png) ;
	min-height:25px;
	padding-left:80px;
	padding-top:13px;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	color:#ae9692;
	/*border:1px dashed red;*/
}	
	
h3{
	font-size:1em;
	/*color:#e899a6;*/
	color:#ae9692;
	font-weight:bold;
	margin-top:0px;
}	

h4{
	/*color:#648FB1;*/
	color:#e899a6;
	font-weight:bold;
}
h5{
	color:#e899a6;
	font-weight:bold;
}

.howwework h3 {
	margin-bottom:5px;
}

.howwework h4{
	font-size:0.8em;
	padding:0px;
	margin:10px 0px 0px 0px;
}
.howwework h5,
.howwework p{
	font-size:0.8em;
	padding:0px;
	margin:0px;
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* portfolio page layout */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */	
	
.pf-thumbs{
	padding:0px;
	margin:0px;
	width:340px;
	float:left;
	/*background-color: #fff;*/
	/*border:1px dashed limegreen;*/
}
.a-thumb{
	float:left;
	margin:0px 10px 20px 0px;
	width:150px;
	height:130px;
	border:1px solid #ae9692;
	font-size:0.8em;
	/*text-align:center;*/
	padding:4px;
	background-color: #fff;
	/*border:1px dashed red;*/
	/*display:none;*/
}

.a-thumb input{
	border:1px solid #ae9692;
	padding:2px;
}

.pf-right{
	float:left;
	width:570px;
	height:288px;
	border:1px solid #ae9692;
	padding:5px;
	background-color: #fff;
}	
	
.pf-fulls{	
	text-align:center;
	width:348px;
	margin:0px 2px;
	padding:2px;
	float:left;
	border:1px solid #ae9692;
	background-color: #fff;
}

.pf-info{
	float:left;
	margin-left:5px;
	font-size:0.8em;
	width:205px;
	background-color: #fff;
	/*border:1px dashed red;*/
}

.red{
	color:#e899a6;
}

.big-red{
	font-size:1.0em;
	color:#e899a6;
}

.gap-right{
	margin-right:15px;
}

.validated{
	margin-top:5px;
}

/*- email form classes -------------------------- */	

.clearing { clear: both; }
.alert, .error { color: grey; }
p.alert {margin:0px 0px 10px 0px; font-size:0.75em; }
ol.forms {

	float: left;
	list-style: none;
	padding:0px;
	margin:5px 0px 0px 20px;
	/*border:1px dashed red;*/
}


ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
	/*border:1px dashed green;*/
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding-right: 10px;
	/*text-align: right;*/
	
}

ol.forms input { width: 220px; border:1px solid #ccc; font-family:arial;}
ol.forms textarea {
	height: 10em; 
	width: 300px; 
	 border:1px solid #ccc;font-family:arial;
}

ol.forms input, 
ol.forms textarea, 
ol.forms button { font: 1em arial, Georgia, "Times New Roman", Times, serif; }


ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
}

ol.forms li.buttons {
	width:303px;
	text-align:right;
	/*border:1px dashed 
;*/
}	
	
ol.forms input[type=reset] {
	width	: 110px;
	font-family: arial;
	font-size: 0.9em;
	color:#998b82;
	background-color:#fff;
	border:1px solid #555;
	cursor: pointer;
	padding-top:2px;
}	

ol.forms button#submit {
	width	: 110px;
	font-family: arial;
	font-size: 0.9em;
	color:#ff9900;
	background-color:#fff;
	border:1px solid #555;
	cursor: pointer;
	padding-top:2px;
	
}