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



body {
	background-image: url(../assets/background.jpg);
	background-repeat: repeat;
	margin:0;
	padding:0;
}

img {border:none;}



/* Nav List Version */

ul.nav		{
		list-style:none;
		background-color:#000000;
		margin:5px;
		padding:5px;
		top:5px auto;
		position:relative;
		width:840px;
		height:18px;
		}
		
ul.nav li		{
		float:left;
		padding:0px 0 3px 4px;
		margin:0 4px 0 0;
		width:90px;
		height:16px;
		background-color:#ffca06;}
	



ul.nav li a	{
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000000;
		}
	
ul.nav li a:hover	{
		color:white;
		}


		
#container	
		{
		margin:0 auto;
		position:relative;
		width:860px;
		border: 1px solid white;
		background-color:#333333;
		
				
		}


#header 
		{
		position:relative;
		height:160px;
		width:860px;
		background-color:#000000;
		
		}
		
#content 
		{
		position:relative;
		top:30 auto;
		width:852px;
		height:560px;
		background-color:#333333;
		margin:0px 0px 5px 2px;
	
	
		}


#side-links 
		{
		
		float:right;
		margin: 0px 1px 0px 5px;
		background-color:#666666;
		width:170px;
		height:550px;}

#inside-content 
		
		{
		float:left;
		margin: 0px 0px 0px 3px;
		background-color:#FFFFFF;
		width:670px;
		height:550px;
		}

		
#bottom-nav
		{
		position:absolute;
		margin: 15px 20px 20px 6px;
		width:200px;
		height:160px;
		background-image:url(../assets/bottom_background.jpg);
		background-repeat:repeat-x;
		background-color:#000000;
		
		}
		
		
#bottom-contact
		{
		position:absolute;
		margin: 15px 20px 20px 240px;
		width:200px;
		height:160px;
		background-image:url(../assets/bottom_background.jpg);
		background-repeat:repeat-x;
		background-color:#000000;
		
		}
		
#bottom-connect
		{
		position:absolute;
		margin: 15px 25px 20px 468px;
		width:210px;
		height:160px;
		background-image:url(../assets/bottom_background.jpg);
		background-color:#000000;
		background-repeat:repeat-x;
		
		}

#bottom
		{
		position:relative;
		bottom:0px;
		width:860px;
		background-color:#000000;
		height:180px;
		}
		

		
		

		
#gallery
        {
		margin:5px 0px 0px 4px;
		position:relative;
		width:665px;
		background-color:#FFFFFF;
		}
		
.thumbnails 
		{
		float:left;
		margin: 8px 0px 0px 6px;
		}
#connections
		{
		position:relative;
		width:170px;
		hieght:40px;
		margin:30px 30px 30px 50px
		background-color:#000000;
		}
		
/*This next section is the typography*/

h1 
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#FFFFFF;
		margin:2px 5px 05px 3px;
		
		}

h2 
		{
		font-family:Arial, Helvetica, sans-serif;
		text-style:bold;
		font-size:15px;
		color:#000000; 
		margin:2px 0 0 3px;
	
		}
		

h2.headings 
		{
		font-family:Arial, Helvetica, sans-serif;
		text-style:bold;
		font-size:15px;
		color:#FFFFFF; 
		margin:2px 0 5px 3px;
	
		}

h2.headings-home 
		{
		font-family:Arial, Helvetica, sans-serif;
		text-style:bold;
		font-size:16px;
		color:#333333; 
		margin:10px 0 0px 5px;
	
		}


h3 
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#CCCCCC;
		margin: 10px 0px 10px 10px;
		}
		
h4 
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666666;
		margin: 13px 0px 02px 10px;
		}

p.body-copy
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font:medium;
		color:#333333;
		margin: 01px 0px 5px 02px;
		}
		
p.side-copy
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font:medium;
		color:#CCCCCC;
		margin: 2px 3px 10px 3px;
		}
		
p.home-copy
		
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font:medium;
		color:#000000;
		margin: 2px 10px 2px 20px;
		}
		

		

/* Navigation class*/ 
		
.class0 a 
		{text-decoration: none ;
		margin: 10px 3px 0px 2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#76dbd9;}

.class0 a:hover 
		{text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#ffffff;}


.class1 a 
		{text-decoration: none ;
		margin: 2px 3px 6px 4px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#ffffff;}

.class1 a:hover 
		{text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#ff6a06;}
		

.email a 
		{text-decoration: none ;
		margin: 0px 0px 0px 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;}

.email a:hover 
		{text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#ff6a06;}


		
.class2 a 
		{text-decoration: none ;
		margin: 0px 0px 0px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:20px;
		color:#FFFFFF;}

.class2 a:hover 
		{text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:20px;
		color:#ff6a06;}