html {
overflow-y:scroll;   
}

* {
margin: 0;
padding: 0
}

body {
background: #EAF89F;
color: #0786AB;
font-family: Trebuchet MS Arial, sans-serif;
font-size: 100%;
}

#wrapper, 
#wrapperservices,
#wrapperportfolio,
#wrapperabout,
#wrapperplay {
width: 100%
}

#header{
padding: 2% 2%;
border: none;
}

#navhome{
float: none;
width: 100%;
padding: 0 2%;
color: #DEF372;
}
	
#nav{
width: 100%;
float: none;
padding: 0 2%;
}

#navtwo {
float: none;
width: 100%;
text-align: left;
padding: 0 2%;
}

#content,
#contentwide,
#contentsearch {
float: none;		
width: 100%;
padding: 0 2%;
}

#currentw {
float: none;		
width: 100%;
background: #EAF89F;
padding: 4% 2% 0 2%;
}
		
#footer{
padding: 0;
padding: 0 2%;
width: 100%;
}

div.portfolio {
margin-bottom: 0px
}




/* START - Page styles */		
h1, h2, h3, h4, h5 {
font-family: Verdana, Arial, sans-serif;
font-weight:bold;
color: #00B0E3
/*color: #0197C3;*/
}
	
h1 {
font-size : 160%;
color: #00B0E3;
margin: 4% 0 4% 0;
padding: 0;
line-height: 14px;
}
	
h2 {
font-size: 140%;
margin: 2% 0 2% 0;

}

h3 {
font-size : 120%;
margin: 2% 0 1% 0;
}	

h4 {
font-size : 120%;
margin: 1% 0 1% 0;
}	

#currentw p {
font-size: 100%;
line-height: 15px;
margin-top: 1%
}

#filmlist h3 {
margin-top: 1%
}
	
p {
margin: 0 0 15px 0;
}

.textl {
font-size: 120%
}

.textred {
color: #ff0000;
font-weight: bold
}

ul {
margin: 0 0 15px 15px;
padding: 0 0 0 15px
}

.clear{
clear:both;
line-height:0;
}

#footer p {
font-size: 100%;
color: #00B0E3;
margin-bottom: 0
}




/* START - Image styles */
img {
border: none
}

.imgleft {
float: none;
margin: 0;
}

div.captionimg{
width: 300px;
margin:5px 0 0 0;
padding:0;
font-size: 90% 
}

p.gallery{
margin: 40px 0 0 0;
}

.textleft {
margin-left: 0
}



/* START - Nav */
/* Nav General */
a {
color: #0786AB;
text-decoration : underline;
font-weight : bold; 
}

a:hover {
}

/* Nav Level 1 */
#nav a.nd {display:block}

#nav ul {
margin: 0;
padding: 0;
list-style: none
}

#nav li{
margin: 0;
padding: 0;
float: none;
}

#nav a {	
font-size: 100%;
color: #0786AB;
display: block;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
font-weight: bold;
padding: 1% 0 1% 0
}

#nav a:hover {	
text-decoration: underline;
}

#nav a.navright {	
padding-right: 68px
}

/* Navhome */
#navhome a {	
font-size: 100%;
color: #0786AB;
font-weight: normal;
text-decoration: none;
}
	
#navhome a:hover {	
text-decoration: underline;
}

/* Nav Level 2 */
#navtwo ul {
margin: 0;
padding: 0;
list-style: none
}

#navtwo li{
margin: 0;
padding: 0;
}

#navtwo a {	
font-size: 90%;
color: #0786AB;
text-decoration: none;
font-weight: normal;
}
	
#navtwo a:hover {	
text-decoration: underline;
}

/* Nav currentw */
#currentw h4 a {	
font-size: 80%;
color: #0786AB;
font-weight: bold;
text-decoration: none;
}
	
#currentw h4 a:hover  {	
text-decoration: underline;
}

/* Nav Footer */
#footer a {	
font-size: 100%;
font-weight: normal;
text-decoration: underline;
color: #00B0E3
}
	
#footer a:hover {	
}




/* START - Form Styles */
#searchform label {
font-weight:bold;
color: #EEECEC;
}

input#q{
width: 120px;
height: 20px;
border: 1px solid #00B0E3;
background-color: #EAF89F;
margin-top: 5px;
padding: 4px 0 0 5px;
color: #00B0E3;
font-family: Trebuchet MS, Arial, sans-serif;
}

input#sa{
width: 30px;
height: 25px;
color: #0197C3;
font-size: 100%;
font-weight: bold;
font-family: Trebuchet MS, Arial, sans-serif;
}