/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                 	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        		*
*  Modified  :  1st-Nov-2007                                                    *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/*
--------------------------------------------------------------------------------
LAYOUT STYLE SHEET - PUTS THE SITE TOGETHER
--------------------------------------------------------------------------------
*/

/* MAINLAYOUT
=============================================================================== */
body {background-color: #7d6446;}
#pageback {width: 100%;position: relative;background: url(../images/bottomback.gif) repeat-x bottom #e6e0d2;}
#wrapper {width: 657px;margin: 0 auto;}

/* HEADER
=============================================================================== */
#header {width: 657px; height: 193px;background: url(../images/back.gif) repeat-y;}
#head-top {width: 657px;height: 30px;background: url(../images/home_02.gif) no-repeat;}
#head1 {width: 657px;height: 125px;position: relative;}
#head-logo {float: left;width: 166px;height: 125px;margin-left: 20px;background: url(../images/home_04.gif) no-repeat;}
#head-images {float: right;width: 306px;margin-right: 20px;}
#head-phone {width: 306px;height: 32px;background: url(../images/home_06.gif) no-repeat;}
#head-image1 {float: left;width: 94px;height: 82px;background: url(../images/home_11.jpg) no-repeat;}
#header-imagesright {float:right;width: 200px;}
#head-image2 {float: left;width: 94px;height: 82px;padding-right: 10px;background: url(../images/home_13.jpg) no-repeat;}
#head-image3 {float: right;width: 94px;height: 82px;background: url(../images/home_15.jpg) no-repeat;}
#head-nav {margin-left: 17px;}

/* MAIN
=============================================================================== */
#main {width: 657px;background: url(../images/back.gif) repeat-y;}
#main p {font-size: 0.9em;}

/* backgroung colour gradient change image at bottom of content */ 
#main-bottom {width: 657px;height: 100%;background: url(../images/main-bottom2.gif) no-repeat bottom;padding: 0 0 10px 0;}

/* main left/right columns */
#splitpage {position: relative;margin: 0 19px 0 17px;}
.splitpage-left{float: left;width: 420px;}
.splitpage-left-content {padding: 10px 0 0 10px;}
.splitpage-right{float: right;width: 175px;}

/* right-hand boxes */
.right-pic{width: 146px;height: 52px;padding: 1px;margin-bottom: 5px;background: white;}

.right-dark {width: 170px;padding: 0px;margin: 0 0 10px 0;}
.right-dark-top {width: 170px;height: 30px;background: url(../images/rightdark-top.gif) no-repeat;padding: 0px;margin: 0px;}
.right-dark-title {color: white;padding: 5px 0 0 10px;}
.right-dark-mid {width: 170px;background: url(../images/rightdark-back.gif) repeat-y;padding: 0px;margin: 0px;}
.right-dark-content {
	color: white;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.right-dark-content p {padding: 0px;margin: 0px;}
.right-dark-bottom {width: 170px;height: 30px;background: url(../images/rightdark-bottom.gif) no-repeat;padding: 0px;margin: 0px;}
.right-dark-bottomserv {width: 170px;height: 30px;background: url(../images/rightdark-bottom.gif) no-repeat;padding: 0px;margin: -30px 0px 0px 0px;}
.right-dark-textlink {width: 100px;position: relative;left: 80px;top: 5px;background: url(../images/swirl-white.png) no-repeat;padding: 0px;margin: 0px;}
.right-dark-textlink p {padding: 0 0 0 25px;margin: 0px;color: white;}

.right-light {width: 170px;padding: 0px;margin: 0 0 10px 0;}
.right-light-top {width: 170px;height: 30px;background: url(../images/rightlight-top.gif) no-repeat;padding: 0px;margin: 0px;}
.right-light-title {color: #ab4c4c;padding: 5px 0 0 10px;}
.right-light-mid {width: 170px;background: url(../images/rightlight-back.gif) repeat-y;padding: 0px;margin: 0px;}
.right-light-content {padding: 5px 5px 1px 10px;}
.right-light-content p {padding: 0px;margin: 0px;}
.right-light-bottom {width: 170px;height: 30px;background: url(../images/rightlight-bottom.gif) no-repeat;padding: 0px;margin: 0px;}
.right-light-textlink {width: 100px;position: relative;left: 80px;top: 5px;background: url(../images/swirl-red.png) no-repeat;padding: 0px;margin: 0px;}
.right-light-textlink p {padding: 0 0 0 25px;margin: 0px;}

.right-red {width: 170px;padding: 0px;margin: 0 0 10px 0;}
.right-red-top {width: 170px;height: 30px;background: url(../images/rightred-top.gif) no-repeat;padding: 0px;margin: 0px;}
.right-red-title {color: white;padding: 5px 0 0 10px;}
.right-red-mid {width: 170px;background: url(../images/rightred-back.gif) repeat-y;padding: 0px;margin: 0px;}
.right-red-content {color: white;padding: 5px 5px 1px 10px;}
.right-red-content p {padding: 0px;margin: 0px;}
.right-red-bottom {width: 170px;height: 30px;background: url(../images/rightred-bottom.gif) no-repeat;padding: 0px;margin: 0px;}
.right-red-textlink {width: 100px;position: relative;left: 80px;top: 5px;background: url(../images/swirl-white.png) no-repeat;padding: 0px;margin: 0px;}
.right-red-textlink p {color: white;padding: 0 0 0 25px;margin: 0px;}

.services-pic{
	width: 146px;
	height: 52px;
	padding: 1px;
	margin-bottom: 5px;
	background-image: url(../images/services.jpg);
	background-repeat: no-repeat;
}

.shop-pic{
	width: 146px;
	height: 52px;
	padding: 1px;
	margin-bottom: 5px;
	background-image: url(../images/shop-pic.jpg);
	background-repeat: no-repeat;
}

.aboutus-pic{
	width: 146px;
	height: 52px;
	padding: 1px;
	margin-bottom: 5px;
	background-image: url(../images/aboutus-pic.jpg);
	background-repeat: no-repeat;
}
.shop-pic2{
	width: 146px;
	height: 52px;
	padding: 1px;
	margin-bottom: 5px;
	background-image: url(../images/shop.jpg);
	background-repeat: no-repeat;
}

.smallteam-pic{
	width: 146px;
	height: 52px;
	padding: 1px;
	margin-bottom: 5px;
	background-image: url(../images/team.jpg);
	background-repeat: no-repeat;
}
.homeserv-pic {
	width: 132px;
	height: 52px;
	padding: 1px;
	margin-bottom: 10px;
	background-image: url(../images/homeserv.jpg);
	background-repeat: no-repeat;
}
.news-pic {
	width: 132px;
	height: 52px;
	padding: 1px;
	margin-bottom: 10px;
	background-image: url(../images/news.jpg);
	background-repeat: no-repeat;
}


/* left colum text link - red version */
.textlink {width: 300px;background: url(../images/swirl-red.png) no-repeat;padding: 0px;margin: 0px;}
.textlink p {padding: 0 0 0 25px;margin: 0px;}

/* right column text link - red version */
.short-textlink {width: 100px;position: relative;left: 237px;background: url(../images/swirl-red.png) no-repeat;padding: 0px;margin: 0px;}
.short-textlink p {padding: 0 0 0 25px;margin: 0px;}

/* right column line break */
.line-break-short {width: 312px;height: 1px;background-color: #827e78;margin-bottom: 10px;}



/* HOMEPAGE
=============================================================================== */
/* main left/right columns */
#split {width: 620px;position: relative;margin-left: 17px;}
#split .split-left {float: left;width: 300px;}
#split .split-right {float: right;width: 314px;}

/* LEFT COLUMN */
#home-left1 {
	width: 300px;
	height: 329px;
	background: url(../images/home-flashpanel.gif) no-repeat;
	text-align: center;
	vertical-align: bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#flashtop {
	width: 300px;
	height: 329px;
	background: url(../images/home-flashpanel.gif) no-repeat;
	position: absolute;
	top: 0px;
	right: 320px;
	}
/* shop box */
#home-left2 {width: 300px;height: 120px;padding: 0px;margin: 0px;background: url(../images/home-shoppanel.gif) no-repeat;}
#home-left2-content {position: relative;color: white;}
#home-left2-left {float: left;width: 175px;padding: 10px 0 0 10px;}
#home-left2-right {float: right;width: 100px;padding: 10px 5px 0 0;}
/* shop box content */
#leftbox2-pic {width: 90px;padding: 1px;background: white;margin-bottom: 5px;}
#leftbox-textlink {width: 100px;position: relative;;background: url(../images/swirl-white.png) no-repeat;padding: 0px;margin: 0 0 0 19px;}
#leftbox-textlink p {padding: 0 0 0 25px;margin: 0px;color: white;}

/* RIGHT COLUMN */
#home-welcome {padding-top: 10px;}
/* Services & News boxes */
#home-right-split {position: relative;}

/* Services box */
#home-right1 {float: left;width: 152px;}
#home-right1-top {width: 152px;height: 31px;background: url(../images/home-smallpanel1-top.gif) no-repeat;}
#home-right1-middle {width: 152px;height: 139px;background: url(../images/home-smallpanel1-back.gif) repeat-y;}
#home-right1-bottom {width: 152px;height: 30px;background: url(../images/home-smallpanel1-bottom.gif) no-repeat;}
/* Services box content */
.smallbox-title {width: 100px;color: #ab4c4c;padding: 5px 0 0 10px;}
.smallbox-content {padding: 0 0 0 9px;width: 134px;}
.smallbox-pic {width: 132px;height: 52px;padding: 1px;margin-bottom: 10px;background: white;}
.smallbox-textlink {width: 100px;position: relative;left: 70px;background: url(../images/swirl-red.png) no-repeat;padding: 0px;margin: 0px;}
.smallbox-textlink p {padding: 0 0 0 25px;margin: 0px;}

/* News box */
#home-right2 {float: right;width: 154px;}
#home-right2-top {width: 154px;height: 31px;background: url(../images/home-smallpanel2-top.gif) no-repeat;}
#home-right2-middle {width: 154px;height: 139px;background: url(../images/home-smallpanel2-back.gif) repeat-y;}
#home-right2-bottom {width: 154px;height: 30px;background: url(../images/home-smallpanel2-bottom.gif) no-repeat;}
/* News box content */
.smallbox-title2 {width: 100px;color: white;padding: 5px 0 0 10px;}
.smallbox-content2 {color: white;padding: 0 0 0 9px;width: 134px;}
.smallbox-textlink2 {width: 100px;position: relative;left: 70px;background: url(../images/swirl-white.png) no-repeat;padding: 0px;margin: 0px;}
.smallbox-textlink2 p {padding: 0 0 0 25px;margin: 0px;color: white;}


/* Team
=============================================================================== */
.team-member {width: 390px;margin: 0 0 10px 0;}
.team-name {border-bottom: 1px solid #ab4c4c;margin-bottom: 10px;font-weight: bold;color: #ab4c4c;}
.team-info {position: relative;width: 380px;margin: 0 5px 0 5px;}
.team-pic {float: left;width: 102px;height: 145px;margin-top: 3px;}
.team-details {float: right;width: 270px;}

/* news
=============================================================================== */
.news {width: 390px;margin: 0 0 10px 0;}
.news-name {border-bottom: 1px solid #ab4c4c;margin-bottom: 10px;font-weight: bold;color: #ab4c4c;}
.news-info {position: relative;width: 380px;margin: 0 5px 0 5px;}
.news-pics {float: left;width: 102px;height: 145px;margin-top: 3px;}
.news-details {float: right;width: 270px;}


/* Contact us
=============================================================================== */

#open {
	float: right;
	width: 200px;
}

/* Services
=============================================================================== */
.right-dark-content ul li {
	color: white;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-left: -20px;
}
.right-dark-content ul li a:link {
	color: white;
	text-decoration: none;		
}
.right-dark-content ul li a:hover {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
.right-dark-content ul li a:visited {
	color: white;
	text-decoration: none;		
}
.servlist {
	position: relative;
	left: 0px;
	background: url(../images/swirl-white.png) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}


/* Footer
=============================================================================== */
#footer {width: 657px;height: 30px;background: url(../images/footerback.jpg) no-repeat 0 bottom;clear:both;margin: 0;}
#footer-nav {
	width: 617px;
	margin-left: 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a52a2a;
}