body {margin:0;
	padding:0;
	text-align:center;
	min-width:930px;
	background:#a6a6a6;
	}

div#container {position:relative;
	width:930px;
	margin:0 auto;
	text-align:left;
	}

div#page {background-color:#565656;
	width:930px;
	min-height:500px;
	float:left;
	}
	
div#header {width:930px;
	height:150px;
	float:left;
	}

div#headertopspace {width:930px;
	height:50px;
	float:left;
	}
	
div#headerleft {width:645px;
	height:22px;
	float:left;
	}
	
div#headertopleftspace {width:645px;
	height:33px;
	float:left;
	}
		
	
div#about-us_nav {width:56px;
	height:22px;
	float:left;
	}

div#about-us_nav a {display:block;
	background:url(../images/Transform2009_nav_01.jpg);
	height:22px;
	text-indent:-9999px;
	}

div#about-us_nav a:hover {background:url(../images/Transform2009_nav_01.jpg) 0 -22px no-repeat;
	}

div#about-us_nav a.visit {background:url(../images/Transform2009_nav_01.jpg) 0 -22px no-repeat;
	}
	
div#what-we-do_nav {width:76px;
	height:22px;
	float:left;
	}

div#what-we-do_nav a {display:block;
	background:url(../images/Transform2009_nav_03.jpg);
	height:22px;
	text-indent:-9999px;
	}

div#what-we-do_nav a:hover {background:url(../images/Transform2009_nav_03.jpg) 0 -22px no-repeat;
	}
	
div#what-we-do_nav a.visit {background:url(../images/Transform2009_nav_03.jpg) 0 -22px no-repeat;
	}


div#our-work_nav {width:59px;
	height:22px;
	float:left;
	}

div#our-work_nav a {display:block;
	background:url(../images/Transform2009_nav_OurWork.jpg);
	height:22px;
	text-indent:-9999px;
	}

div#our-work_nav a:hover {background:url(../images/Transform2009_nav_OurWork.jpg) 0 -22px no-repeat;
	}
	
div#our-work_nav a.visit {background:url(../images/Transform2009_nav_OurWork.jpg) 0 -22px no-repeat;
	}


div#our-shop_nav {width:59px;
	height:22px;
	float:left;
	}

div#our-shop_nav a {display:block;
	background:url(../images/Transform2009_nav_OurShop.jpg);
	height:22px;
	text-indent:-9999px;
	}

div#our-shop_nav a:hover {background:url(../images/Transform2009_nav_OurShop.jpg) 0 -22px no-repeat;
	}
	
div#our-shop_nav a.visit {background:url(../images/Transform2009_nav_OurShop.jpg) 0 -22px no-repeat;
	}
	
	
div#contact-us_nav {width:68px;
	height:22px;
	float:left;
	}

div#contact-us_nav a {display:block;
	background:url(../images/Transform2009_nav_07.jpg);
	height:22px;
	text-indent:-9999px;
	}

div#contact-us_nav a:hover {background:url(../images/Transform2009_nav_07.jpg) 0 -22px no-repeat;
	}

div#contact-us_nav a.visit {background:url(../images/Transform2009_nav_07.jpg) 0 -22px no-repeat;
	}



div#spacer {background-image:url(../images/Transform2009_nav_02.jpg);
	width:14px;
	height:22px;
	float:left;
	}

div#spacer20 {width:20px;
	height:22px;
	float:left;
	}
	
div#headerright {width:250px;
	height:50px;
	float:left;
	}
	
div#headerright a {background-image:url(../images/Transform2009_logo.jpg);
	display:block;
	width:265px;
	height:51px;
	text-indent:-9999px;
	}

div#image {width:930px;
	height:115px;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	float:left;
	}

div#image.oranges {background-image:url(../images/Oranges.jpg);
	}

div#image.lightleaf {background-image:url(../images/Lightthroughleaf.jpg);
	}

div#image.darkleaf {background-image:url(../images/Darkleaf.jpg);
	}

div#image.vents {background-image:url(../images/Vents.jpg)
	}
	
div#image.wall {background-image:url(../images/Wall.jpg)
	}
	
div#image.helga {background-image:url(../images/Helga.jpg)
	}
		
div#strapline {width:930px;
	height:135px;
	margin-bottom:20px;
	float:left;
	}

div#strapline h1{text-indent:-9999px;
	}
	
div#strapline.home {background-image:url(../images/Transform2009_Strapline_juicy.jpg);
	}

div#strapline.aboutus {background-image:url(../images/Transform2009_Strapline_about.jpg);
	}
	
div#strapline.whatwedo {background-image:url(../images/Transform2009_Strapline_what.jpg);
	}
	
div#strapline.portfolio {background-image:url(../images/Transform2009_Strapline_portfolio.jpg);
	}
	
div#strapline.ourshop {background-image:url(../images/Transform2009_Strapline_OurShop.jpg);
	}
	
div#strapline.contactus {background-image:url(../images/Transform2009_Strapline_contact.jpg);
	}


	
div#content {width:930px;
	min-height:50px;
	float:left;
	}

div#content p {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3;
	color:#a6a6a6;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:5x;
	margin-left:20px;
	}

div#content span.orange {color:#ffaf3c;
	}

div#content span.smallorange {color:#ffaf3c;
	font-size:10px;
	}

div#content a {color:#a6a6a6;
	text-decoration:none;
	}

div#content a:hover {color:#ffaf3c;
	}

div#content ul {font-family:Arial, Helvetica, sans-serif;
	color:#a6a6a6;
	list-style:square;
	}

div#content table {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a6a6a6;
	}


div#textbox900 {width:900px;
	height:auto;
	float:left;
	}
	
div#textbox660 {width:660px;
	height:auto;
	float:left;
	}

div#textbox640 {width:640px;
	height:auto;
	float:left;
	}

div#textbox640 {width:640px;
	height:auto;
	float:left;
	}
	
div#textbox600 {width:600px;
	height:auto;
	float:left;
	}

div#textbox550 {width:550px;
	height:auto;
	float:left;
	}

div#textbox500 {width:500px;
	height:auto;
	float:left;
	}


div#textbox450 {width:450px;
	height:auto;
	float:left;
	}
	
div#textbox400 {width:400px;
	height:auto;
	float:left;
	}


div#textbox300 {width:300px;
	height:auto;
	float:left;
	}
		
div#textbox250 {width:250px;
	height:auto;
	float:left;
	}

div#textbox200 {width:200px;
	height:auto;
	float:left;
	}
	
div#textbox100 {width:100px;
	height:auto;
	float:left;
	}	
	
	
div#newsbox {width:270px;
	height:auto;
	float:left;
	}

div#newsbox h1 {font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3;
	color:#a6a6a6;
	margin-top:10px;
	margin-bottom:5x;
	margin-left:42px;	
	}

div#newsbox p {font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3;
	color:#a6a6a6;
	margin-top:10px;
	margin-bottom:5x;
	margin-left:42px;	
	}

div#coffee {width:200px;
	height:auto;
	float:left;
	}
	
div#imagebox {width:370px;
	min-height:300px;
	margin-top:30px;
	float:left;
	}

div#imagebox.450 {width:500px;
	min-height:300px;
	margin-top:30px;
	margin-right:20px;
	float:left;
	}

div#profilebox {width:500px;
	height:auto;
	margin-left:15px;
	float:left;
	}

div#profile {width:500px;
	height:100px;
	margin:0 0 15px 5px;
	float:left;
	}

div#profileimage {width:100px;
	height:100px;
	float:left;
	}

div#profiletext {width:390px;
	height:100px;
	float:left;
	}

div#twtr-profile-widget {margin:20px 0 0 20px;
	}


div#imagebox a {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
div#imagebox img {border:1px solid #a6a6a6;
	margin-top:0px;
	}

div#imagebox img.noborder {border:0px;
	margin-top:0px;
	}

div#divider {width:930px;
	height:20px;
	border-bottom:1px solid #a6a6a6;
	float:left;
	}

div#divider1 {width:930px;
	height:5px;
	border-bottom:1px solid #a6a6a6;
	float:left;
	}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */




.gallerycontainer{
position: relative;
width:500px;
min-height:400px;
margin-left:20px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;  /*position where enlarged image should offset vertically */
left: 440px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




	
div#footer {width:930px;
	height:30px;
	float:left;
	}

div#footer p {font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a6a6a6;
	margin-left:20px;
	}

div#footer a {font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a6a6a6;
	text-decoration:none;
	}

div#footer a:hover {color:#ffaf3c;
	}