/*
	Squid Grid System ~ Bradley Taunt
	Modified 960 Grid System
*/

/* `HTML & Body Elements
----------------------------------------------------------------------------------------------------*/
html{background:#555555;}

body{background:#555555;}

h1, h2, h3, h4{font-family: "Georgia", "Georgia", serif;font-weight:100;}
p{font-size:14px;}
p.yellow {color:#fce000;}
ul {font-size:14px;}
a{}
a:hover{}

img.kaba-right { float: right; padding: 0 0 10px 10px; }
img.kaba-left { float: left; padding: 0 10px 10px 0; }

h1.kaba-black { color: #000; font-weight: bold; }

h3.kaba-black { color: #000; font-weight: bold; }

/* `Container
----------------------------------------------------------------------------------------------------*/
.container{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:#888888;
	z-index:0;
}

.container2{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:#888888;
}

.container-pages{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:#888888;
}

.container3{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:#888888;
}

.container-top{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background:none;
}

/* `Content >> Global
----------------------------------------------------------------------------------------------------*/
.footer,
.sub-pages,
.full,
.full2,
.right,
.left,
.logo{
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.column,
.column2{
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* `Grid >> Sections
----------------------------------------------------------------------------------------------------*/
.logo {width:880px;}
	.logo p {float:right;color:#fe0000;font-size:16px;margin-top:20px;text-align:right;}
	.logo span {color:#fff;font-size:22px;}
	.logo img {float:left;margin-bottom:-60px;}
	.logo img.right {position:absolute;width:30px;height:20px;top:42px;left:695px;}

.nav {width:880px;font-size:14px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight:600;}
	.nav ul {float:right;display:block;}
	.nav li {display:inline;text-decoration:none;padding:0;margin:0;}
	.nav a {color:#a1a1a1;text-decoration:none;padding:0 7px 0 7px;margin:0;border-right:1px solid #a1a1a1;}
	.nav a:hover, .nav a.selected {color:#fff;}
	
.main {width:880px;z-index:0;}
	.main img.second-logo {float:left;margin:2px 0 0 20px;z-index:0;}
	img.credit-card {float:right;margin-top:3px;margin-bottom:10px;z-index:0;}
	.main img.center {margin-left:8px;z-index:0;}
	.main p.certified {float:left;font-size:27px;margin-top:23px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight:600;z-index:0;}
	.main img.certified {float:left;padding:15px 10px 10px 10px;z-index:0;}
	.main span {font-size:14px;color:#353535;z-index:0;}
	
.column {
	float:left;
	width:215px;
	min-height:340px;
	margin-left: 0;
	margin-right: 10px;
	background:#fff;
	}
	.column p {padding:5px 10px;text-align:center;}
	.column h1 {padding:0 0 0 5px;font-size:18px;margin:0;font-family: "Georgia", "Georgia", serif;font-weight:100;text-align:center;}
	.column img {display:block;margin:0 auto;margin-top:10px;}
	
.column2 {float:left;width:215px;background:none;}
	.column2 p {padding:5px 10px;}
	.column2 h1 {padding:0 0 0 5px;font-size:18px;margin:0;color:#fff;}
	.column2 form {color:#fff;}
	
.sub-pages {width:645px;color:#fff;}
	.sub-pages a.more {float:right;background:#ccc;color:#000;padding:5px 10px;}
	.sub-pages a.more:hover {background:#000;color:#fff;}
	.sub-pages img.client-pic {}

.right-nav ul {display:block;margin-top:10px;}
	.right-nav li {display:inline;list-style:none;margin:0;}
	.right-nav a {font-size:16px;padding:7px 10px;background:#000;color:#fff;margin:0;text-decoration:none;}
	.right-nav a:hover, .right-nav a.selected {background:#545454;}
	
.left {width:440px;margin-top:-110px;}
	.left p {color:#fff;}
	.left h1 {color:#fff;font-family: "Georgia", "Georgia", serif;font-weight:100;}

.right {width:420px;}
	.right img {padding:10px 0 0 0;}
	.right a.uxbridge{position:absolute;top:60px;left:250px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.uxbridge:hover{background-position: 0 -79px;}
	.right a.uxbridge span {display:none;}
	
	.right a.york{position:absolute;top:110px;left:130px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.york:hover{background-position: 0 -79px;}
	.right a.york span {display:none;}
	
	.right a.peel{position:absolute;top:130px;left:55px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.peel:hover{background-position: 0 -79px;}
	.right a.peel span {display:none;}
	
	.right a.toronto{position:absolute;top:190px;left:140px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.toronto:hover{background-position: 0 -79px;}
	.right a.toronto span {display:none;}
	
	.right a.halton{position:absolute;top:200px;left:15px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.halton:hover{background-position: 0 -79px;}
	.right a.halton span {display:none;}
	
	.right a.durham{position:absolute;top:140px;left:280px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.durham:hover{background-position: 0 -79px;}
	.right a.durham span {display:none;}
	
	.right a.markham{position:absolute;top:150px;left:190px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.markham:hover{background-position: 0 -79px;}
	.right a.markham span {display:none;}
	
	.right a.vaughan{position:absolute;top:150px;left:120px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.vaughan:hover{background-position: 0 -79px;}
	.right a.vaughan span {display:none;}
	
	.right a.oakville{position:absolute;top:250px;left:35px;display:block;width:81px;height:79px;background: url(../images/map-shine.png) no-repeat 0 0;}
	.right a.oakville:hover{background-position: 0 -79px;}
	.right a.oakville span {display:none;}
	
	.left a.guestbook{position:absolute;top:5px;left:230px;display:block;width:200px;height:40px;background: url(../images/guestbook.png) no-repeat 0 0;}
	.left a.guestbook:hover{background-position: 0 -40px;}
	.left a.guestbook span {display:none;}
	
	.sub-pages a.guestbook{position:absolute;top:220px;left:420px;display:block;width:200px;height:40px;background: url(../images/guestbook.png) no-repeat 0 0;}
	.sub-pages a.guestbook:hover{background-position: 0 -40px;}
	.sub-pages a.guestbook span {display:none;}
	
	.sub-pages a.guestbook2{float:left;display:block;width:200px;height:40px;background: url(../images/guestbook.png) no-repeat 0 0;margin-top:-15px; margin-bottom:10px;}
	.sub-pages a.guestbook2:hover{background-position: 0 -40px;}
	.sub-pages a.guestbook2 span {display:none;}
	
	.main img.security {float:left; margin:20px 0 0 60px;}
	
.full {width:880px;}
	.full p {font-size:12px;text-align:center;color:#fff;}
	.full h1 {color:#fff;font-family: "Georgia", "Georgia", serif;font-weight:100;}
	.full h1 img.dl-logo { margin-bottom:-2px; }
	.full a {text-decoration:none;color:#fff;}
	.full a:hover {color:#000;}
	.full img {padding:10px 10px 0 0;}
	
.full2 {width:880px;margin-left:-4px;}
	.full2 p {font-size:11px;text-align:center;color:#6b6b6b;}
	.full2 h1 {color:#fff;}
	.footer .full2 a {text-decoration:none;color:#6b6b6b;}
	.footer .full2 a:hover {color:#fff;}
		
.footer {width:880px;margin-top:10px;margin-bottom:10px;}
	.footer a {color:#000;text-decoration:none;}
	.footer a:hover {color:#fff;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

        #image{border:4px #666 solid;height:480px;width:640px;}
        .thumb{float:left;margin-right:10px;margin-top:10px;}

