@import url(./global.css);

#mainImage{
	margin: auto;
		width:710px;
	padding: 10px 0 5px 0;
}
#mainImage img, #upper img{
	border: solid 1px #ccc;
	padding: 4px;
	background: #eee;
	margin-top: 1px;
}
img.left{
	margin-left:0.5em;
}
.right{
	float: right;
}
.left{
	float:left;
}
#upper,#lower{
    float: left;
	margin: 0;
	padding: 0 0 1em 0.5em;
}

#leftOneCol{
	width: 39em;
	float: left;
	margin: 1em;
}
#rightOneCol{
	width:35em;;
	float:left;
	margin:1em;
}
#upper h4{
	font-size: 10pt;
	margin: 10px 0 0 0;
	padding:0;
}
.whatdowedo {
    /* text image replacement*/
	text-indent:-2000px;
	padding-bottom: 5px;
	background: #fff url(../img/whatdowedo.png) no-repeat top left;
}
.getintouch {
    /* text image replacement*/
	text-indent:-2000px;
	padding-bottom: 5px;
	background: #fff url(../img/getintouch.png) no-repeat top left;
}
.news {
    /* text image replacement*/
	text-indent:-2000px;
	padding-bottom: 5px;
	background: #fff url(../img/news.png) no-repeat top left;
}
#upper h2{
   /* text image replacement*/
	text-indent:-2000px;
	background: #fff url(../img/strap.png) no-repeat 40px 0px !important;
	background: #fff url(../img/strap.gif) no-repeat 40px 0px;
	padding-bottom: 2em;
	margin: 0 auto;
}
#upper p{
	font-size: 10.5pt;
	margin: 5px auto;
	line-height: 15pt;
}

#upperLeft{
	float:left;
	width: 46%;
	margin-left: 1.5em;
}
#upperRight {
	float: right;
	width: 46%;
	margin-right: 1.5em;
}
#miniContact{
	width: 35em;
	float: left;
	background: #eeeeff;
  }
#formLeft{
	float: left;
	width: 15em;
	padding-top: 6px;
}
#formLeft p{
	text-align: right;
	line-height: 1.8em;
}
#formRight{
	float: right;
	width: 19.8em;
	padding-top: 6px;
}
#miniContact input{
	height: 1.3em;
	width: 8em;
	font-size: 8pt;
	border: 1px dotted #777;
	background: #fff;
	padding-left: 2px;
	color: #333399;
	font-family: inherit;
}
#miniContact .inputButton{
	height: 1.5em;
	padding: 0;
	margin: 17px 0 0 60px !important;
	margin: 30px 0 0 60px;
	width: 5em;
	color: #fff;
	font-family: inherit;
	background: #333399;
	border: 0;
}
#miniContact .inputButton:hover{
	cursor: pointer;
}
#miniContact label{
	color: #555;
	position: relative;
	left: -.2em;
}
#miniContact textarea{
	float: right;
	height: 11.4em;
	width: 16em;
	margin-right: 1em;
	padding: 0 .2em;
	font-size: 8pt;
	font-family: inherit;
	border: 1px dotted #777;
	background: #fff;
	color:#333399;
}
/*ie6 <- hack to avoid nasty dashed borders */
* html #miniContact textarea, * html #miniContact input{
	border: 1px solid #777;
}