/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */

/* generated by csscreator.com */ 
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #333333;
} 

h1 {
	font-size: 2em;
	color:gray;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #354e88;
}

a:hover {
	color: #6495ed;
}
 
#pagewidth{ 
	width:953px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	border-left: 1px #bbbbbb solid; 
	border-right: 1px #bbbbbb solid; 
} 
#wrapper {
	min-height: 500px;
}
#header{
	position:relative; 
	height:207px; 
	background-color:#FFFFFF; 
	width:100%;
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	background-position: left top;
} 
 
#leftcol{
	width:170px; 
	float:left; 
	position:relative; 
	padding-left: 10px;
  }
 
#maincol{
	background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width:753px; 
	min-height: 500px;
	padding-right: 20px;
	padding-bottom: 20px;
 }
 
#footer{
	height: 40px; 
	background-color: #354e88; 
	clear: both;
	vertical-align: middle;
	text-align: center;
 } 
 
#footertext {
	padding-top: 15px;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*------ End Layout ---------*/

#tblContact {
	width: 100%;
}

#tblContact td {
	vertical-align: top;
}

#map {
	width: 750px;
	height: 500px;
}

#contact {
	text-align: left;
}

#contactframe {
	height: 320px;
}
#calframeleft {
	height: 300px;
	width: 350px;
	float: left;
}
#calframeright {
	height: 300px;
	width: 350px;
	float: right;
}