<style type="text/css">


html {
    margin: 0;
    padding: 0;
    }
body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    font-family: lucida grande, lucida sans unicode, helvetica, sans-serif;
    color: #000;
    }

a:link, a:active, a:visited {
    font-family: lucida grande, lucida sans unicode, helvetica, sans-serif;
    font-weight: bold;
    color: #c83428;
    text-decoration: none;
        }
a:hover {
    color: #000;
    text-decoration: none;
	}


/*--------------------------------------------------
  		      STYLING
  --------------------------------------------------*/


h2, h3, h4, h5 {
    font-family: lucida grande, lucida sans unicode, helvetica, sans-serif;
    margin: 0 0 10px 0; 
    padding: 0;
}
h1 {
    font-size: 2.2em;
    text-align: center;
    color: #444;
    font-weight: normal;
    margin: 20px 0 0 0;
    padding: 0;
}
h2 {border-bottom: 1px solid #444; margin-bottom: 10px; padding-bottom: 3px; text-align: left;}
h3 {font-size: 1.8em; text-align: left; font-weight: bold; letter-spacing: -1px;}


p {
    font-family: lucida grande, lucida sans unicode, helvetica, sans-serif;
    font-size: 1em;
    display:block;
    text-align: justify;
    margin: 0 0 10px 0;
    padding: 0;
    color: #000;
}

p.note {
    color: #000;
    font-size: 1.3em;
    display: block;
    text-align: left;
}

img {border: none;}
img.lft {margin-right: 10px; margin-bottom: 5px; }
img.rht {margin-left: 10px; margin-bottom: 5px; padding: 3px; border: 1px solid #c83428;}

span.special {
    color: #c83428;
    font-size: 1.8em;
    font-weight: normal;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0;
}
#counter {
    width: 100px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
}


/*--------------------------------------------------
  		CODA SLIDER
  --------------------------------------------------*/


* { margin: 0; padding: 0 }
		
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

ul { font-size: 13px; line-height: 1.2em } 

ul.portfolio {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 10px;
}
ul.portfolio li {
    margin: 0 0 9px 5px;
    padding: 0;
}

a:focus { outline:none }
		
img { border: 0 }
		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 0;
}
		
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; background: #fff; overflow: hidden}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 675px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
	background: #fff;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 675px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;

}
		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
        width: 500px;
        margin: 0 0 0 110px;
}
		
.stripNav ul li {
	float: left;
	margin-right: 5px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	margin-top: 5px;
}
		
.stripNav a { /* The nav links */
	width: 50px;
	height: 50px;
	font-size: 0px;
	font-weight: normal;
        text-align: left;
	background: #fff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px;
	border: 1px solid #444;
}
		
.stripNav li.tab1 a {
	background-image: url(images/portfolio/thumbs/LockStock.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #000;
}
.stripNav li.tab2 a {	
	background-image: url(images/portfolio/thumbs/MsRomany.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #fff;
}
.stripNav li.tab3 a {	
	background-image: url(images/portfolio/thumbs/briangant.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #8bb5e1;
}
.stripNav li.tab4 a {	
	background-image: url(images/portfolio/thumbs/COM.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #fff;
}
.stripNav li.tab5 a {	
	background-image: url(images/portfolio/thumbs/TheTemp.gif); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #126d98;
}
.stripNav li.tab6 a {	
	background-image: url(images/portfolio/thumbs/LorenGeeting.gif); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #000;
}
.stripNav li.tab7 a {	
	background-image: url(images/portfolio/thumbs/KeithReay.jpg); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #ede7d0;
}
.stripNav li.tab8 a {	
	background-image: url(images/portfolio/thumbs/BH.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #4174b3;
}	
.stripNav li.tab9 a {	
	background-image: url(images/portfolio/thumbs/Wonderboy.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #9BAC5C;
}
.stripNav li.tab10 a {	
	background-image: url(images/portfolio/thumbs/DuaneDaniels.png); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #fff;
}
.stripNav li.tab11 a {	
	background-image: url(images/portfolio/thumbs/psychexpert.gif); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #fff;
}
.stripNav li.tab12 a {	
	background-image: url(images/portfolio/thumbs/Currentx.gif); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #fff;
}
.stripNav li.tab13 a {	
	background-image: url(images/portfolio/thumbs/Currentx.gif); 
	background-repeat: no-repeat;
    	background-position: center center;
        color: #fff;
}


	
.stripNav li a:hover {
	border: 3px solid #c83428;
        margin: 0;
        padding: 0;
}
		
.stripNav li a.current {
	border: 3px solid #c83428;
        margin: 0;
        padding: 0;
}
		


/*--------------------------------------------------
  		NAVIGATION
  --------------------------------------------------*/


ul#nav {
    list-style-type:none;
    margin: 0;
    padding: 0 0 0 35px;
}
ul#nav li{
    margin: 20px 0;
    padding: 0;
}
ul#nav a{
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    padding: 0;
    margin: 0;
    width: 110px;
    height: 50px;
    text-decoration:none;
}
ul#nav a.portfolio {background-image: url(images/LinkPortfolio.gif);}
ul#nav a.contact {background-image: url(images/LinkContact.gif);}

ul#nav a:hover{
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0;
    margin: 0;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover{
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0;
}

i {visibility: hidden; display: none;}


/*--------------------------------------------------
  		MAIN DIVS
  --------------------------------------------------*/


#wrap {
    margin: 0;
    padding: 0;
}

#headwrap {
    background-color: transparent;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
#header {
    background-color: transparent;
    width: 875px;
    padding: 0;
    margin: 0 auto;
    }
#headleft {
    background-image: url(images/HeaderTreeTop.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: transparent;
    width: 428px;
    height: 166px;
    margin: 0;
    padding: 0;
    float: left;
}
#headright {
    background-image: url(images/HeaderName2.gif);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent;
    width: 443px;
    height: 165px;
    margin: 0;
    padding: 0;
    float: right;
}
#menu {
    margin: 200px 0 0 0;
    padding: 0;
    float: left;
}
#mainwrap {
    width: 875px;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
#main {
    width: 100%;
    float: left;
}
#left {
    background-image: url(images/LeftTreeBottom.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 162px;
    margin: 0;
    padding: 0;
    float: left;
}
#content {
    margin: 0;
    padding: 10px 0 0;
    width: 705px;
    float: right;
    overflow: hidden;
}
#contentinner {
    margin:0;
    padding: 10px 0 0 0;
    width: 685px;
    overflow: none;
    position: relative;
}
#footwrap {
    width: 100%;
    height: 1px;
    clear: both;
    padding: 0;
    margin: 0;    
}
#footer {
    width: 800px;
    margin: 0 auto;
    padding: 0;
    }

/*--------------------------------------------------
  		    IE6 FIX
  --------------------------------------------------*/


* html ul#nav a{
    background-repeat: no-repeat;
    background-position: top left;
    display:block;
    padding: 0;
    margin: 0;
    width: 110px;
    height: 50px;
    text-decoration:none;
}
* html ul#nav a.about {background-image: url(images/LinkAboutTop.gif);}
* html ul#nav a.portfolio {background-image: url(images/LinkPortfolioTop.gif);}
* html ul#nav a.contact {background-image: url(images/LinkContactTop.gif);}

* html ul#nav a.about:hover {background-image: url(images/LinkAboutBottom.gif);}
* html ul#nav a.portfolio:hover {background-image: url(images/LinkPortfolioBottom.gif);}
* html ul#nav a.contact:hover {background-image: url(images/LinkContactBottom.gif);}

* html ul#nav a:hover{
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0;
}
* html ul#nav li.activelink a.about, * html ul#nav li.activelink a.portfolio, * html ul#nav li.activelink a.contact, * html ul#nav li.activelink a.about:hover, * html ul#nav li.activelink a.portfolio:hover, * html ul#nav li.activelink a.contact:hover{
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0;
}

</style>

