/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman
				Nick Watson
				Tom Fletcher
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background: #151e25;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: "Lucida Sans Unicode", Arial;
}

p {
	margin: 1em auto;
}

a {
	color: #B5E052;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.req {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#container {
	background: #000 url('../i/layout/stem.gif') top right no-repeat;
	width: 860px;
	height: 571px;
	margin: 20px auto;
	border: 8px solid #B5E052;
}

div#content {
	width: 860px;
	height: 571px;
}

div.homecontent {
	background: url('../i/layout/homeback.jpg') bottom left no-repeat;
}

div.aboutcontent {
	background: url('../i/layout/aboutback.jpg') bottom left no-repeat;
}

div.testimonialscontent {
	background: url('../i/layout/aboutback.jpg') bottom left no-repeat;
}

div.corporatecontent {
	background: url('../i/layout/corporateback.jpg') bottom left no-repeat;
}

div.weddingscontent {
	background: url('../i/layout/weddingsback.jpg') bottom left no-repeat;
}

div.gallerycontent {
	background: url('../i/layout/galleryback.jpg') bottom left no-repeat;
}

div.contactcontent {
	background: url('../i/layout/contactback.jpg') bottom left no-repeat;
}

div#contentbox {
	position: absolute;
	margin-left: 350px;
	margin-top: 165px;
	background: #212e39;
	width: 475px;
	height: 280px;
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	z-index: 2;
}

div#contentinner {
	position: absolute;
	margin-left: 355px;
	margin-top: 170px;
	z-index: 3;
	color: #fff;
	width: 440px;
	height: 260px;
	padding: 10px;
	text-align: justify;
}

div#navbar {
	position: absolute;
	margin-left: 250px;
	margin-top: 455px;
	width: 572px;
}

div#navbar ul {
	float: right;
}

div#navbar ul li {
	float: left;
	font-size: 1.2em;
	margin-left: 20px;
	padding-bottom: 4px;
}

div#navbar ul li:hover a {
	color: #aad548;
}

div#navbar ul li.active {
	background: url('../i/layout/lineback.gif') bottom right no-repeat;
}

div#navbar ul li a {
	color: #FFF;
}

h1 {
	color: #d8db9d;
	font-size: 2em;
	font-weight: normal;
}

h2 {
	color: #d8db9d;
	font-size: 1.3em;
	font-weight: normal;
}
h2 a {
	color: #B5E052;
	font-size: 1em;
	font-weight: normal;
}

/*div#gallery img {
	float: left;
	margin-right: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}*/
div#page-numbers {
	margin-top: 245px;
	position: absolute;
	float: left;
}
div#gallery-numbers {
	margin-top: 158px;
	position: absolute;
	float: left;
}
div#page-numbers li {
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	display: block;
}
p.quote {
	font-style: italic;
}
div#gallery{
float: left;	

}
div.gallery-thumb{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
/*		background-color: #b1005c;*/
}
* html div.gallery-thumb{
	margin-right: 5px;
}
div.gallery-block{
	float: left;
}
div.gallery-block h2{
	float: left;
	width: 450px;
	clear: both;
}
/*div#gallery a{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 70px;
	height: 70px;
	border: 4px solid #eaeaea;
	text-indent: -999em;
	background-position: center;	
}
html div#gallery a{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 70px;
	height: 70px;
	border: 4px solid #eaeaea;
	text-indent: -999em;
	background-position: center;	
}*/
div.gallery-thumb a{
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 5px;
	width: 50px;
	height: 50px;
	text-indent: -999em;
	background-position: center;	
}
/*div.gallery-thumb a:hover{
	float: left;
	width: 50px;
	height: 50px;
	background-position: center;
	alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	filter: alpha(opacity=50);*/
}
div#pagination ul{
	 float: right;
	 margin-right: 25px;
}
div#pagination ul li{
	float: left;
	margin-right: 5px;
}
img.right {
	float: right;
	margin-left: 15px;
}
/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/

div#footer {
	width: 860px;
	margin: 0 auto;
	color: #FFF;
}

div#footer a {
	color: #797979;
}

div#siteinfo-credits {
	float: right;
	width: 360px;
}

div#siteinfo-legal {
	float: left;
	width: 400px;
}

div#siteinfo-credits a {
	float: left;
}

span#newsletter a {
	display: block;
	text-indent: -999em;
	letter-spacing: 133px;
	width: 173px;
	height: 17px;
	background: url('../i/layout/newsletter.gif') no-repeat;
	float: right;
}

div.ddfmwrap form.ddfm fieldset p.fieldwrap input{


}
div.ddfmwrap form.ddfm fieldset p.fieldwrap textarea{


}
div.ddfmwrap form.ddfm fieldset p.fieldwrap{
	clear: both;

}
/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}