@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	}
	
.container {
	margin-left: 200px;
	background-color: white;
	} 

/*top area of the site*/
.top-name {
	margin-left: 200px;
	margin-bottom: 60px;
	height: 57px;
	}
	
.top-name .name-image {
	float:left;
	}
	
.top-name .name-text {
	margin-left: 10px;
	float:left;
	}
	
.top-navigation {
	margin-left: 200px;
	margin-bottom: 25px;
	height: 15px;
	width: 401px;
	padding-bottom: 5px;
	border-bottom: 1px solid black;
	}
	
/*bottom area of the site*/
.bottom-nav-bar {
	margin-top: 25px;
	margin-left: 200px;
	width: 400px;
	padding-top: 5px;
	border-top: 1px solid black;
	}
	
.nav-text {
	margin-right: 25px;
	float: left;
	}
	
.nav-test .campaign-link {}
	
.nav-text-right {
	float: right;
	}
	
.content2 {
	margin-left: 202px;
	margin-bottom: 10px;
	width:400px;
	height: 250px;
	}
	
.content2 .collums {
	width:200px;
	height: 250px;
	float: left;
	}

/*contains nvigation lines and content dive's */
.sub-cantainer {
	}

.campaign-rollover {}

/*contains the navigtin rollover lines */
.line-navigation {
	}

/* this is the div that needs to appear and disipear with javasript */
.content {
	height: 300px;
	}

.content .image-center {
	margin-left: 202px;
	height:300px;
	width:200px;
	float: left;
	}
	
.content .image-left {
	margin-left: 15px;
	float: left;
	}
	
.content .image-right {
	margin-left: 202px;
	height:300px;
	width:400px;
	float: left;
	}
	
.content .image-right .horizontal{
	height:300px;
	width:200px;
	float:right;
	}
	
.content .image-right-short {
	margin-left: 402px;
	height:300px;
	width:200px;
	float: left;
	}
	
.content .text-collum-left {
	margin-left: 15px;
	width: 168px;
	float: left;
	}
	
.content .text-collum-right {
	margin-left: 15px;
	float: left;
	}
	
.content .text-collum-inner{
	margin-top: 25px;
	height: 237px;
	}

.arrow-right-collum {
	float: left;
	}
	
.arrow-left-collum {}

/*gallery divs for java script*/
	
image-gallery {}

.next-arrow {
	margin-left: 5px;
	float: right;
	}	

.back-arrow {
	float: right;
	}
	
/*1*/
image-gallery1 {}

.next-arrow1 {
	float: left;
	}	

.back-arrow1 {
	margin-left: 5px;
	float: left;
	}

/*2*/	
image-gallery2 {}

.next-arrow2 {
	float: left;
	}	

.back-arrow2 {
	margin-left: 5px;
	float: left;
	}

/*3*/
image-gallery3 {}

.next-arrow3 {
	float: left;
	}	

.back-arrow3 {
	margin-left: 5px;
	float: left;
	}	

/*4*/	
image-gallery4 {}

.next-arrow4 {
	margin-left: 5px;
	float: right;
	}	

.back-arrow4 {
	float: right;
	}
	
/*5*/	
image-gallery5 {}

.next-arrow5 {
	margin-left: 5px;
	float: right;
	}	

.back-arrow5 {
	float: right;
	}
	
/*5*/	
image-gallery5 {}

.next-arrow5 {
	margin-left: 5px;
	float: right;
	}	

.back-arrow5 {
	float: right;
	}
	
/*6*/	
image-gallery6 {}

.next-arrow6 {
	margin-left: 5px;
	float: right;
	}	

.back-arrow6 {
	float: right;
	}
	
/*7*/	
image-gallery7 {}

.next-arrow7 {
	margin-left: 5px;
	float: right;
	}	

.back-arrow7 {
	float: right;
	}
	
/*8*/	
image-gallery8 {}

.next-arrow8 {
	float: left;
	}	

.back-arrow8 {
	margin-left: 5px;
	float: left;
	}
	
/*9*/	
image-gallery9 {}

.next-arrow9 {
	margin-left: 5px;
	float: right;
	}	

.back-arrow9 {
	float: right;
	}
	
/*10*/	
image-gallery10 {}

.next-arrow10 {
	margin-left: 5px;
	float: left;
	}	

.back-arrow10 {
	float: left;
	}
	
/*11*/	
image-gallery11 {}

.next-arrow11 {
	margin-left: 5px;
	float: left;
	}	

.back-arrow11 {
	float: left;
	}

/*bottom area of the site*/
.bottom-bar {
	margin-top: 10px;
	margin-left: 200px;
	width: 400px;
	border-top: 1px solid #99CC00;
	}
	
.img {
	border: 0px;
	}

.img .name {
	margin-bottom: 15px;
	}
	
h1, h2, h3 {
	font-family: verdana, san-serif;
	font-size: .6em;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	color: black;
	letter-spacing: 1px;
	line-height: 1.6em;
	border: 0px;
	outline: none;
	}
	
h1 {
	font-weight:bold;
	margin-bottom: 10px;
	}
	
h2 {
	font-style:italic;
	}
	
h3 {
	font-style:italic;
	color:#99CC00
	}
	
p {
	font-family: verdana, san-serif;
	font-size: .6em;
	color: black;
	line-height: 1.6em;
	margin-bottom: 10px;
	}	
	
a:visited, a:link, a:active, a:focus{
	font-family: verdana, san-serif;
	font-size: 1em;
	font-style:italic;
	text-decoration:none;
	color: black;
	letter-spacing: 1px;
	line-height: 1.6em;
	border: 0px;
	outline: none;
	}
	
a:hover {
	color:#99CC00	
	}