*{margin:0 auto; padding:0;}

body{
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 13px;
	background: #000 url('images/bg.gif') no-repeat;
	color:#333
}

/*----general styles---*/
img {border:none;}

p{
	margin-bottom: 10px;
	line-height: 1.5em
}

a{ outline: none;}

a:link, a:visited{
	text-decoration: none;
	color: #96ded1;
}

a:hover{
	text-decoration: underline;
	color: #96ded1;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.marginTop{
	margin-top: 20px
}

.marginBottom{
	margin-bottom: 20px
}

.marginRight{
	margin-right: 20px
}

.marginLeft{
	margin-left: 20px
}

.alignCenter{
	text-align: center
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clearBoth{clear:both}



/*---layout----*/
#page{
	width: 1000px;
	position: relative;
	margin-bottom:40px;
}

#container{
	width:1000px;
	background: #fff;
	position: relative;
	height:auto;
	padding-top:5px;
	padding-bottom: 5px
}

#content{
	width:984px;
	border:#000 3px solid;
	min-height:500px;
	height:auto !important;
  	height:500px;
}

#content a:link, #content a:visited{
	color:#00cccb;
	text-decoration: none;
}

#footer a:link, #footer a:visited{
	color:#666;
	text-decoration: none;	
}

#footer a:hover, #footer a:active{
	text-decoration: underline;
}

#content a:hover, #content a:active{
	color:#00cccb;
	text-decoration: underline;

}

#header{
	width: 990px;
	height:235px;
	position: relative
}

#header .logo{
	text-align: center;
	margin-left:390px;
	margin-bottom:20px;
	margin-top:10px
}


#footer{
	clear:both;
	padding-top:10px;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
}
#footer p{
	margin: 0;
	font-size:11px;
	color:#666;
	line-height:1.2em;
}


/*---navigation------*/

.navigation{
	width:auto;
	height:50px;
	position: relative;
}

.navigation ul li{
	list-style-type: none;
	display: block;
	float: left
}

.navigation ul li a{
	display: block;
	float:left;
	height:50px;
	outline:none;
}

.navigation ul li span{
	display: none
}

li.nav-home a{
	background: url('images/nav_home.gif') top no-repeat;
	width:125px;
}

li.nav-home a:hover{
	background: url('images/nav_home.gif') bottom no-repeat;
}

li.nav-home a.current, li.nav-home a:hover.current{
	background: url('images/nav_home.gif') bottom no-repeat;
}

li.nav-about a{
	background: url('images/nav_about.gif') top no-repeat;
	width:113px;
}

li.nav-about a:hover{
	background: url('images/nav_about.gif') bottom no-repeat;
}

li.nav-about a.current, li.nav-about a:hover.current{
	background: url('images/nav_about.gif') bottom no-repeat;
}

li.nav-contact a{
	background: url('images/nav_contact.gif') top no-repeat;
	width:145px;
}

li.nav-contact a:hover{
	background: url('images/nav_contact.gif') bottom no-repeat;
}

li.nav-contact a.current, li.nav-contact a:hover.current{
	background: url('images/nav_contact.gif') bottom no-repeat;
}

li.nav-gallery a{
	background: url('images/nav_gallery.gif') top no-repeat;
	width:145px;
}

li.nav-gallery a:hover{
	background: url('images/nav_gallery.gif') bottom no-repeat;
}

li.nav-gallery a.current, li.nav-gallery a:hover.current{
	background: url('images/nav_gallery.gif') bottom no-repeat;
}

li.nav-process a{
	background: url('images/nav_process.gif') top no-repeat;
	width:130px;
}

li.nav-process a:hover{
	background: url('images/nav_process.gif') bottom no-repeat;
}

li.nav-process a.current, li.nav-process a:hover.current{
	background: url('images/nav_process.gif') bottom no-repeat;
}

li.nav-links a{
	background: url('images/nav_links.gif') top no-repeat;
	width:110px;
}

li.nav-links a:hover{
	background: url('images/nav_links.gif') bottom no-repeat;
}

li.nav-links a.current, li.nav-links a:hover.current{
	background: url('images/nav_links.gif') bottom no-repeat;
}

li.nav-testimonials a{
	background: url('images/nav_testimonials.gif') top no-repeat;
	width:210px;
}

li.nav-testimonials a:hover{
	background: url('images/nav_testimonials.gif') bottom no-repeat;
}

li.nav-testimonials a.current, li.nav-testimonials a:hover.current{
	background: url('images/nav_testimonials.gif') bottom no-repeat;
}


/*-----headings------*/

h1{

}


h2{

}


h3{

}


h4{

}

h1.title span{
	display: none;
	visibility: hidden;
}

h1.title{
	height:50px;
	width:960px;
	margin:20px
}

.gallery-page h1.title{
	background: url('images/title_gallery.gif') no-repeat left;	
}

.contact-page h1.title{
	background: url('images/title_contact.gif') no-repeat left;	
}

.home-page h1.title{
	background: url('images/title_home.gif') no-repeat left;
	margin-left:0	
}

.links-page h1.title{
	background: url('images/title_links.gif') no-repeat left;
	margin-left: 40px;
}

.testimonials-page h1.title{
	background: url('images/title_testimonials.gif') no-repeat left;
	margin-left: 40px;
}

.process-page h1.title{
	background: url('images/title_process.gif') no-repeat left;
	margin-left: 40px;
}

/*--------gallery page-------------*/

.gallery-page {
	background: url('images/bg_gallery.gif') top left no-repeat;
}

.gallery-page h1.title{
	margin-left: 40px
}

.gallery-page .thumbs{
	float:left;
	margin-left:10px
}

.gallery-page .thumbs li{
	list-style: none;
	margin-bottom:3px;
}

.gallery-page thumbs li a{
	display:block;
	border: none;
	outline:none;	
}

.gallery-page .thumbs img{
	width:50px;
	border:3px solid #ddd;
}

.gallery-page .content-wrapper{
	height:700px;
	padding:20px;
	background: url('images/loading.gif') no-repeat center 200px;
}

.gallery-page .thumbs .selected img{
	border: #000 3px solid
}

.gallery-page .content-wrapper div{
	width:700px;
	float:left;
	margin-left:25px;
	text-align: center;
}

.gallery-page .content-wrapper div img{
	border:4px solid #000
}

/*-----home----------*/

.home-page{
	background: url('images/bg_home.gif') no-repeat left 300px;
}

.home-page .leftcol{
	width:580px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	padding-left:20px;
	padding-right:20px
}

.home-page .rightcol{
	width:200px;
	float:left;
	padding:20px;
	padding-top:20px;
	border-left:3px double #eee;
	margin-top:70px
}

.home-page .wrapper{
	margin-bottom:40px
}

/*---home- gallery-----*/
.home-gallery{
	position:relative;
	min-height:310px;
}

.home-gallery a{
	outline:none;
}

.home-gallery #gallery-photos{
	position:relative; 
	height:320px; 
	width:980px; 
	padding-top:10px; 
	text-align:center;
	float: left;
	margin-top:10px
	}
	
.home-gallery #gallery-photos img{
	display:none; 
	background:url('images/home_gallery.jpg') no-repeat top center;
	padding:5px 10px 20px 10px;
	position:relative; 
	margin-left: auto; 
	margin-right:auto; 
	text-align:center;
	height:310px;
	width:860px
	}
	

.home-gallery #gallery-photos #prev-arrow, .home-gallery #gallery-photos #next-arrow{
	position:absolute; 
	top:160px; 
	z-index:100; 
	display:block; 
	border:none;
	height:50px;
	width: 50px;
}

.home-gallery #gallery-photos #prev-arrow span, .home-gallery #gallery-photos #next-arrow span{
	display: none;
}

.home-gallery #gallery-photos #prev-arrow {
	left:0; 
	background:url('images/arrow_prev.jpg') no-repeat top;
	}
	
.home-gallery #gallery-photos #next-arrow{
	right:0; 
	background:url('images/arrow_next.jpg') no-repeat top;
	}
	
.home-gallery #gallery-photos #next-arrow:hover{
	background:url('images/arrow_next.jpg') no-repeat bottom;
	height:50px;
}

.home-gallery #gallery-photos #prev-arrow:hover{
	background:url('images/arrow_prev.jpg') no-repeat bottom;
	height:50px;
}

.home-gallery a.view-gallery-link span{
	display: none;
}

.home-gallery a.view-gallery-link{
	float:right;
	position: relative;
	top:10px;
	right:70px;
	height:17px;
	width:86px;
	background:url('images/view_gallery.gif') no-repeat top;
}

.home-gallery a:hover.view-gallery-link{
	background:url('images/view_gallery.gif') no-repeat bottom;
}
	

/*------contact--------*/

/*
.contact form{
	margin-left:40px;
	}
	
.contact input,
.contact textarea { 
  display: block; 
  margin-left: 60px;
  margin-bottom: 5px;
 }
 
.contact label{
	float: left;
	width:75px;
} 


.contact input{
color: #666;
background: #eee;
border: 1px solid #999;
padding:2px
}

.contact textarea{
color: #666;
background: #eee;
border: 1px solid #999;
}*/

.contact-page{
	background: url('images/bg_contact.gif') no-repeat left top;
}

#page .contact-page{
 	min-height:580px;
	height:auto !important;
  	height:580px;
}
.contact-page .leftcol{
	width:550px;
	float:left;
	margin-top:20px;
	margin-left:40px
}

.contact-page .rightcol{
	width:260px;
	float:left;
	padding:20px;
	border-left:3px double #eee;
	margin-top:20px;
	margin-left: 20px
}

.contact-page p{
}

.contact-page img{
	margin-top: 50px;
}

.contact-page form{
	margin-left:60px;
	}
	
.contact-page input,
.contact-page textarea { 
  display: block; 
  margin-left: 85px;
  margin-bottom: 5px;
  border: 2px solid #000;
 }
 
  
.contact-page label{
	float: left;
	width:85px;
} 


.contact-page input{
	color: #666;
	/*background: #eee;*/
	padding:2px;
}

.contact-page input.long{
	width:350px
}

.contact-page input.short{
	/*width:224px;*/
	width:140px
}

.contact-page input.sendbtn{
	margin-left: 85px;
	cursor: pointer;
	background: #000;
	color:#fff;
	padding:5px;
	margin-top:10px;
	clear:both

}

.contact-page label.long{
	width:210px;
	padding-top: 5px;
	margin-left:85px;
}

.contact-page textarea{
	color: #666;
	width:353px;
}

.contact-page h1.title{
	margin-left: 40px
}

.coming-soon{
	background: url('images/bg_comingsoon.gif') no-repeat top left;
}

/*----links page-------------*/

.links-page .wrapper{
	padding:20px
}

.links-page h2{
	font-family: Georia, 'Times New Roman', serif;
	font-size:16px;
	font-style: italic;
	margin-bottom: 10px;
	border-top:3px double #eee;
	padding-top:10px
}

.links-page{
	background: url('images/bg_links.gif') top left no-repeat;
}

.links-page .leftcol{
	width:390px;
	float:left;
	padding:20px;
	margin-left:50px;
}

.links-page .rightcol{
	width:390px;
	float:left;
	padding:20px;
}

.links-page ul{
	margin-left:20px;
	margin-bottom:20px;
}

.links-page ul li{
	margin-bottom: 10px
}

.links-page .borderNone{
	border: none;
}

/*----------testimonials page------------*/

.testimonials-page{
	background: url('images/bg_testimonials.gif') top left no-repeat;
}

.testimonials-page .wrapper{
	padding-left: 80px;
	padding-bottom: 40px
}

.testimonials-page .wrapper div{
	background: url('images/quotes.gif') top left no-repeat;
	width:600px;
	margin: 20px 50px;
	padding-left: 60px;
	padding-top:20px
}

p.fancy{
	text-align: right;
	font-style: italic
}

/*---------process page---------*/

.process-page {
	background: url('images/bg_process.gif') top left no-repeat;
}

.process-page .wrapper{
	width: 780px;
	min-height:800px;
	height:auto !important;
	height:880px;
}

.process-page h2{
	font-family: Georia, 'Times New Roman', serif;
	font-size:16px;
	font-style: italic;
	color:#000;
	margin-bottom: 10px;
	border-top:3px double #eee;
	padding-top:10px
}

.process-page h2 span{
	font-style: normal;
	font-size:15px;
	color:#333;
	margin-left: 5px
}

.process-page p.note{
	font-style:italic;
	text-align:center;
	margin-bottom: 10px;
	border-top:3px double #eee;
	padding-top:10px
}