/* DEFAULTS */
body, div, dl,dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th {text-align: left;}
q:before, q:after {content: ''; }
a { outline: none; }

html { text-align: center; background: url(siteimages/background.gif) repeat 0 0; }
body { position: relative; width: 950px; margin: 0 auto; text-align: left;}
h1 { text-indent: -9999px; }

/* CONTAINERS */
div#branding {
        height: 81px; text-indent: -9999px;
        background: url(siteimages/banner.jpg) no-repeat 0 0; }
	
div#content { position: relative; top: -65px; left: 48px; width: 805px; height: 600px; text-align: left; padding: 20px; background: url(siteimages/content_bg.gif) repeat 0 0;}

div#infocontent { position: relative; top: -65px; left: 48px; width: 805px; height: 800px; text-align: left; padding: 20px; background: url(siteimages/content_bg.gif) repeat 0 0;}

div#column1 {position: absolute; left: 20px; width: 500px; margin-top: 20px; padding-right: 30px; background: url(siteimages/content_bg.gif) repeat 0 0; border-right: dashed #696969 1px;} 
div#column2 {position: absolute; left: 585px; width: 240px; margin-top: 20px; background: url(siteimages/content_bg.gif) repeat 0 0; }	

div#homecolumn1 {position: absolute; top: 430px; left: 20px; width: 500px; margin-top: 20px; padding-right: 30px; background: url(siteimages/content_bg.gif) repeat 0 0; border-right: dashed #696969 1px;} 
div#homecolumn2 {position: absolute; top: 430px; left: 585px; width: 240px; margin-top: 20px; background: url(siteimages/content_bg.gif) repeat 0 0; }


div#bottom_banner {position: relative; top: -55px; left: 40px; height: 28px; width: 862px; background: url(siteimages/bottom_banner.png); text-align: center ; }

div#opensoon {position: relative; top: 150px; left: 275px ; text-align: center; height: 196px; width: 240px; background: url(siteimages/opening_soon.png) no-repeat; }

.clear { clear: both; }
		
			
/* NAVIGATION */

div#navigation {
		position: relative;
		z-index: 10;
		top: -25px;
		left: 65px;
		height: 40px;
		width: 500px;
		border: none;
		text-align: left;
		}

div#navigation ul li a:hover { background-position: 0 -44px; }		
		
ul.nav li {
display: inline;
float: left;
width: 59px;

}		
		
ul.nav a {
display: block;
height: 44px;
border: 0 #000;
border-bottom: 0;
padding: 0;
margin-right: 0;
background-color: #458654;
text-decoration: none;
color: #333;
text-indent: -9999px;
}

ul.nav {
margin-left: 0;
list-style: none;
padding-left: 0;
padding-top: 0;
padding-bottom: 5px;
border-bottom: 1px #000;
}

#nav_home {background: url(siteimages/button_home.png) no-repeat 0 0; }
#nav_info {background: url(siteimages/button_info.png) no-repeat 0 0; }
#nav_blog {background: url(siteimages/button_blog.png) no-repeat 0 0; }
#nav_shop {background: url(siteimages/button_shop.png) no-repeat 0 0; }

			
div#ext_navigation {
		position: relative;
		z-index: 10;
		top: -65px;
		left: 731px;
		height: 25px;
		width: 150px;
		border: none;
		text-align: left;
		}

div#ext_navigation ul li a:hover { background-position: 0 -25px; }
		
ul.ext_nav li {
display: inline;
float: left;
width: 25px;
margin-right: 5px;
text-indent: -9999px;
}				
			
ul.ext_nav a {
display: block;
height: 25px;
border: 0 #000;
border-bottom: none;
padding: 0;
margin-right: 0;
background-color: #458654;
text-decoration: none;
color: #333;

}

ul.ext_nav {
margin-left: 0;
list-style: none;
padding-left: 0;
padding-top: 0;
padding-bottom: 5px;
border-bottom: 1px #000;
}

#blogger {background: url(siteimages/ico_blogger.png) no-repeat 0 0; }
#posterous {background: url(siteimages/ico_posterous.png) no-repeat 0 0; }
#facebook {background: url(siteimages/ico_facebook.png) no-repeat 0 0; }
#flickr {background: url(siteimages/ico_flickr.png) no-repeat 0 0; }
#twitter{background: url(siteimages/ico_twitter.png) no-repeat 0 0; }
			
/* TEXT STYLES */

p {font-family: Verdana; font-size:0.7em; line-height: 130%; margin-bottom: 15px; color: #303030; }
p:first-letter {font-weight: bold; font-size: 1.2em; }
li {font-family: Verdana; font-size:0.7em; margin-bottom: 10px; color: #303030; }
.services { margin-left: 25px; list-style-image: url(siteimages/bullet.jpg); padding-top: 6px; }
.clientquote { color: #218992; margin-bottom: 0px; }

h1, h2 {font-family: Verdana; color: #218991; margin-bottom: 15px; }
h3 {font-family: Verdana; font-size:0.8em; color: #f6f3d2; background-color: #218992; margin-bottom: 15px; padding-left: 3px; }
a:link {color: #218991; font-weight: bold; }
a:visited {color: #218991; font-weight: bold; }
a:hover {background-color: #626262; color: #f6f2d1; text-decoration: none; }
a:active {color: #333333;}
.copyright {color: #FFF; font-size: 0.6em; padding-top: 6px; }
