html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

body {
	
	color:#555;
	background-color: #fff;
	font-size:100%;
    line-height:1.125em;
    font-family: optima, helvetica, "gill sans", arial;
   	}

#content {
	background-color: #fff;
	width:900px;
	margin:20px auto 50px;
	padding:0 0 0 30px;
	min-height: 750px;
	font-size:0.8em;
	clear:both;
	
	}
	
#wrapper {
	width:650px;
	margin:0 auto;
	margin-left:160px;
	
}

#wrapper a {
	color:#d9005b;
	text-decoration: none;	
}

#wrapper a:hover {
	color:#d9005b;
	text-decoration:underline;	
}


a img {
	border:none;
	outline:none;
}

h1 {
	margin:0 auto ;
	width:504px;
}

#navcontain {
		display:block;
		float:left;
		margin-left:-70px;
		width:160px;
		font-weight:bold;
				
}

.nav li { 
	width:160px;
	list-style: none;
	line-height:43px;
	padding-bottom:30px;
	}
	
.nav li a {
	display:block;
	text-indent:40px;
	margin: 0;
	text-align: left;
	text-shadow: 2px 2px 2px #ccc;
	text-decoration: none;
	font-size: 1.5em;
	line-height:43px;
	color:#666;
	text-decoration:none;
	
	 }
 
.nav li.active a, .nav li :hover {
 	color:#d9005b;
 	outline:none;
 }


#home  {
	background: url('../images/home.png') -129px 0;
	width:129px;
}
#about {
	background: url('../images/about.png') -129px 0;
	width:129px;
}
#case {
	background: url('../images/mag.png')  -160px 0;
	width:129px;
}
#contact {
	background: url('../images/env.png') -129px 0;
	width:129px;
}

#home:hover, .nav .active #home  {
	background: url('../images/home.png') ;
	color:#d9005b;
	
}
#about:hover, .nav .active #about {
	background: url('../images/about.png')  ;
	color:#d9005b;
}
#case:hover, .nav .active #case{
	background: url('../images/mag.png') -2px 0 ;
	color:#d9005b;
}
#contact:hover, .nav .active #contact {
	background: url('../images/env.png')  ;
	color:#d9005b;
}

#wrapper h3 {
	color:#d9005b;
	font-size:1.5em;
	font-weight:bold;
	margin:10px 0  0 0 ;
	padding:5px;
	border-bottom: 1px #333 dotted;
}

#wrapper p {
	line-height: 1.8em;
	font-size:1.2em;
	margin:0 ;
	padding-top:4px;
	clear:right;
}

.fishcase, #fish, #alcad, #lily, #tdp {
	width:140px;
	border:1px solid #999;
	margin-right:10px;
	margin-bottom: 20px;
	float:left;
	clear:none;

}


#fish .fish:hover, #alcad .alcad:hover, #lily .lily:hover, #tdp .tdp:hover{
	outline:none;
	border:4px solid #d9005b;
	
}
.fishcase p, #fish p, #alcad p, #lily p, #tdp p {
	padding:5px;
	margin:0;
	border:4px solid #eee;
	font-size: 1.1em;
}
 #fish p, #alcad p, #lily p, #tdp p {
	height:165px;
}

.casetext {
	width:650px;
	margin:0 ;
	margin-bottom: 10px;
	clear:none;
}

.casetext h3 {
	font-weight: normal;
	font-size: 1.2em;
	margin-left:10px;
	border-bottom: 1px #333 dotted;
}

p.rhs {
	
	text-indent:500px;
	font-style:italic;
	font-weight:bold;
}

#btm {
	
	width:610px;
	margin:0 auto;
	clear:both;
	margin-bottom:50px;
	
}
p .skype  {
	line-height:44px;	
}

#show {
    height: 330px;
    width: 591px;
    margin:0 auto 50px;	
}

#showcase2 {
	padding:0;
	margin:0;
}

#showcase2 p{

	padding:0;
	margin:0;
}



#showcase2 img {
	border: 4px #eee solid;
	padding:0;
	margin:0;
	outline:none;
	}
	
#showcase2 img:hover {
	cursor:help;
}

#info ul {
	padding-top:20px;
	padding-left:20px;
	font-size:1.3em;
	line-height:2em;
}

dt {
	font-size:1.5em;
	margin-bottom:5px;
	color:#d9005b;
}

dd {
	font-size:1.2em;
	line-height:2em;
}

/*jquery about*/

#guezala {
	float:left;
	clear:none;
	height:200px;
	width:102px;
	margin:5px;
	}
	
#rosie {
	float:left;
	clear:none;
	height:154px;
	width:102px;
	margin:5px;
	}
		
#faq {
	width:550px;
	margin:0 auto 0 25px;
}

#faq h4 {
	color:#d9005b;
	font-size:1.6em;
	font-weight:bold;
	margin:0;
	margin-top:20px;
	border-bottom: 1px #333 dotted;
	width:150px;
	
	

		}
#faq h5 {
	color:#555;
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0;
	padding-left:20px;
	
	}


#faq h5:hover{
	color:#d9005b;
	cursor:pointer;
	text-decoration:underline;
}

#faq p{
font-weight: normal;
font-size:1em;
padding-top: 10px;
color:#555;		
}

#faq div p {
	}

#faq2 span {
	font-weight:bold;
	font-size:1.2em;
}

#faq2 span:hover{
	cursor:pointer;
	text-decoration:underline;
}

/*pjn snippet*/
#pjn span {
	padding:5px;
}

#footer {

	text-align:center; 
	margin:0 auto;
	font-size:0.7em;
	line-height:32px;
	width:650px;
	clear:both;
}
#footer img {
	vertical-align: middle;
	padding:0 10px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click-gallery-previous-next.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {
	width:640px;
	height:200px;
	margin:0 auto;
	margin-bottom: 50px;
	margin-top:0;
	position:relative;
	clear:right;
	
}

#gallery h3{
	border:none;
}

#gallery a.previous {display:block; height:23px; width:40px; background:url(../images/prev2.jpg); position:absolute; left:100px; top:80px;}

#gallery a.next {display:block; height:23px; width:40px; background:url(../images/next2.jpg); position:absolute; right:100px; top:80px;}

#gallery a.previous:hover {
	 background:url(../images/previous.jpg);
}
#gallery a.next:hover {
	 background:url(../images/next.jpg);
}
#gallery a b {display:none;}
#gallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:300px;
	width:640px;
	overflow:hidden;
	text-align:center;
}
#gallery #fullsize div {width:640px; height:300px; padding-top:10px; padding-bottom:10px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:0;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}
 
/*email form*/
#ContactForm {
	
	margin-left:50px;
}

#ContactForm fieldset{
	border:none;
	text-align:left;
	width:500px;
	
}
#ContactForm h3 {
	border-bottom: none;
}
#ContactForm label {
	padding-bottom:10px;
	}
#ContactForm p {
	padding-bottom:10px;
}