body {font-family:Average,Arial;
	background-image:url(images/bg.gif);
	background-repeat: repeat-x;
	font-size:17px;
}
html {height:101%;}
.smalltext {font-size: 8pt;
	text-align:center;
	line-height:15px;}
.medium {font-size: 14pt;
	text-align:center;}
.large {font-size: 28px;
	text-align:center;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatright {float: right;
	padding-left:20px;}
.floatleft {float: left;
	padding-right:20px;}
.clear {clear:both;}
#container {margin:auto;
	width:775px;}
#header {width:730px;
	margin:auto;}
#eye {float:left;
	position:relative;
	top:6px;
	padding-right:9px;}
#logo {float:left;
	font-size:45px;
	color:#ffffff;}
#main {width:100%;
	color: #000000;
	margin-top:10px;
	margin-left:0;
	margin-bottom:40px;
	float:right;
	display:inline;}
#footer {clear:both;
	font-size:10pt;
	font-family:average, arial;
	text-align:center;
	padding-top:30px;
	padding-bottom:5px;
	color:#676767;}
#navbar {display:block;
	clear:both;
	list-style-type:none;
	text-align:center;
	padding-top:8px;
	margin-left:170px;
	font-size:18px;}
#navbar li {display:inline;
	padding-right:18px;}
#contact {clear:both;
	width:100%;
	border-top:4px solid #939292;
	text-align:center;
	margin-top:40px;
	padding-top:40px;}
div.pagephoto {float:right;
	padding-left:25px;
	padding-top:25px;}
div.services1 {width:250px;
	text-align:left;
	display:inline;
	float:left;}
div.services2 {width:260px;
	text-align:left;
	display:inline;
	float:left;}
div.services3 {width:250px;
	text-align:left;
	display:inline;
	float:right;}
h1 {font-size:30px;
	font-weight:normal;
	color:#ffffff;
	margin:0;
	padding-bottom:10px;
	padding-bottom:10px;
	border-bottom:4px solid #939292;
	width:100%;}
h2 {font-size:18px;
	text-align:center;
	font-weight:normal;
	color:#551c14;
	margin:10px;}
h2.long {white-space: nowrap;
	position:relative;
	left:-10px;
	font-size:18px;
	text-align:left;
	font-weight:normal;
	color:#551c14;
	margin:10px;}
li {padding-bottom:5px;}
span.highlight {color:#a0a0a0;}
span.red {color: #fa0000;
	font-weight:bold;}
td {vertical-align: top;}
td.bottom {vertical-align:bottom;}
a:link {color: #e60000;
	text-decoration: none;}
a:visited {color: #e60000;
	text-decoration: none;}
a:hover {color: black;
	text-decoration: underline;}
a:active {color: black;}
a.name:link {color: #ffffff;
	text-decoration: none;}
a.name:visited {color: #ffffff;
	text-decoration: none;}
a.name:hover {color: #ffffff;
	text-decoration: none;}
a.name:active {color: #ffffff;
	text-decoration: none;}
a.nav:link {color: #000000;
	text-decoration: none;}
a.nav:visited {color: #000000;
	text-decoration: none;}
a.nav:hover {color: #ffffff;
	text-decoration: none;}
a.nav:active {color: #ffffff;
	text-decoration: none;}
a.navOn:link {color: #ffffff;
	text-decoration: none;}
a.navOn:visited {color: #ffffff;
	text-decoration: none;}
a.navOn:hover {color: #ffffff;
	text-decoration: none;}
a.navOn:active {color: #ffffff;
	text-decoration: none;}
a.foot:link {color: #676767;
	text-decoration: none;}
a.foot:visited {color: #676767;
	text-decoration: none;}
a.foot:hover {color: #676767;
	text-decoration: underline;}
a.foot:active {color: #676767;
	text-decoration: none;}
b {font-weight: bold;}




/* RESPONSIVE CSS ----------- */

@media (min-width: 320px) and (max-width: 480px) {

	
	#container {margin:auto;
		width:480px;} 

	#header {width:480px;
		margin:auto;}

	#eye {text-align:center;
		top:6px;
		padding-right:9px;}

	#logo {margin:auto;
		font-size:35px;
		color:#ffffff;}

	#main {min-height:500px;
		width:100%;
		color: #000000;
		margin-top:10px;
		margin-left:30px;
		margin-bottom:40px;
		font-size:13pt;}
	
	#navbar {width:100%;
		display:block;
		clear:both;
		list-style-type:none;
		text-align:center;
		padding-top:8px;
		margin-left:0px;
		font-size:20px;}
	
	#navbar li {display:block;
		padding-right:0px;
		text-align:left;
		border-bottom:1px solid white;}

	#contact {border-top:4px solid #939292;
		text-align:center;
		margin-top:40px;
		padding-top:40px;
		font-size:8pt;}

	#footer {text-align:left;
		font-size:8pt;
		font-family:average, arial;
		color:#676767;}

	h1 {font-size:36px;
		font-weight:normal;
		color:#000000;
		margin:0;
		padding-bottom:10px;
		padding-bottom:10px;
		border-bottom:4px solid #939292;
		width:100%;}

	h2 {width:320px;
		font-size:28px;
		text-align:center;
		font-weight:normal;
		color:#551c14;
		margin:10px;}

	h2.long {width:320px;
		font-size:28px;
		text-align:center;
		font-weight:normal;
		color:#551c14;
		margin:10px;}          

	div.services1 {display:block;
		font-size:18pt;
		text-align:left;}

	div.services2 {display:block;
		font-size:18pt;
		text-align:left;}

	div.services3 {float:left;
		display:block;
		font-size:18pt;
		text-align:left;}

}




@media (min-width: 480px) and (max-width: 600px) {

	
	#container {margin:auto;
		width:480px;} 

	#header {width:480px;
		margin:auto;}

	#eye {text-align:center;
		top:6px;
		padding-right:9px;}

	#logo {margin:auto;
		font-size:35px;
		color:#ffffff;}

	#main {min-height:500px;
		width:100%;
		color: #000000;
		margin-top:10px;
		margin-left:30px;
		margin-bottom:40px;
		font-size:15pt;}
	
	#navbar {display:block;
		clear:both;
		list-style-type:none;
		text-align:center;
		padding-top:8px;
		margin-left:0px;
		font-size:16px;}
	
	#navbar li {display:inline;
		padding-right:18px;}

	#contact {border-top:4px solid #939292;
		text-align:center;
		margin-top:40px;
		padding-top:40px;
		font-size:8pt;}

	#footer {text-align:left;
		font-size:8pt;
		font-family:average, arial;
		color:#676767;}

	h2 {width:320px;
		font-size:25px;
		text-align:center;
		font-weight:normal;
		color:#551c14;
		margin:10px;}

	h2.long {width:320px;
		font-size:25px;
		text-align:center;
		font-weight:normal;
		color:#551c14;
		margin:10px;}          

	div.services1 {display:block;
		font-size:15pt;
		text-align:left;}

	div.services2 {display:block;
		font-size:15pt;
		text-align:left;}

	div.services3 {float:left;
		display:block;
		font-size:15pt;
		text-align:left;}

}