* {margin:0;padding:0}

/* Sticky Footer */

html, body, #wrap { height: 100%}

body > #wrap { height: auto; min-height: 100%}
#main { padding-bottom: 130px}
#footer {position: relative;
	z-index: 10;
	margin-top: -130px;
	height: 130px;clear:both} 

/* CLEARFIX */
.clearfix:after { content: "."; display: block; 
height: 0;  clear: both; visibility: hidden}
.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */

body { font: 11pt Verdana, Helvetica, Arial, san serif; 
	background-color:#ffffff;line-height:1.3em; 
	color:#444444}
a img {border:none}
a:link { color: #0066ff;text-decoration:underline}
a:hover {text-decoration:underline}
a:visited {color: #6F0040}

p {margin:10px 0 5px 0}

/* Header */
#header {	height:130px;background:#333 url('images/header-bg.gif') repeat-x}
#header #logo {width:800px ;padding-top:14px;margin:0 auto;text-align:center}

#navigation {height:40px;background-color:#357701;
	border-top:4px solid #111;
	border-bottom:4px solid #111}

#navigation #menu {width:800px ;margin:0 auto}

#navigation #menu ul {list-style:none;
	margin:0;
	padding:0;font-size:0.85em;
	font-weight:bold}
#navigation #menu li {margin:0;padding:0;float:left;text-align:left;
}
#navigation #menu li a {color:#fff;display: block}

#menu li.home a{
	height:40px;
	background:url('images/home.gif') no-repeat;
	width:74px;margin-right:70px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important}

#menu li.home a:hover{background-position: 0 -40px}

#menu li.portfolio a{
	height:40px;
	background:url('images/portfolio.gif') no-repeat;
	width:98px;margin-right:70px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important}

#menu li.portfolio a:hover{background-position: 0 -40px}

#menu li.awards a{
	height:40px;
	background:url('images/awards.gif') no-repeat;
	width:91px;margin-right:70px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important}

#menu li.awards a:hover{background-position: 0 -40px}

#menu li.links a{
	height:40px;
	background:url('images/links.gif') no-repeat;
	width:69px;margin-right:70px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important}

#menu li.links a:hover{background-position: 0 -40px}

#menu li.contact a{
	height:40px;
	background:url('images/contact.gif') no-repeat;
	width:94px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important}

#menu li.contact a:hover{background-position: 0 -40px}

/* Top Banner */
#banner {background:#DEFFC6 url('images/banner-bg.gif') repeat-x;
	height:239px;font-weight:normal}
#banner #inside {width:800px;margin:0 auto}
#banner #inside #text {width:460px ;float:left;padding-top:25px}
#banner #inside #text h2 {font-size:1.5em;color:#000;
	margin:0 0 15px 0}
#banner #inside #text h3 {font-size:1.3em;color:#357701;
	margin:0 0 10px 0}
#banner #inside #text p {font-size:0.9em}
#banner #inside #img {width:250px ;float:right;
	margin-top:30px;padding:0 5px 0 10px}
#banner #inside #img img {border: 3px solid #357701}

/* Content Area */

#main {width:800px;margin:0 auto;clear:both}
#main img {border: 3px solid #357701}

#content {width:500px ;float:left;margin:30px 0 25px 0}
#content h1 {font-size:1.4em;line-height:1.3em;margin:0 0 5px 0}

#content h2 {font-size:1.2em;margin:20px 0 10px 0;color:#666}
#content h2.home {margin-bottom:25px}
#content h2.phone {font-size:1.2em}
#content h2.phone span {font-size:0.9em}

#content ul {margin:10px 0 15px 15px;padding:0}
#content ul.bold {font-weight:bold;margin:20px 0 35px 15px}
#content li {list-style:square;list-style-position:outside;margin:0;padding:0}

#designs {clear:both;padding:-40px 0 25px 0;margin:0}
#designs .portfolio {padding:0 0 30px 0;clear:both;margin:0}
#designs .portfolio .text {width:500px;float:left;margin:0}
#designs .portfolio .image {width:250px;float:right;padding:15px 5px 0 10px;margin:0}
#designs .portfolio .image img {margin:0}
#designs p.more {margin-bottom:20px}

img.left {float:left;padding:3px 8px 0 0;clear:left}

/* Sidebar */
#side {width:250px ;float:right;margin:40px 0 25px 0;
	padding:0 5px 0 10px}
#side #contact {margin-bottom:20px}
#side a:visited {color: #0066ff}
#side h2.julie {font-size:1.3em;margin:0 0 10px 0}
#side .julie {position: relative;width:133px;height:32px}
#side .julie span {
	background: url('images/julie.gif') no-repeat;
	position: absolute;width: 100%;height: 100%;
	}

#side .phone, #content .phone {font-weight:bold;font-size:1.4em}

#side .testimonial {margin:15px 0 15px}
#side .testimonial p {font-size:0.85em;font-style:italic}
#side .testimonial p span {font-style:normal}
#side img {margin-bottom:5px}
#side p.title {font-size:0.8em;margin:3px 0 0 0}
/* Footer */
#footer {background:#82DBF4 url('images/footer-bg.gif') repeat-x;color:#444;
	font-size:0.80em;
	border-top: 4px solid #111}
#footer a {color:#444;text-decoration:none}
#footer a:hover, #footer a:visited {color:#444;
	text-decoration:underline}
#foot {width:800px;margin:0 auto}

#dynamic {width:500px ;float:left}
#dynamic img {margin-top:10px}
#kamloops {width:250px ;float:right;margin-right:10px}

#kamloops p.axe {margin:30px 0 0 0;width: 100%;height: 20px}
#kamloops p.axe img {margin-bottom:-7px}