#hd {
	background: url(img/logoani.gif) no-repeat left top;
	margin: 0;
	height: 124px;
	width: 120%;
}
body{
	margin: 0;
	font: 10px "Trebuchet MS", Myriad, Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
}

#contact a {
	text-align: center;
	text-decoration: none;
	float: left;
	line-height: 21px;
	font-size: 8px;
	letter-spacing: 1px;
	color: white;
}

#contact a:hover {
	color: gray;
}

html {
	margin: 0;
	background: url(img/bg.jpg);
}


div#headerimg {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

#fontpage {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	font: italic 15px/20px Georgia, "Times New Roman", Times, serif;
	color: gray;
	text-align: center;
}

a:hover#gc{
	background-image: url(img/webiconshover.png);
}

a#gc {
	height: 100px;
	background-image: url(img/webicons.png);
	padding: 0;
	line-height: 190px;
	color: black;
	display: block;
	width: 100px;
	float: left;
	text-align: center;
	text-decoration: none;
}

a#sf {
	height: 100px;
	padding: 0;
	line-height: 190px;
	color: black;
	display: block;
	width: 100px;
	float: left;
	text-align: center;
	text-decoration: none;
	background: url(img/webicons.png) -116px;
}

a:hover#sf {
	background: url(img/webiconshover.png) -116px;
}

a#ff {
	height: 100px;
	padding: 0;
	line-height: 190px;
	color: black;
	display: block;
	width: 100px;
	float: left;
	text-align: center;
	text-decoration: none;
	background: url(img/webicons.png) -228px;
}

a:hover#ff {
	background: url(img/webiconshover.png) -228px;
}

#fontpage a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	border-bottom: 1px dotted gray;
	padding-bottom: 5px;
}

#webicons {
	width: 330px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	margin-bottom: 30px;
}

#webicons a {
	margin-right: 5px;
	margin-left: 5px;
}

.description {
	float: left;
	font: italic 10px/16px "Trebuchet MS", Myriad, Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	background: url(img/clientmarker.png) repeat-x 0 5px;
	color: gray;
	padding-top: 20px;
	width: auto;
	height: auto;
}

.cube div.description p {
	margin: 0;
	padding: 10px 2px 10px 10px;
	color: gray;
}

.cube {
	width: 180px;
	height: auto;
	float: left;
	overflow: hidden;
	padding-right: 4px;
	margin: 0 0 3px;
}


#page {
	float: left;
	background-color: transparent;
	width: 120%;
	padding: 0;
	margin: 0;
}

img {
	border-width: 0;
}

.cube img {
	overflow: hidden;
	width: 170px;
	height: 170px;
}

.cube a {
	width: 180px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	height: 180px;
	position: relative;
	background: url(img/blkslider.gif) no-repeat;
}

.cube a:hover {
	width: 180px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	height: 180px;
	position: relative;
	background: url(img/blkslider2.gif) no-repeat left top;
}

.cube div.title {
	font: italic 18px/22px Georgia, "Times New Roman", Times, serif;
	background-image: url(img/blk.png);
	color: white;
	letter-spacing: 1px;
	margin-top: 58px;
	position: absolute;
	z-index: 1;
	float: left;
	padding: 7px 10px 7px 14px;
}

#footer {
	float: left;
	clear: left;
	width: 120%;
	height: 100%;
	margin-top: 20px;
	padding: 10px 0;
	background-image: url(img/blk.png);
	color: white;
}

span.header2 {
	letter-spacing: 1px;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px dotted gray;
	background-image: url(img/blkslider.gif);
	padding-top: 7px;
	padding-right: 10px;
}

#footer p {
	font: italic 10px/16px Georgia, "Times New Roman", Times, serif;
	padding: 10px 8px 12px 28px;
	width: 200px;
	float: left;
	clear: left;
	color: white;
	margin: 0;
}

.space {
	float: left;
	margin-right: 0;
	border-right: 1px dotted silver;
	height: 180px;
	padding: 0 10px 20px;
}

.space ol {
	float: left;
	clear: left;
	line-height: 18px;
	font-size: 8px;
	color: white;
	font-style: italic;
	list-style-type: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 28px;
	margin: 10px 0 0;
}

.space a {
	color: #fcff71;
	text-decoration: none;
	list-style-type: none;
}

.cube div.web {
	float: left;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	background-image: url(img/blk.png);
	margin-top: 30px;
	color: white;
	position: absolute;
	z-index: 1;
	clear: left;
	padding: 5px 8px 5px 14px;
}

.cube div.lebel {
	float: left;
	padding: 5px 8px 5px 14px;
	font: italic 9px "Trebuchet MS", Myriad, Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	background-image: url(img/blk.png);
	margin-top: 5px;
	color: white;
	clear: left;
	position: absolute;
	z-index: 1;
}

.navbtn {
	width: 38px;
	float: left;
	height: 38px;
	margin-right: 28px;
}

#work img {

}

#contact img.btn2 {
	margin-top: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


#nav {
	float: left;
	width: 200px;
	height: auto;
	margin-left: 160px;
	margin-top: 30px;
}

#work a {
	line-height: 14px;
	text-decoration: none;
	float: left;
	text-align: center;
	font-size: 8px;
	letter-spacing: 1px;
	color: white;
}

#work a img.btn2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 19px;
}

#work a:hover{
	color: gray;
}

#page div.pageheader {
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: 26px;
	margin-top: 92px;
	visibility: visible;
	z-index: 1;
	margin-left: -18px;
}

#main div.pagebreak ul {
	padding-left: 0;
}

td.left {
	width: 90px;
	font: italic 15px/30px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: right;
	color: gray;
	padding-right: 10px;
}

td.right {
	color: gray;
	padding-top: 8px;
	padding-right: 0;
	text-transform: lowercase;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
}

span.required {
	color: purple;
	padding-left: 4px;
	padding-right: 4px;
}

.space span.header2 span.required {
	color: purple;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.cube div.description p span {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-transform: lowercase;
	border-top: 1px dotted silver;
	width: 90%;
	float: left;
	font-variant: small-caps;
	background-color: white;
	padding: 3px 8px 6px;
}

input#q2.error {
	color: black;
}

#main div.pagebreak table tbody tr td.right div.DivErrortext {
	border-width: 0;
	background-color: transparent;
	margin: 0;
}


#recaptcha_response_field {
	border-width: 0;
}

input.btn {
	border-width: 0;
	padding: 10px 40px;
	background: #97d7d9 url(img/contacticon1.png) no-repeat center center;
	float: right;
	margin: 0;
}


#q0 {
	height: 25px;
	border-width: 0;
	background-image: url(img/blk.png);
	width: 296px;
	color: white;
	padding: 5px;
	margin-bottom: 8px;
}

#q2 {
	height: 25px;
	border-width: 0;
	background-image: url(img/blk.png);
	width: 296px;
	color: white;
	padding: 5px;
	margin-bottom: 8px;
}

#q9 {
	height: 25px;
	border-width: 0;
	background-image: url(img/blk.png);
	width: 296px;
	color: white;
	padding: 5px;
	margin-bottom: 8px;

}

#q7 {
	border-width: 0;
	background-image: url(img/blk.png);
	width: 296px;
	color: white;
	padding: 5px;
	margin-bottom: 8px;
}

div.textbox {
	float: left;
	width: 310px;
	font: italic 12px/20px Georgia, "Times New Roman", Times, serif;
	color: gray;
	border-left: 1px dotted gray;
	height: 370px;
	margin-left: 18px;
	padding: 10px 10px 10px 20px;
}

div.textbox span {
	font-size: 14px;
	font-weight: bold;
}

div.textbox p{
	margin: 0;
	line-height: 20px;
	padding-top: 10px;
}

div.textbox a {
	text-decoration: none;
	font-size: 12px;
	color: black;
}

#contactform {
	float: left;
	width: 420px;
}

.space ol li {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 8px;
}

#page div.cuberow {
	height: auto;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: auto;
	border-top: 1px dotted silver;
	padding-top: 5px;
}
