/*****COLOR SCHEME

#8C918C = light gray
#4C615B = gray
#403C38 = dark gray
#151A26 = navy
#82BBDE = light blue
#fff = white





/***LAYOUT***/



body {
text-align:center;
font-size:small;
background:url(../images/bg.jpg) top left repeat #151A26;
font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;

}

	#container {
	text-align:left;
	width:950px;
	margin:0px auto;
	}
	

	#header {
	padding:10px 0px;
	margin:0px 0px 15px 0px;
	float:left;
	border-bottom:1px dashed #8C918C;
	}
	
		#header img {
		float:left;
		
		}
		
		#header #search {
		}
	

	#nav {
	width:500px;
	display:inline;
	float:right;
	text-align:right;
	font-size:130%;
	font-family:"Georgia", "Palatino Linotype", "Book Antiqua";
	}

		#nav ul {
		}
		
		#nav ul li {
		display:inline;
		}
		
		#nav a {
		color:#8C918C;
		line-height:80px;
		padding: 0px 10px;
		font-style:italic;
		padding:9px;
		margin:5px;
		}
		
		#nav a:hover {
		color:white;
		padding:9px;
		/*border:1px dashed #82BBDE;*/
		}
		
		#nav .active a {
		color:white;
		}
		
		
		
	#showcase {
	clear:both;
	margin:0px 0px 15px 0px;
	}
		
	#content {
	text-align:left;
	width:100%;
	margin:0px 0px 15px 0px;
	}
		#maincontainer {
		width:550px;
		float:left;
		}
	
		#main {
		width:550px;
		background-color:white;
		}
		
		#maininner {
		margin:0 10px;
		padding:10px 0px;
		}

	#sidebar {
	float:right;
	width:360px;
	clear:right; 
	text-align:left;
	}

	
	#footer {
	padding-top:15px;
	clear:both;
	}
	
/***STYLES***/

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  line-height: 1.3em;
  color: #333;
}

h1,h2,h3,h4,h5,h6 { 
  font-family:"Georgia", "Lucida Grande",  Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  margin: 0; 
  color:#111; 
  line-height:1em;
  font-weight:normal;
}

/* Total height for each heading has to be a multiple of the baseline (18). */

#title {
background:url(../images/bluebg.jpg) bottom left repeat-x #D0E6F3;
padding:10px;
}

h1 { 
font-size: 300%; 
margin:0px 0px 5px 0px;
font-style:italic;
}

h2 { 
font-size: 175%; 
margin:10px 0px 5px 0px; 
font-weight:normal;
font-style:italic;
text-align:left;
}

#sidebar h2 {
color:white;
text-align:left;
}

h3 { 
font-size: 100%;
text-transform:uppercase; 
margin:10px 0px 2.5px 0px; 
padding:0px;
color:#403C38;
}

#sidebar h3 {
color:#82BBDE;
}

h4 { 
font-size: 100%; 
margin:10px 0px 2.5px 0px;
font-weight:bold;
text-transform:uppercase;
}

h5 { 
font-size: 100%;
font-weight:bold; 
}

h6 { 
font-size: 100%; 
font-weight:bold; 
}


p {
margin:0px 0px 10px 0px;
}

#sidebar p {
color:#eee;
}

a {
color:#151A26;
}

strong {
color:black;
font-weight:bold;
}

small {
font-size:80%;
color:#ccc;
}


table {
border-collapse:collapse;
margin:0px 0px 10px;
border:1px solid #ccc;
}

	tr {
	
	}
		
		th, td {
		padding:2px 5px;
		margin:0px;
		border-bottom:1px solid #ccc;
		}
		
		th {
		background:#f0f0f0;
		font-weight:bold;
		}
		
#content ul {
list-style:square;
margin:0px 10px 10px 20px;
font-size:90%;
}

#content ul li {
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
color:black;
}

small {
color:#8C918C;
font-size:80%;
}

/***CLASSES***/	



p.description {
margin-top:-5px;
color:#4C615B;
line-height:1em;
}	

#sidebar p.description {
color:#4C615B;
}

	
p.intro {
font-size:200%;
display:block;
}

.center {
text-align:center;
}

.top {
margin:0px;
}

.floatleft {
float:left;
margin:0px 10px 10px 0px;
}

.floatright {
float:right;
margin:0px 0px 10px 10px;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}

.clearboth {
clear:both;
}

.border {
border:1px solid #ccc;
}

.padding {
padding:5px;
}

.datatable {


}


/***Name Tag Thingy***/

.tagouter {
 background:url(../images/tagmid.jpg) repeat-y;
 margin:0px 0px 10px 0px;
 }
 
.tag {
background:url(../images/tagtop.jpg) top left no-repeat;
}

.taginner {
padding:20px 30px 40px 30px;
background:url(../images/tagbot.jpg) bottom left no-repeat;
}

.tag label {
clear:left;
display:block;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
}
.text, .textarea {
clear:left;
border:double 3px #8C918C;
width:290px;
padding:2px;
}

.textarea {
height:4em;
}

#sidebar .taginner h2 {
color:#151A26;
margin:0px 0px 10px 0px;
}

#sidebar .tag p {
color:black;
}

/***REASONS***/
#reasons {
margin:0px 0px 20px 0px;
}

dl.reason  {
float:left;
width:100%;
}

	.reason dt {
	width:70px;
	margin:0px 10px 10px;
	float:left;
	}
	
	.reason dd {
	color:#ddd;
	float:left;
	width:250px;
	padding:10px 0px 0px 0px;
	}
	
/*** Portfolio ***/

dl.portfolio {
float:left;
margin:0px 0px 10px 0px;
padding:0px 0px;
border:1px solid #ccc;
border-top:none;
width:100%;
}

dl.portfolio dt {
border-top:1px solid #eee;
background:url(../images/bluebg.jpg) bottom left repeat-x;
clear:both;
font-size: 100%;
text-transform:uppercase; 
padding:5px 5px 10px 5px;
color:#4C615B;
font-family:Georgia, "Times New Roman", Times, serif;
cursor: pointer; cursor: hand;
}


dl.portfolio dd.image {
float:right;
width:250px;
}

.url {
padding:5px;
clear:left;
width:250px
float:left;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
color:#4C615B;
}

dl.portfolio dd.info {
clear:left;
overflow:visible;
padding:5px 10px 5px 10px;
}