/*
css styles for jameshollin
.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
     
 */



 /* lets have some navigation  */
@import "nav.css";

 /* lets have some form styling  */
@import "forms.css";


body,td,th {
font-family: Lucida Grande, "Lucida Grande",  Lucida Sans, Calibri, Trebuchet, Verdana, Geneva, sans-serif;
}
 
body {
margin: 0;
font-size: 0.75em;
line-height: 160%;
}

a:link {
text-decoration: none;
color: #336666;
}
a:visited { 
text-decoration: none;
color: #006699;
}
a:hover { 
text-decoration: underline;
color:#999900;
}
a:active { }

h1 {
font-size: 120%;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #959563;
margin-bottom: 35px;
}
#right h1 {margin-bottom: 0px;}
h2 {

font-size: 100%;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #959563;

}

#right h2 {
margin-top: 10px;}

h3 {
color: #154f5b;
font-size: 100%;
font-weight: bold;
}
h4 {
color: #666;
font-size: 100%;
}

img {
border: 0
}

#iesix {display: none;}
 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-color: #ffffff;
background-repeat: repeat-x;
margin: 0px auto;
min-height: 600px;}

#content{
width: 960px;
min-width: 960px; 
margin: 0px auto;
text-align: left;
display: block;
}

 /* hides the search enginey stuff */

#engines {
display: none;}

.clear {
float:none;
clear:both;}

 /* logo bar etc */


#topwrapper {
display: block;
height: 128px;
width: 960px;
background-color: #d4d7d0;
background-image: url(signature.jpg);
background-repeat:no-repeat;
background-position: 685px 30px;
}

#logoholder {
width:491px;
height: 128px;
padding: 0; margin: 0;
float: left;
display: block;
border: 0;
background-image: url(header.jpg);
background-repeat:no-repeat;
}

#logoholder a:hover {
display: block;
background-image: url(header2.jpg);
background-repeat:no-repeat;
}

#main {
border-top: 1px solid #ededd2;
border-bottom: 1px solid #ededd2;
padding: 0; margin: 0;
background-color: #ededd2;
width: 501px;
min-height: 400px;
border-left: 178px solid #cccc99;
border-right: 281px solid #ededd2;

}

#left {float:left; position:relative; width:177px; margin-left:-177px; display:inline; border-right: 1px solid #fff;}
#right {float:right; position:relative; width:281px; margin-right:-281px; display:inline-block;}
 #right {font-size: 90%; color: #666; width: 250px; display: block; }


#page {width: 450px;
padding-left: 15px;
padding;top: 15px;
position: relative;
padding-bottom: 25px;

}


#pagegallery {width: 750px;
padding-left: 15px;
padding;top: 15px;
position: relative;
padding-bottom: 25px;

}

#footer {
color: #fff;
width: 930px;
height: 38px;
border: none;
text-align: left;
font-size: 95%;
background-color:#666;
padding-left: 30px;
padding-top: 20px;}

#footer a {
color: #fff;}
}

#galleries {
margin: 10px;}


.gallery {
width: 100px;
height: 150px;

margin-right: 3px;
font-size: 90%;
display: inline-block;
background: #ccc;
overflow: hidden;
line-height: 100%;
}

.galleryimage {

width: 100px;
height: 100px;
overflow: hidden;
margin-bottom: 1px;
position: relative;
text-align: center;

}

.gallerytext {

width: 96px;
padding-left: 4px;
display: block;
height: 30px;
}