@charset "UTF-8";
@import "nav.css";

/* CSS Document */

/*
css styles for donald short

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






/* basic styles */

body,td,th {
font-family:  Lucida Grande, "Lucida Grande",  Lucida Sans,  "Helvetica 55", "Helvetica Neue", "Helvetica Neue 55 Roman", Helvetica, Arial, Trebuchet, Verdana, Geneva, sans-serif;
}

body {
	margin: 0;
	font-size: 0.8em;
	background: #ccc;
	line-height: 160%;
	display: block;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;}

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

a:hover { }

a:active {
	color: #333; }
	
h1 {
color: #c1022c;
	font-size: 130%;
	font-weight: normal;}
h2 {
color: #666;
	font-size: 100%;}
	
h3 {
color: #666;
	font-size: 100%;}
h4 {
color: #666;
	font-size: 100%;}
img {
	border: 0}

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

 /* terrible browser message */

#iesix{display: none;}

 /* hides the search enginey stuff */

#engines {
display: none;}

 /* centres the layout whatever the resolution */

.centreing {
text-align: center;
background-position: 0px 0px;
margin: 0px auto;
}


.main{
width: 960px;
min-width: 960px; 
margin: 0px auto;
text-align: left;
display: block;
}
 /* logo bar etc */

#topbar {
display: block;
height: 45px;
width: 960px;
background: #fff;
}



#logo {
display: block;
width: 410px;
height: 45px;
background-image: url(logo.png);
background-repeat: no-repeat;
background-position: 10px 0px;
}

#contenthome {
display: block;
width: 960px;
min-height: 565px;
background-image: url(../images/1.jpg);
background-repeat: no-repeat;

}

#content {
display: block;
width: 960px;
min-height: 565px;
background-color: #fff;
background-repeat: repeat-x;
background-image: url(mainbg.jpg);
background-position: 0px 39px;
}



/* footer */
#footer {
font-size: 90%;
background: #ccc;
width:960px;
display: block;
}



#galleries{

width: 915px;
min-height: 450px;
display: block;position: relative; left: 20px;
padding-top: 30px; }

/* 3 column grid */

/* holds all 3, sets up third */
#columns {
border-right: 150px solid transparent;
border-left: 270px solid transparent;
width: 495px;
display: block;
padding-bottom: 15px;
}

#left{
float:left; position:relative; width:270px; margin-left:-270px; display:inline;}

#centre {
width: 470px;
display: block; min-height: 450px;margin-bottom: 15px;}

#right {
float:right; position:relative; width:150px; margin-right:-150px; display:inline;}


/* grid styling and overrides */

#columns {position: relative; left: 20px;
padding-top: 30px;
}

#left {min-height: 450px;
}


#right {font-size: 80%;min-height: 450px;}

#homebox h2 {
margin: 0; padding: 0;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 3px;
width: 640px;
height: 20px;
padding-left: 10px;
background-color: #666;
color: #fff;
font-size: 100%;}

#homebox {
background-image: url(navbg.png);
margin: 0px auto;
width: 650px;
height: 160px;
display: block;
margin-top: 350px;
text-align: left;}   



.about {
margin: 0; padding: 0;
padding-left: 10px;
width: 400px;
float: left;

}

.description {
margin: 0; padding: 0;
color: #666;
padding-right: 10px;
width: 160px;
float: right;
}

#homebox a:link, #homebox a:visited {
color: #fff;
text-decoration: none;
background-color: #666;
padding: 1px;
}

#homebox a:hover {
color: #666;
background-color: #fff;
}



.gallery {
width: 100px;
height: 140px;
margin-left: 1px;
margin-right: 1px;
font-size: 90%;
line-height: 100%;
display: inline-block;
vertical-align: top;
overflow:hidden;
background: #e3e3e3;
padding: 2px;
color: #666;
}

.galleryimage {
width: 100px;
height: 100px;
overflow: hidden;
margin-bottom: 8px;
}


.keywords h3 {color: #ccc;}
.keywords {color: #ccc;}