* {
	margin:0;
	padding:0;
}

 
body { 
		color:#666;
		background:#666;
		margin:50px 0 0 20px;
		font-family: "District Thin", arial, "sans serif";
		width:6000px;
}

@font-face { font-family: "District Thin"; src: url('fonts/DistTh_.ttf'); } 
                       
/* Typography */

.clear {
	clear:both;
}

#arrows {
	display:none;
}

img {
	border:none;
}

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

a {
	color:#666;
	text-decoration:none;
}

h1 {
	font-size:2.8em;
	line-height:35px;
	font-weight:100;
	text-decoration:none;
	display:block;
	margin-bottom:20px;
}

h1 a {
  color:#fff;
}


.logo a {
  color:#fff;
}



h2 {	
	padding:0px 10px 15px 20px;
	color:#333;
	font-size:1.5em;
	font-weight:100;
	text-decoration:none;
}


h3 {
	padding:10px;
	color:#ccc;
	font-weight:100;
	font-size:1.2em;
}



.bottomright {
	font-family: arial, sans-serif;
	display:block;
	font-size:1.2em;
	text-align:center;
	padding:5px 15px;
	border:1px solid #000;
	position:absolute;
	bottom:0;
	right:0;
}

#menu {
	background:#333;
	position:absolute;
	bottom:-10px;
	width:350px;
}

#menu ul {
  list-style-type:none;
}
	
#menu li {
	font-size:1.2em;
	display:block;
	border-bottom:1px solid #888;
}

#menu a {
  padding:15px 15px 15px 15px;
	display:block;
}

#menu  a:hover {
	color:#fff;
	background:#444;
}


#services {
	margin-left:15px;
	float:left;
	margin-bottom:10px;
}

#services li {
	list-style-type:square;
	width:190px;
	float:left;
	font-size:0.8em;
	background:#fff;
	padding:3px;
	margin:3px;
	display:block;
}


/* Main Containers */

#floatcontainer {
	padding:40px 0;
	display:block;
	height:500px;
	overflow:visible;
}

#details, #contact, #servicescontainer {
	width:450px;
	height:500px;
	float:left;
	position:relative;
}


#details {
	width:350px;
}

#servicescontainer {
	color:#fff;
	padding:20px;
		}
		
#servicescontainer a {
  color:#eee;
}

.box {
	height:500px;
	float:left;
	padding:0;
	position:relative;
	border:5px solid #fff;
	margin:0;
}

/* Contact Form Code */



form {
	padding-left:10px;

}

fieldset {
	border:none;
}


legend {
	display:none;
}

.form p {
width: 290px;
clear: left;
margin-left: 15px;
padding: 5px 0 8px 0;
padding-left: 190px; /*width of left column containing the label elements*/
height: 1%;
}

.form label{
float: left;
margin-left: -190px; /*width of left column*/
margin-top:5px;
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 190px;
	background:#fff;
	border:1px solid #000;
	font-size:1em;
	margin-top:5px;

}

.form textarea{
	width: 190px;
	height: 100px;
	background:#fff;
	border:1px solid #000;
	margin-top:5px;

	font-size:1em;
	overflow:hidden;
}

.submitbutton {
	width:195px;
	padding:4px 0px;
	display:block;
	border:0;
	margin:5px 0;
	background-color:#fff;
	color : #000;
	font-size: 0.8em;
	margin-left: 205px;
	letter-spacing: 5px;
	border:1px solid #000;
}

.submitbutton:hover {
	background:#fff;
	cursor:pointer;
}

/* Admin Code */

#adminwrap {
	width:1000px;
}

#admincontent {
	padding-top:40px;
	display:block;
	float:right;
	width:600px;
}

.toc {
	padding:20px 40px;
}

.button {
	width:200px;
	padding:4px 0px;
	display:block;
	border:0;
	margin:5px 0;
	background-color:#fff;
	color : #000;
	border:1px solid #000;
	font-size: 0.8em;
	letter-spacing: 5px;
}

.button:hover {
	background:#666;
	cursor:pointer;
}

.browsebutton {

	width:300px;
	padding:4px 0px;
	display:block;
	border:0;
	margin:5px 0;
	background-color:#333;
	color : #fff;
	font-size: 1em;
}

.browsebutton:hover {
	background:#666;
	cursor:pointer;
}

.selectdropdown {
	width:300px;

	padding:4px 0px;
	display:block;
	border:none;
	margin:5px 0;
	border:1px solid #000;
	background-color:#fff;
	color : #000;
	font-size: 1em;
}