@charset "utf-8";
/* CSS Document */

/*
colors:
darker blue #2ebcff
light blue  #ade5ff
white		#ffffff
*/

*
{
	margin:0;
	padding:0;	
}

.clear{ clear:both;}


.outerbox {
	width:550px;
	margin-left:15px;
	margin-top:25px;
	float:left;
}
	.outerbox h2
	{
		height:30px;
		font-size:22px;
		text-align: center;
		border-bottom:#330066 1px solid;
	}
	.outerbox h5
	{
		margin-top:15px;
		margin-left:10px;
	}
	.outerbox p
	{	
		margin-top: 15px;
		margin-left:10px;
		font-size:14px;
		line-height:1.4em;
		text-align: left;
	}

.pricing-list {
	height: auto;
	padding-left: 20px;
	font-family: "Lucida Sans";
}
	.pricing-list li {
		list-style-position:inside;
		list-style-image: url(images/blue-check.png);
		line-height:1.6em;
	}
	.pricing-list h4{
		height:30px;
		color:#0e6eb3;
		border-bottom:#330066 1px solid;
		font-size: 22px;
		text-align:left;
	}
	.pricing-list h6{
		font-size:14px;
		line-height:2.6em;
	}


.contact{
	width: 300px;
}

.contact-form input {
	border: none;
	border: 1px solid black;
	background-color: #FFFFFF;
}
.contact-form input:focus {
	background-color: #A8E4FF;
}
.contact-form textarea:focus {
	background-color: #A8E4FF;
}
.contact-form textarea {
	font-family:"Lucida Sans";
}


#pagewrap{
	width:800px;
	margin: 0 auto;
}

body{
	background-color:#ffffff;
	overflow-x: hidden;
	font-family:"Lucida Sans";
}

	body a
	{
		color:#0e6eb3;
	}
	
	body a:visited
	{
		color:#0e6eb3;
	}
	

.side {
	width:200px;
	margin-left: 600px;
	padding-top:25px;
	
}
	.side h2
	{
		height:30px;
		font-size:22px;
		text-align: center;
		border-bottom:#330066 1px solid;
	}
	.side p
	{
		font-size:14px;
		line-height:1.4em;
		text-align: left;

	}
	.side ul
	{	
		margin-top: 15px;
		margin-left:25px;
		text-align:left;
		list-style:none;
}
	.side li a
	{	
		text-align:center;
	}

ul#nav
{
	height: 200px;
	background:url(images/header.jpg) no-repeat;
	list-style:none;
	padding-left:195px;
}

ul#nav li {
float:left;
margin-top: 151px;
margin-left: -1px;
}

ul#nav li a {
background:url(images/menu_but.jpg) no-repeat scroll top left;
display:block;
height:30px;
position:relative;
outline:none;
}

ul#nav li a.home{
width:120px;
}

ul#nav li a.gallery {
width:120px;
background-position:-120px 0px;
}

ul#nav li a.pricing {
width:110px;
background-position:-240px 0px;
}
ul#nav li a.contact {
width:115px;
background-position:-360px 0px;
}

ul#nav li a span {
background:url(images/menu_but.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

ul#nav li a.home span{
background-position:0px -30px;
}
ul#nav li a.gallery span {
background-position:-120px -30px;
}
ul#nav li a.pricing span {
background-position:-240px -30px;
}
ul#nav li a.contact span {
background-position:-360px -30px;
}

ul#nav li a span:hover {
cursor:pointer;
}

.footer {
	background:#2ebcff;
	width: 800px;
	height:30px;
	padding: 10px 20px 10px 50px;
	text-align:center;
	font-size:10px;
	float: left;
	margin-top: 125px;
}
	.footer li{
		display:block;
		padding: 5px;
		height:15px;
		float:left;
		list-style:none;
		border-left: #FFFFFF solid 1px;
		
	}
		.footer li a {
		color: #000000;
			text-decoration:none;
		}
	.footer p
	{
		text-align:right;
	}
	
.footer-copy {
	background:#2ebcff;
	color: #FFFFFF;
	padding: 10px 10px 20px 150px;
	text-align:center;
	font-size:10px;
	float: right;
}
	.footer-copy li{
		display: block;
		height:15px;
		float:left;
		list-style:none;
		border-left: #FFFFFF solid 1px;
		padding-bottom: 5px;
		
	}
		.footer li a {
			text-decoration:none;
		}
	.footer-copy p
	{
		text-align:right;
	}
	

/*Contact form Error*/
.error {
	display:none;
	color:#FF0000;
	font-size:14px;
}
.success {
	display:none;
	color:#6A8455;
	font-size:14px;
}	
	
.dialog{
	background-color:#00FFFF;
	border:#333333 1px solid;
	
}

.gallery_page{
	height:300px;
}