/* ----------------------------------
Author: Bernard Johnson 
URL: http://www.webdesignbymagic.co.uk
-------------------------------------*/
BODY
{
margin: 0px;
padding: 0px;
background: #ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #000000;
background-repeat: repeat-x;
background-position: left top;
	

}

TABLE, TD 
{
font-family:  Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #000000;

}

H3
{
font-size: 11pt;
font-weight: bold;
color: #4D9A54;
padding: 0px;
margin: 0px;
}

.main
{
color: #333333;
font-size: 8pt;
letter-spacing: 0pt;
font-weight: normal;
border-bottom:1px solid #777700;
}

.email:link, .email:visited
{
color: #eeeeee;
text-decoration:none;
font-size: 9pt;
font-weight: bold;
}
  
.email:active,.email:hover
{ 
color: #ffffff;
text-decoration:none;
font-size: 9pt;
font-weight: bold;
}

.just
{
text-align: justify;
}

.mini
{
font-family: , Arial;
color: #e7ce7f;
font-size: 7pt;
}

.box
{
border:1px solid #333333;
}

.menutab
{
border-left:1px solid #555500;
border-right:1px solid #555500;
background-image: url(images/sidebar.jpg);
background-repeat:no-repeat;
}

.box3
{
border:1px solid #777777;
}

.imgs
{
border:1px solid #999999;
}

.links:link, .links:visited
{ 
color: #cccccc; 
text-decoration: none;
font-size: 7pt;
}

.links:active, .links:hover
{
color: #000000; 
text-decoration: none;
font-size: 7pt;
} 

.railheads
{
spacing: 1px;
padding: 8px; 
}

td.railheads
{
background: #FFFFFF;
}

.dotted
{
border-top:1px dashed #aaaaaa;
}

input
{
border:1px solid #333333;
font-size: 8pt;}

.desc
{font-family: , Arial;
color: #fefefe; font-size: 5pt;
letter-spacing: 0pt;}

.gtext
{font-family: , Arial;
color: #cccccc;
font-size: 9pt;
letter-spacing: 0pt;
}

.hr
{
border-top:1px solid #fdda9c;
margin-top: 6px;
margin-bottom: 10px;
padding: 0px;
}

.hr2
{
border-top:1px solid #fdda9c;
margin-top: 6px;
margin-bottom: 8px;
padding: 0px;
width: 97%;
}

.topnav:Link, .topnav:Visited
{
display: block;
font-family: Arial,Helvetica,Sans-serif;
font-size: 9pt;
font-Variant: normal; 
font-Weight: bold;
font-style: normal;
color: #dddddd;
text-decoration: none;
text-indent: 6pt;
text-align: left;
width: 100px;
height: auto;
background-color: #FF3030;
background-image: url('images/boyheadsmall.gif'); 
background-repeat:no-repeat;
padding: 7px; 
border-top: 0px solid #efcd3d;
border-bottom: 1px solid #774400;
border-left: 0px solid #efcd3d;
border-right: 1px solid #774400;
}

.topnav:Hover, .topnav:Active 
{
display: block;
font-family: Arial,Helvetica,Sans-serif;
font-size: 9pt;
font-Variant: normal;
font-Weight: bold;
font-style: normal;
color: #ffffff;
text-decoration: none;
text-indent: 6pt;
text-align: left;
width: 100px;
height: auto;
background-color: #B37800;
background-image: url('images/girlheadsmall.gif'); 
background-repeat:no-repeat;
padding: 7px;
border-top: 0px solid #efcd3d;
border-bottom: 1px solid #774400;
border-left: 0px solid #efcd3d;
border-right: 1px solid #774400;
}

ul.navert {
text-indent: 0px;
list-style-position: outside;
list-style-type: none;
padding: 0px;
margin: 0px;
}

.sidenav:link, .sidenav:visited
{
display: block;
font-family:  Arial,Helvetica,Sans-serif;
font-size: 11pt;
font-Variant: normal; 
font-Weight: bold;
font-style: normal;
color: #9cc44b;
text-decoration: none;
text-indent: 28pt;
text-align: left;
width: 170px;
height: auto;
background-color: #ffffcc;
background-image: url('images/boyheadsmall.gif');
background-repeat:no-repeat;
padding-right: 0px;
border-bottom: 1px solid #ffffcc;; padding-left:6px; padding-top:6px; padding-bottom:6px
}

.sidenav:hover, .sidenav:active
{
display: block;
font-family:  Arial,Helvetica,Sans-serif;
font-size: 11pt;
font-Variant: normal;
font-Weight: bold;
font-style: normal;
color: #4D9A54;
text-decoration: none;
text-indent: 28pt;
text-align: left;
width: 170px;
height: auto;
background-color: #ffffcc;
background-image: url('images/girlheadsmall.gif');
background-repeat:no-repeat;
padding-right: 0px;
border-bottom: 1px solid #ffffcc;; padding-left:6px; padding-top:6px; padding-bottom:6px
}

.top:link, .top:visited
{
color: #eeeeee;
text-decoration:none;
font-size: 9pt;
font-weight: bold;
}
  
.top:active,.top:hover
{ 
color: #ffffff;
text-decoration:none;
font-size: 9pt;
font-weight: bold;
}

#gallery {
margin-top: 0px;
padding: 0;
height: 550px;
width: 550px;
background: #ffffff;
background-position: top right;
background-repeat: no-repeat;}

#gallerycontent {
margin: 0px;
width: 550px;
padding: 0px;
background: transparent;
background-repeat: repeat-x;
height: 550px;
text-align:center;
overflow: hidden;
color: white;
line-height: 1.8em;
letter-spacing: 0.1em;
}


#gallerylist {
list-style-type:none;
width: 550px;
}

#gallerylist li {
float: left;

margin-right: 40px;
margin-bottom: 40px;
padding-bottom: 3px;
margin-top: 5px;}

#gallerylist img {
display: block;
border:none;
}

#galleryportrait {
margin-top: 0px;
padding: 0;
height: 500px;
width: 550px;
background: #ffffff;
background-position: top right;
background-repeat: no-repeat;}

#gallerycontentportrait {
margin: 0px;
width: 500px;
padding: 0px;
background: transparent;
background-repeat: repeat-x;
height: 550px;
text-align:center;
overflow: hidden;
color: white;
line-height: 1.8em;
letter-spacing: 0.1em;
}


#gallerylistportrait {
list-style-type:none;
width: 500px;
}

#gallerylistportrait li {
float: left;

margin-right: 40px;
margin-bottom: 40px;
padding-bottom: 3px;
margin-top: 5px;}

#gallerylistportrait img {
display: block;
border:none;
}