/* 
esie Solutions
Cascading Style Sheet for Computer Screens
*/

/* LAYOUT STYLES */
body {}
#page {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
#top {
	position: relative;
	height: 150px;
	background: url(../images/top.jpg) no-repeat;	
}
#header {height: 109px; padding-top: 10px;}
#logo {float: left; padding-left:15px;}
#esie_logo {}
#news {float: right; padding-right: 15px;}
#menu, #menu_home, #menu_about, #menu_services, #menu_portfolio, #menu_reference, #menu_contact {
	position: absolute;
	right: 0px;
	top: 109px;
	width: 607px;
	height: 41px;
	padding:0; margin:0;
	padding-top: 6px;
}
#middle {
	height: 490px;
	padding-top: 10px;
	padding-left: 10px;
	background: url(../images/middle_bg.jpg) no-repeat;	
}
#left {
	float: left;
	width: 150px;
}
#left_top {
	position: relative;
	height: 400px;
	width: 150px;
	background: url(../images/left.jpg) no-repeat;
	padding-top: 5px;
}
#pricelist {
	padding-right: 5px;
}
#pricelist img {
	float: right;
	width: 140px;
	height: 30px;
	border-width: 0;
}
#left_img {
	padding-right: 5px;
}
#left_img img {
	float: right;
	padding-bottom: 5px;		
}
#main {
	float: left;
	height: 480px;
	width: 580px;
	margin-left: 5px;
	overflow: auto;
}
#contactdiv {}
#contacttextdiv {
	float: left;
	width: 150px;
	padding-left:5px;
	font-family: arial;
	font-weight: bold;
}
#contactformdiv {
	float: right;
	width: 380px;
	background: #ffefcb;
	border: 1px solid black;
	padding:5px;
	text-align: center;
	margin-bottom: 10px;	
}
#contactform {}
#map {
	clear:both; 
	float: left;
	width: 550px; 
	height: 300px; 
	min-height: 300px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 10px;
}
.contactformhead {
	color: blue;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}
.contactformleft {
	vertical-align: top;
}
.contactformlabel {
	float: left;
	font-weight: bold;
}
.contactforminput {
	float: right;
}
#bottom {
	height: 50px;
	background: url(../images/bottom.jpg) no-repeat;
	text-align: center;
	padding-top: 0px;
}

.hidden {display:none;}

/* MENU STYLES */
#menu {background: url(../images/menu_bg.jpg) no-repeat;}
.menuimg {float: right; height: 30px; width: 95px; border-width: 0;}
a#reference img {width: 100px;}
a#contact img, a#contact_sel img {width: 120px; padding-right: 5px;}
a#home img {background: url(../images/home.jpg) top left no-repeat;}
a#about img {background: url(../images/about.jpg) top left no-repeat;}
a#services img {background: url(../images/services.jpg) top left no-repeat;}
a#portfolio img {background: url(../images/portfolio.jpg) top left no-repeat;}
a#reference img {background: url(../images/reference.jpg) top left no-repeat;}
a#contact img {background: url(../images/contact.jpg) top left no-repeat;}
a#contact_sel img {background: url(../images/contact_active.jpg) top left no-repeat;}
a#home:hover img {background: url(../images/home_hover.jpg) top left no-repeat;}
a#about:hover img {background: url(../images/about_hover.jpg) top left no-repeat;}
a#services:hover img {background: url(../images/services_hover.jpg) top left no-repeat;}
a#portfolio:hover img {background: url(../images/portfolio_hover.jpg) top left no-repeat;}
a#reference:hover img {background: url(../images/reference_hover.jpg) top left no-repeat;}
a#contact:hover img {background: url(../images/contact_hover.jpg) top left no-repeat;}

/* FONT STYLES */
h2 {
	color: #00477f;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding:0;
	margin:0;
}
ul {
	list-style-image: url("../images/esie_dot.jpg");
}
p {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
a {
	color: #859bc0;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color: #fdb813;
}
td {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
.listlink {
	background: #ffefcb;
}
.listlink a {color: #00477f;}
.listlink a:hover {color: #fdb813;}
#newsletterform p {
	position: absolute;
	bottom: 30px;	
	color: white;
	font-family: Arial, sans-serif;
	font-size: 13pt;
	font-weight: normal;
	padding: 5px;
	padding-top: 10px;
}
#newsletterform form {
	position: absolute;
	left: 5px;
	bottom: 10px;
}
#bottom p{
	color: white;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 10px;
}
.error {
	color: red;
	font-weight: bold;
}