* { padding:0;margin:0; }

body { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#292929; background:#1e1e20 url("../safety-surfacing-images/bg.gif") top center repeat-x; }
div#body {background: url("../safety-surfacing-images/top-tile.jpg") top center repeat-x;}
img {border:0px;}

h1, h2, h3, h4 { font-family:"Book Antiqua", "Times New Roman", Arial, sans-serif; }

h2 { color:#b40104;font-size:18px;  font-family: verdana, arial, serif;}

a, a:link, a:active, a:hover { font:11px Verdana, Arial, Helvetica, sans-serif;color:#b40104;text-decoration:none; }

#container {width:764px;margin:0 auto; }

#header { width:764px;height:174px;background:url(../safety-surfacing-images/headerbg.gif) top left no-repeat; }

#logo { width:372px;float:left;text-align:center;font-family:"Book Antiqua", "Times New Roman", Arial, sans-serif;font-size:20px;font-weight:bold; }
#logo p { line-height:25px; }
#logo span { color:#b40104;}
#logo span img { vertical-align:top;margin:1px 0 0 0; }

#logo a { color:#2f4350;text-decoration:none;font-size:20px;font-family:"Book Antiqua", "Times New Roman", Arial, sans-serif; }

#navbar { float:right;width:392px; }
#navbar ul.nav { margin:5px 0 0 5px;}
#navbar ul.nav li { list-style:none;display:inline; }
#navbar a { display:block;float:left;margin:0 0 0 12px;padding:3px;color:#FFF;font-size:22px;font-family:"Book Antiqua", "Times New Roman", Arial, sans-serif;text-decoration:none; }
#navbar a:hover, #navbar a.on { background:#b40104; }

#top-info {margin-left:40px; margin-right:30px; color:#fff;}
#top-info h2 {margin-top:80px;}
#top-info h3 {font-family: verdana, arial, serif; font-weight:normal; font-size:1em;}
#top-info ul {list-style-type:square;margin-left:20px;color:#b40104;}
#top-info ul li h3 {color:#fff;}

ul#services {list-style-type:square;margin-left:20px;color:#b40104;}

#maincontent { width:764px;background:url(../safety-surfacing-images/surface-tile.jpg) top right repeat-y;}

.completed-safety-surface {display:block; float:left; width:150px; height:150px; padding-top:12px; background: url("../safety-surfacing-images/gallery-bg.png") top center no-repeat; text-align:left;}
.completed-safety-surface a {padding-left:17px;}


#homecol1, #homecol2, #homecol3 { float:left; }
#homecol1 {width:355px;height:370px; background: url("../safety-surfacing-images/portfolio-bg.png") bottom left no-repeat;}

#buttons {float:left;position:absolute;z-index:20;}

#homeright {float:right;width:381px;height:auto; margin-top:20px; margin-bottom: 30px; margin-right:23px; color:#fff; background: url("../safety-surfacing-images/home-2.png") top center;}
#homeright div {padding:20px;}
#homeright a:link {color:#fff; text-decoration:underline;}
#homeright a:visited {color:#fff; text-decoration:underline;}
#homeright a:hover {color:#fff; text-decoration:none; background:#b40104;}
#homeright a:hover.none {background:none;}

#contact-form { float:left;width:400px; }
#contact-info { float:right;width:295px; }

#specialist {clear:both; background:url(../safety-surfacing-images/specialistsbg.gif) top center no-repeat;height:94px; margin-left:25px; }
#specialist h1 {font-weight:normal;font-size:33px;color:#bc0205;text-align:center; padding-top:23px; }

#footer { width:764px;clear:both;color:#1aa2fb;text-align:center;padding:10px 0; }
#footer a { color:#1aa2fb; }
#footer a:hover { color:#FFF;background:#b40104; }

Input, textarea {
margin:1px;
padding:1px;
border:3px solid #0b347b;
background:#f7f6f9;
width:320px;
color: #b40104;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
}
input.submit {
margin-top:10px;
padding:4px; padding-top:6px; padding-bottom:6px;
border:0px;
background:#b40104;
color:#f7f6f9;
font-size:1.8em;
font-family: 'Times New Roman', sans-serif;
width:120px;
cursor: pointer;

}

/* THICKBOX CSS */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #292929;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#292929;
}

#TB_window a:link {color: #b40104;}
#TB_window a:visited {color: #b40104;}
#TB_window a:hover {color: #fff; background:#b40104;}
#TB_window a:active {color: #b40104;}
#TB_window a:focus{color: #b40104;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #f7f6f9;
	z-index: 102;
	color:#292929;
	display:none;
	border: 4px solid #0b347b;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window h3 {font-family:verdana, arial, serif; color:#b40104; text-align:center;}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}