* {margin:0;padding:0;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
/* CLEAR FIX - for the footer*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body {
font-family: Arial, Helvetica, sans-serif;
color:#333;
font-size:0.9em;
background:#000;
margin:0;
padding:0;
}
a img {border:none;}
a	{ color:#3399cc; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:hover { color:#666; text-decoration:underline; }
p {margin:10px 0 5px 0;}

/* Header */

#headerindex { 
	height: 40px;
	}


#header {
	padding:0 0 15px 0;
	height:153px;
	background:#000 url(../images/headerlogomain.jpg) no-repeat center top;
	text-align:center;
}
#header img,#header img a:link,#header img a:visited {
border:none;
margin:0;
padding:0;
}

/* Content Area */
#main {
	background:#000;
	width:800px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 100px;}  /* must be same height as the footer */	


#mainindex {
	background:#000;
	width:1025px;
	height:680px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 100px; }  /* must be same height as the footer */

#maintestimonial {
	background:#000;
	text-align:center;
	width:1025px;
	height:470px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	padding-bottom: 100px; }  /* must be same height as the footer */

#maintestimonial h1 {
	font-size:1.3em;
	text-align:center;
	line-height:0.9em;
	margin:0;
	padding:0;
	color:#3399cc;
	text-transform: lowercase;
	letter-spacing:1pt;
	}
	
#content {
	width:800px;
	float:left;
	padding:10px 0 25px 0;
	}

#content h1 {
	font-size:1.3em;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:0;
	color:#3399cc;
	text-transform: lowercase;
	letter-spacing:1pt;
}
#content h2 {
	font-family:arial, sans-serif;
	color:#335880;
	font-size:1em;
	letter-spacing:0.6pt;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:10px;
	clear:both;
	text-transform:lowercase;
	font-style: italic;
}
#content h3 {
font-family:arial, sans-serif;
padding-left:40px;
color:#999;
font-size:0.9em;
font-weight:700;
letter-spacing:0.6pt;
padding-left:20px;
margin-top:20px;
margin-bottom:10px;
font-style:italic;
}

#content h4 {
font-family:arial, sans-serif;
padding-left:20px;
text-align:center;
color:#2CAAEF;
font-size:0.9em;
font-weight:700;
letter-spacing:0.6pt;
padding:15px;
text-transform:sentance-case;
font-style:italic;
}

#content p {
font-family:arial,sans-serif;
color:#EFEFEF;
font-size:0.9em;
word-spacing:0;
line-height:1.8em;
padding-left:20px;
}
#content pre {font-family:Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE;}
#content ul {list-style:square;
	margin:10px 0 10px 20px;
	list-style-position:inside;}
#content li {line-height:1.2em;
	font-size:0.9em;}
#content #list {width:200px;float:left;}

p.strongtext { 
text-transform:uppercase;
font-weight:bold; 
font-style:italic; 
color:#3399cc; }

.contacts-col-one { background: #000; width:390px; float:left; text-align:right; }
.contacts-col-two { background: #000; width:390px; float:right; text-align:left; padding-right:0.5em;  }

/* flash */
#flashcontent
{
	width:100%;
	min-height:400px;
	padding:0;
	text-align:center;
}

#mainflash { 
	width:700px;
	min-height:650px;
	margin:0;
	padding:0;
	height: 650px;
	float:left;
	}
	
	#testimonialflash { 
	width:700px;
	min-height:650px;
	margin:0;
	padding:0;
	height: 650px;
	float:left;
	}
	
	#testimonialflash h1 { 
	text-align:center;
	padding-left:30px;
	
	} 
	
#flashgallery2 {
text-align:center;
width:100%;
vertical-align:middle;
}
	
	
p.centre {
	text-align:center;
	margin:auto;
	padding:0;
}
	
/* TABLE STYLES */
/*
table {
width:380px;
font-size:0.8em;
align:center;
padding:3px;
}

caption {
color:#335880;
letter-spacing:0.6pt;
text-align:center;
font-size:1.3em;
text-transform:lowercase;
font-style:italic;
padding:10px 0;
}

th {
background-color:#4F4F4F;
color:#fff;
border:0;
text-transform:uppercase;
text-align:center;
font-weight:700;
vertical-align:top;
padding:0.5em;
}

td {
border:0;
text-align:center;
vertical-align:middle;
background-color:#1F1F1F;
color:#fff;
}

td.striping {
background-color:#2F2F2F;
border:0;
text-align:center;
vertical-align:middle;
color:#fff;
}


td p {
font-size:0.8em;
margin-top:0;
}

td ul {
margin:0;
padding:0 0 0 20px;
}

td li {
list-style-image:url(/images/global-img/generic/list/arrow.gif);
font-size:1em;
}

td.none {
border:1px solid #fff;
font-size:0.8em;
}
*/

/* MENU STYLES */


#gallerymenu2 {
	width: 150px;
	background-color:#000;
	color: #000;
	padding: 0;
	margin: 0 auto;
	float:left;
	text-align: left;
	vertical-align:middle;
	z-index:3; 
}
#gallerymenu2 li {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2BB1CE;
	font-size: 0.8em;
	list-style-type:none;
	padding: 5px;
	border-bottom-color:#666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;	
	}

/* horizontal menu  */
ul.menu {
font-size:0.9em;
text-align:center;
margin:0;
padding:1em;
}
li.menulinks {
list-style-type:none;
display:inline;
font-size:0.9em;
text-transform:uppercase;
}

/* HORIZONTAL BAR STRIPE */	
#stripe {
width:100%;
height:9px;
background:#000 url(../images/dotted-line.gif) repeat;
clear:both;
}

/* Footer */
#footer {
position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear:both;
background: #000;
color:#fff;
}
#footer a:hover,#footer a:focus,#footer a:active {
text-decoration:underline;
}
#footer a:link {
text-decoration:none;
}
ul.display {
font-size:0.83em;
line-height:2em;
text-align:center;
margin:0;
padding:0.5em;
}
li.footlinks {
list-style-type:none;
display:inline;
font-size:0.8em;
text-transform:uppercase;
}
li.info {
list-style-type:none;
text-align:center;
font-size:0.8em;
padding:0.8em 0 2em;
}
ul.none,li.none {
list-style-type:none;
}

/* pricing */

#pricing_packages_wrapper {
	width:500px;
	margin:0px auto;
}

#pricing_packages {
	width:500px;
	margin:0px auto;
}

#pricing_packages h2 {
	font-size:1.1em;
	color:#ffffff;
	font-style:normal;
	text-transform:none;
	margin-bottom:1em;
}

#pricing_packages h2 span {
	font-size:.9em;
	color:#999999;
	font-style:italic;
}

#pricing_packages p {
	line-height:normal;
	color:#CCCCCC;
}

#pricing_packages p.fineprint {
	font-size:.7em;
	color:#555555;
}

.pricing_packages_box {
	
	background:url(../images/pricing_box_bg.jpg) no-repeat top left #222222;
	padding: 0px 5px 10px 5px;
	margin-bottom:20px;
	border:solid 1px #666666;
}

/* contact form */

#contact_form {
	clear:both;
	width:400px;
	margin:0px auto;
	color:#ffffff;
}

#contact_form input, #contact_form textarea {
	background:#222222;
	color:#ffffff;
	padding: 3px 10px;
	margin-bottom: 5px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#contact_form select {
	margin-bottom: 5px;
}

#contact_form input:hover, #contact_form textarea:hover{
background-color:#444444;
}

.grey {color:#333; font-size:90%; }


/* --------------------------------------- */
EthicalDesign CSS

a:active, a:focus { outline:0; } /* remove firefox dotted outline on links */

.clear { float:none; clear:both; margin:0; padding:0; }

.rolloverfade { opacity:0.7; filter:alpha(opacity=70); }

/* For the intro menu where you select which gallery to display */
#menuselect { position:relative; width:100%; margin:30px auto 20px auto; }
#menuselect ul { list-style:none; list-style-type:none; margin:0; padding:0 }
#menuselect li { list-style:none; list-style-type:none; margin:0; padding:0; 
						float:left; width:165px; height:335px; margin:0 14px 0 15px; }

#links { position:relative; width:100%; margin:20px 0 0 0; }
#links .links_left { position:relative; width:40%; float:left; margin:0 0 0 0; }
#links .links_right { position:relative; width:40%; float:right; margin:0 0 0 0; }
#links ul, #links li { list-style:none; list-style-type:none; margin:0; padding:0; }
#links a { display:block; border:none; }
#links a:hover { border:none; text-decoration:none; background:#222; }
#links a:hover h3, #links a:hover p { color:#fff; }
#links li h2 { font-size:24px; color:#ddd; margin:0 0 30px 0; font-style:normal; font-weight:bold; letter-spacing:-0.03em; }

#links li { margin:0 0 20px 0; text-align:center; }
#links li img { width:auto; height:auto; max-width:90%; max-height:150px; margin:15px 0 10px 0; }
#links li h3 { font-size:12px; color:#ddd; text-transform:uppercase; margin:0 10px 0.3em 10px; font-style:normal; font-weight:normal; }
#links li p { font-size:12px; color:#00adef; padding-bottom:15px; margin:0 0.3em 0 10px }