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

* {
		margin: 0px;
		padding: 0px;
}

p {padding-top:8px;}

body {
	font-size: 100%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	background-color: #fff;
	padding: 0;
	font-size: 100%;
	letter-spacing: 100%;
	line-height: 100%;
	margin-right: 0;
	margin-left: 0;}
	
a {
	color: #4e4643;
	text-decoration: none;
	outline: none;}
	
a:visited {
	color: #4e4643;
	text-decoration: none;
	outline: none;}
	
a:hover {
	color: #1fb6c3;
	text-decoration: none;
	outline: none;}
	
a:active {
	color: #851e56;
	text-decoration: none;
	outline: none;}

.hr {padding-top: 16px;}
.smallhr {padding-top: 24px; padding-bottom: 16px;}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;}

li {
	padding: 8px 0 8px 16px;
	font-size: 12px;}


#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 100%;
	padding: 48px 20px 0px 38px;}

#leftcontent {height: 100%;
	width: 140px;
	float: left;
	padding-top: 34px;}

#rightcontent {width: 766px;
	height: 100%;
	padding: 37px 16px 16px 0px;
	float: right;}

#image {width: 766px;
	height: 509px;
	background-color: #f3f3f3;
	float: right;}

#caption {width: 400px;
	height: 25px;
	background-color: #f3f3f3;
	float:left;
	padding: 16px 16px 48px 0px;}
	
.caption {
	font-size: 11px;
	color: #4e4643;
}

#thumb {
	width: 200px;
	height: 25px;
	background-color: #f3f3f3;
	float:right;
	padding: 16px 0px 48px 0px;
}

#about {
	width: 670px;
	height: 200px;
	background-color: #342f2f;	
	border: solid;
	border-color: #5C534F;
	border-width: 8px;
}

.about {
	padding: 32px 32px 32px 48px;
	font-size: 14px;
	color: #e9e3e3;
	line-height: 170%
}

#aboutleft {width: 310px;
	height: 100%;
	float: left;
	margin-right: 20px;}

#aboutright {width: 310px;
	height: 100%;
	float: right;}

#contactmain {
	width: 670px;
	height: 475px;
	background-color: #342f2f;
	border: solid;
	border-color: #5C534F;
	border-width: 8px;
}

#contactleft {
	width: 385px;
	height: 100%;
	float: left;
	margin-right: 20px;}

#contactright {
	padding-top: 5px;
	width: 260px;
	height: 100%;
	float: right;}

#contactmain a {
	color: #e9e3e3;
	text-decoration: none;
	outline: none;
}

#contactmain a:hover {
	color: #1fb6c3;
	text-decoration: none;
	outline: none;
}

#contactmain a:active {
	color: #851e56;
	text-decoration: none;
	outline: none;
}

.hi {padding-bottom: 16px;}

#logo {
	width: 305px;
	height: 52px;
}

a.logo {
	background-image: url(Images/logo.png);
	height: 52px;
	width:305px;
	float:left;
	text-indent: -2000px;
	
}

a.logo:hover {background-image: url(Images/logo_over.png);}

#nav {
	height: 500px;
	width: 150px;
	padding-top: 40px;
}

#work {
	height: 33px;
	width: 60px;	
	padding-left: 2px;
}

#contact {
	height: 33px;
	width: 95px;
	padding: 16px 0px 48px 3px;
	}

a.contact {
	background-image: url(Images/contact.png);
	background-repeat: no-repeat;
	height: 33px;
	width:95px;
	float:left;
	text-indent: -2000px;
	
}

a.contact:hover {background-image: url(Images/contact_over.png);}

#footer {
	background-image:url(Images/footerbg.jpg); 
	background-color: #342f2f;
	background-repeat:repeat-x;
	height: 100px; 
	width: 100%;
	clear: both;
	}
	
#footercontainer {
	margin-left: auto;
	margin-right: auto;
	padding-top:16px;
	padding-left: 30px;
	width: 960px;
	height: 80px;
}

.footertext {
	color: #fff;	
	font-size: 12px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	outline: none;
}

#footer a:hover {
	color: #1fb6c3;
	text-decoration: none;
	outline: none;
}

#footer a:active {
	color: #851e56;
	text-decoration: none;
	outline: none;
}

.email {
	height: 11px;
	width: 180px;
	margin: 16px 0px 0px 3px;
	float: left;
}

a.email {
	background-image: url(Images/email.png);
	background-repeat: no-repeat;
	height: 11px;
	width:180px;
	float:left;
	text-indent: -2000px;
	
}

a.email:hover {background-image: url(Images/emailover.png);}

.telephone {
	height: 11px;
	width: 180px;
	margin: 16px 0px 0px 16px;
	float: left;
}