/* CSS Document */
/* ----------------------------------------
http://www.nickkane.co.uk
jan 2007
---------------------------------------- */

/* Remove border around linked images */
img {
	border: 0;
}

div#wrap
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 900px;
	height: 602px;
	text-align: left;
	border: 1px solid #fff;
}
div#gallerycontent
{
	float: left;
	width: 900px;
	height: 600px;
	background-image:url(images/GALLERY_left.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
div#imagecontent
{
	float:right;
	width: 900px;
	height: 560px;
	margin-top: 15px;
}
.photo
{
	width: 825px;
	text-align:center;
	float:right;

}
.photo img
{
	border: 1px solid #ccc;
	background-color: #999;
	padding: 5px;
}
#main {
width: 450px;
	position: centre centre;
}
div.left {
	border: 1px solid #ccc;
float: left;
width: 130px;
height: 130px;
padding: 0px;
	text-align: center;
	margin: 5px;
}
div#leftcontent
{
	float: left;
	width: 430px;
	height: 600px;
	background-image:url(images/HOME_left.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
div#rightcontent
{
	float: right;
	width: 470px;
	height: 600px;
	top: 0px;
}
div#rightcontent2
{
	float: right;
	width: 470px;
	background-image:url(images/CONTACT_image.jpg);
	height: 600px;
	background-repeat: no-repeat;
}
#leftcontent .gutter
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
}
div#gallerytext
{
	text-align:center;
    display:block;
	COLOR: #fff;
		font-size: 85%;
	}
div#gallerytext p
{
	COLOR: #fff;
		font-size: 85%;
	}

div#navigation
{
text-align: right;
text-decoration: none;
}
div#navigation ul
{
	COLOR: #fff;
	font-size: 110%;
	list-style:none;
	line-height: 1.5em;
}
#navigation a#firstcurrent
{
	color: #000;
}
#navigation li a#current
{
color: #000;
}
div#navigation2
{
margin-top: 50px;
text-align: right;
text-decoration: none;
}
div#navigation2 ul
{
	COLOR: #FF6600;
	font-size: 100%;
	list-style:none;
	line-height: 1.5em;
}
#navigation2 a#firstcurrent
{
	color: #000;
}
#navigation2 li a#current
{
	color: #000;
}



div#navigation3
{
	float: left;
	text-align: right;
	text-decoration: none;
	width: 65px;
	margin-top: 200px;
}
div#navigation3 ul
{
	COLOR: #fff;
	font-size: 100%;
	list-style:none;
	margin-top: 20px;
}
#navigation3 li
{
	padding: 3px;
}
div#navigation3 li#first
{
	line-height: 0px;
	padding-bottom: 40px;
}





div#navigation4
{
	float: left;
	text-align: right;
	text-decoration: none;
	width: 65px;
	margin-top: 200px;
}
div#navigation4 ul
{
	COLOR: #fff;
	font-size: 100%;
	list-style:none;
	margin-top: 20px;
}
#navigation4 li
{
	padding: 3px;
}
div#navigation4 li#first
{
	line-height: 0px;
	padding-bottom: 40px;
}

#navigation4 li a#current
{
	color: #000;
}



div#title
{
	float: left;
	COLOR: #fff;
	font-size: medium;
	background-image:url(images/HOME_title.gif);
}
div#contacttext
{
	padding-top: 140px;
text-align: left;
text-decoration: none;
	COLOR: #fff;
	font-size: 100%;
	line-height: 1em;
}
/* -------------------gallery------------------ */

div.thumbnail
{
width: 140px;
float: left;
margin: 0 10px 10px 0;
background: url(shadow.gif) no-repeat;
}
div.thumbnail img
{
border: 1px solid #777;
margin: 10px 0 0 10px;
}
.clear
{
clear: left;
}

/* -------------------text------------------ */
a {	
MARGIN: 0; 
LINE-HEIGHT: 100%;
text-decoration: none
}
BODY { 
MARGIN-TOP: 3px; 
FONT-SIZE: small; 
MARGIN-BOTTOM: 12px; 
text-align: center;
COLOR: #000000; 
background-color: #999999;
LINE-HEIGHT: 120%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
} 
* html body{
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
margin:0;padding:0;
}
P {
	margin-left: 10px;
}
.bodybold {
	COLOR: #000000;
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-stretch: ultra-expanded;
} 
.bodysmall {
	COLOR: #FFFFFF;
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
} 
#webdesign {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: right;
} 
.bodytop {
	MARGIN-TOP: 3px;
	FONT-SIZE: small;
	MARGIN-BOTTOM: 12px;
	COLOR: #3399CC;
	background-color: #fff;
	LINE-HEIGHT: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}  
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
MARGIN-TOP: 6px; 
FONT-WEIGHT: bold; 
FONT-SIZE: 120%; 
} 
.head1white {
font-family: Verdana, Arial, Helvetica, sans-serif; 
MARGIN-TOP: 6px;
MARGIN-bottom: 6px; 
FONT-WEIGHT: bold; 
FONT-SIZE: 140%; 
COLOR: #fff;
}
h2 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
FONT-SIZE: 130%;
COLOR: #3399CC; 
font-weight: bold; 
 MARGIN: 6px; 
}
h3 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
FONT-SIZE: 100%; 
COLOR: #3399CC; 
font-weight: bold;
 } 
td, th {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333}
a:link
{
color: #fff;
}

a:visited
{
color: #fff;
}

a:hover ,a:active 
{
color: #FF6600; 
}

