/* CSS Document */



body {

	position: relative;	

	text-align:center;

	padding:0px;

	font:normal 0.8em/1.2em Myriad,verdana,aria,sans-serif;

	color: #333333;

	width: 960px;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0;

	border: 1px solid #000;

	}



/*#wrapper1 {

	position:relative;

	text-align:left;

	width:100%;

	background:#EAEBED url("../images/right.gif") repeat-y top right;

	padding: 0;

	margin: 0;

	}*/



#wrapper2 {

	position:relative;

	text-align:left;

	width:100%;

  background: #F5ECE1 url("../images/left.gif") repeat-y top left;

	padding: 0;

	margin: 0;

	}

	

#header {

	background: url("../images/header.gif") no-repeat;

	background-color: #ffffff;

	padding:10px;

	margin:0;

	color:#c4102f;

	height:155px;

	font-family:myriad,verdana,arial,helvetica,sans-serif;

		padding: 0;

				}



#header img {

position: absolute; 

/*width: auto;*/

top: 0px;

left:152px;

}



#header > img {

position: absolute; 

top: 0;

left: 152px;

}

	

#header h1 {

	font-size:300%;

	font-family:myriad,verdana,arial,helvetica,sans-serif;

	font-weight: normal;

	padding-top:20px;

	margin-left:200px;

	margin-right:200px;

	margin-top:5px;

	line-height:1em;

	}

	

#header a:hover {

	color:#7A2875;

	}

	

#maincol {

	position:relative;

	margin:0;

	padding: 0;

/*	padding:10px;*/

margin-bottom:-11px;

background-image: url("../images/contenthome.jpg");

background-position: 153px 0px;

background-repeat: no-repeat;

height: 440px;

	}

	

#maincolc {

position:relative;

margin:0;

padding: 0;

/*	padding:10px;*/

margin-bottom:-11px;

background-image: url("../images/contentcontact.jpg");

background-position: 153px 0px;

background-repeat: no-repeat;

height: 440px;

	}

	

	

#maincolother {

position:relative;

margin:0;

padding: 0;



/*	padding:10px;*/

}

	

#leftcol { 

	position:relative;

	top:-15px;

	left:-10px;

	float:left;

	width:160px;  /* for IE5/WIN */

	voice-family: "\"}\"";

	voice-family:inherit;

	width:160px; /* actual value */

	margin:0 0 -10px 0;

padding:10px;

	z-index:100;

			height: 400px;

			}

	

#rightcol {

	position:relative;

	top:-10px;

	right:-10px;

	float:right;

	width:130px;  /* for IE5/WIN */

	voice-family: "\"}\"";

	voice-family:inherit;

	width:150px; /* actual value */

	margin:0 0 -10px 0;

/*	padding:10px;*/

	background-color:#CCCCCC;

	z-index:99;

	}

	

#centercol2 {
	position:absolute;
	/*padding:0 5% 0 200px;*/

padding: 0;
	margin:0;
	/*border: 1px solid #fff;*/

left: 315px;
	top: 65px;
	width: 240px;

		}
#centercol {
	position:absolute;
	/*padding:0 5% 0 200px;*/

padding: 0;
	margin:0;
	/*border: 1px solid #fff;*/

left: 681px;
	top: 67px;
	width: 240px;

		}

		

		

#centercolother {

/*position: relative;

padding: 10px;

height: 100%;

left: -28px;*/

/*border: 1px solid #fff;*/

/*top: -400px;

left: 200px;

/*

position:relative;

display: block;

width: 225px;

left: 153px;*/

padding:0 5% 0 200px;

/*

margin:0;*/

background-color: #E9DDCF;

/*border: 1px solid #fff;

padding: 15px;*/

}

		

		

#centercol2 p {

font-size: 0.9em;

}

#centercol p {

font-size: 0.9em;

}

		



#footer {

	position:relative;

	/*top: 21px;*/

  background:#000 url("../images/footer.gif") repeat-x top left;

	width:100%;

	clear:both;

	margin:0;

	padding: 0;

	/*padding:1% 0;*/

	text-align:center;

	color:#fff;

		}

	

	#footer p {

	display:block;

	margin-right: auto;

	margin-left: auto;

	font-size: 0.8em;

padding:5px;

	margin-bottom: 0;

	}



#footer a {

color:#fff;

text-decoration: none;



}



#footer a:hover {

font-weight:bold;

}





#navcontainer { position: absolute;

top: 5px;

left:0px;

padding:0px;

width:200px;

background:url("../images/menu_background1.gif") no-repeat top left;

}



#navcontainer ul

{

margin-top: 10px;

list-style-type: none;

font-family: myriad,verdana,arial,helvetica,sans-serif;

}



#navcontainer li { margin: 0 0 0 0; }



#navcontainer a

{

/*margin-top: 15px;

margin-bottom: 15px;*/

margin-left: -20px;

display: block;

/*padding-top: 5px;*/

width: 120px;

/*height: 30px;*/

text-decoration: none;

color: #fff;

/*border-bottom: 1px solid #fff;*/

font-weight: bold;

padding-top: 10px;

padding-bottom:15px;

text-indent: -9999px;

}



#navcontainer a.home {

background-image:url(../images/home.gif);

background-position: 8px 8px;

background-repeat: no-repeat;

}



#navcontainer a.about {

background-image:url(../images/about.gif);

background-position: 10px 8px;

background-repeat: no-repeat;

}



#navcontainer a.portfolio {

background-image:url(../images/portfolio.gif);

background-position: 8px 7px;

background-repeat: no-repeat;

}



#navcontainer a.worktops {

background-image:url(../images/worktops.gif);

background-position: 13px 9px;

background-repeat: no-repeat;

}



#navcontainer a.samples {

background-image:url(../images/samples.gif);

background-position: 14px 4px;

background-repeat: no-repeat;

}



#navcontainer a.features {

background-image:url(../images/features.gif);

background-position: 14px 4px;

background-repeat: no-repeat;

}



#navcontainer a.contact {

background-image:url(../images/contact.gif);

background-position: 14px 6px;

background-repeat: no-repeat;

}







#navcontainer a:hover

{

color:#F5CA62;

text-decoration: none;

}



#navcontainer a.current {

color: #F5CA62;

}



#navcontainer ul li ul {



padding: 0;

margin: 0;

margin-top: 0px;

margin-left: 40px;

font-size: 0.85em;

font-family: Georgia;

}



#navcontainer ul li ul li a {

height: 15px;

padding-top: 5px;

padding-bottom: 5px;

text-indent: 0px;

}



h1 {

color: #000;

font-size: 1.4em;

letter-spacing:0.1em;

font-family: georgia;

}



h2 {

color: #93008C;

font-size: 1em;

}







#websyche {

color: #333333;

font-size: 0.7em;

position: absolute;

bottom:-25px;

right: 5px;

line-height: 1.2em;

}



#websyche a {

text-decoration: none;

color: #333333;

} 



#websyche a:hover {

color: #93008C;

}



#content {

/*position: relative;

right: 20px;*/

float: right;

display: block;

width: 260px;

padding: 10px;

margin-top: 35px;

/*margin-bottom: 50px;*/

/*margin: 0;*/

/*margin-top: 60px;*/

/*width: 220px;*/

border: 1px solid #D0B293;

background-color: #E9DDCF;

/*padding-bottom:5px;*/

}



#images {

position: relative;

float: left;

width: 380px;

padding: 10px;

margin-top: 35px;

border: 1px solid #D0B293;

/*background-color: #E9DDCF;*/

background: #F5ECE1 url("../images/marble.gif");

min-height: 420px;

_height:420px;

_width: 390px;

}



#images img {

border: 1px solid #D0B293;

margin: 10px;

}



#images p {

font-size: 0.8em;

margin-bottom: 2px;

}



.quote {

font-family: georgia;

font-size: 1.1em;

font-style: italic;

}



/*.click {

margin-top: 0px;

margin-bottom:3px;

}*/



#topmenu {

position: absolute;

top: 3px;

right: 228px;

}



#centercolother>#topmenu {

position: absolute;

top: 3px;

right: 38px;

}



#topmenu1 {

position: absolute;

top: 3px;

right: 228px;

display: block;

}



#centercolother>#topmenu1 {

position: absolute;

top: 3px;

right: 38px;

}





#topmenu a {

float: left;

text-align: center;

width: 85px;

display:block;

height: 22px;

padding-top:5px;

text-decoration: none;

font-family: Georgia;

border: 1px solid #D0B293;

/*background-color: #E9DDCF;*/

background: #F5ECE1 url("../images/marble.gif");

color: #000;

font-size: 1.1em;

margin-right: 10px;

}



#topmenu1 a {

float: left;

text-align: center;

width: 83px;

display:block;

height: 22px;

padding-top:5px;

text-decoration: none;

font-family: Georgia;

border: 1px solid #D0B293;

/*background-color: #E9DDCF;*/

background: #F5ECE1 url("../images/marble.gif");

color: #000;

font-size: 0.85em;

margin-right: 10px;

}







#topmenu a:hover, #topmenu1 a:hover{

  background:#000 url("../images/footer.gif") repeat-x top left;

	color: #fff;

}



.edges {

width: 180px;

float: left;

font-size: 0.9em;

font-weight: bold;

height: 130px;

}



.edges p {

margin-top: -10px;

margin-left: 15px;

}



#images .edges img {

border: none;

}



#centercol .click {

font-size: 0.8em;

margin-bottom: 4px;

text-align: center;

line-height: 0.9em;

font-style: italic;

}





#centercol img {

display: block;

margin-left: auto;

margin-right: auto;

border: 1px solid #D0B293;

font-weight: bold;

}



#centercol2 .click {

font-size: 0.8em;

margin-bottom: 4px;

text-align: center;

line-height: 0.9em;

font-style: italic;

}





#centercol2 img {

display: block;

margin-left: auto;

margin-right: auto;

border: 1px solid #D0B293;

font-weight: bold;

}

#wrapper2 #maincol #centercol #videocontainer {
	position: absolute;
	left: -506px;
	top: 12px;
	width: 484px;
	height: 325px;
	background-color: #000000;
	color: #FFF;
	text-align: center;
}
#wrapper2 #maincol #centercol #videocontainer a {
	color: #FFF;
}


#wrapper2 #maincol #centercol2 #videocontainer {
	position: absolute;
	left: -504px;
	top: 34px;
	width: 484px;
	height: 325px;
	background-color: #000000;
	color: #FFF;
	text-align: center;
}
#wrapper2 #maincol #centercol2 #videocontainer a {
	color: #FFF;
}