/*typography styles*/

span {
display:none;
}

h1 {
font-size:1.75em;
color:#000000;
}

h2 {
font-size:1.375em;
font-weight:bold;
color:#455560;
margin-bottom:1.25em;
}

/*h3 {
font-size:1.125em;
color:#000000;
margin-bottom:1.125em;
}*/

strong {
font-weight:bold;
color:#455560;
}

p, #middle ul, input, textarea {
font-size:0.75em;
color:#000000;
margin-bottom:1.125em;
}

#middle ul li ul {
font-size:1em;
list-style:circle;
}

#navigation a, h3, #send {
font-size:1em;
color:#ffffff;
font-weight:bold;
}

#navigation_sub a {
font-size:0.75em;
color:#455560;
font-weight:100;
}

label {
font-size:0.75em;
color:#455560;
}

#middle a:link, #middle a:visited {
color:#455560;
}

#middle a:hover {
color:#b32017;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#455560;
}

#footer a:hover {
text-decoration:underline;
color:b32017;
}

.list {
list-style:square;
margin-left:10px;
padding-left:10px;
}

#footer {
font-size:0.625em;
color:#455560;
line-height:1em;
}



/*3-column elastic layout*/

body, html {
font-family:Arial, Helvetica, sans-serif;
min-width:760px;
height:100%;
line-height:1.125em;
}

/*#header {
position:relative;
width:100%;
height:150px;
background:transparent url(../images/back_header.png) repeat-x;
clear:both;
z-index:100;
}*/

#wrapper {
position:relative;
padding:0px 200px 0px 200px;
width:auto;
min-height:100%;
background:#ffffff;
clear:both;
overflow:hidden;
}

.column {
position:relative;
float:left;
}

.padding {
padding:20px;
}

#middle {
width:100%;
height:auto;
background:#ffffff;
padding:0px;
/*equal height columns*/
margin-bottom:-20000px;
padding-bottom:20025px;
}

#left {
width:200px;
height:auto;
background:#ffffff;
right:200px;
margin-left:-100%;
padding:0px 0px 20px 0px;
background:#dcddde url(../images/back_side.png) repeat;
/*equal height columns*/
margin-bottom:-20000px;
padding-bottom:20025px;
}

#right {
width:200px;
height:auto;
background:#ffffff;
margin-right:-200px;
padding:150px 0px 20px 0px;
background:#dcddde url(../images/back_side.png) repeat;
/*equal height columns*/
margin-bottom:-20000px;
padding-bottom:20025px;
}

/*header*/

#left h1 {
background:transparent url(../images/back_header.png) repeat-x;
}

#left h1 a {
display:block;
width:200px;
height:150px;
background:transparent url(../images/logo_jg.png) no-repeat;
}

.column_top {
display:block;
width:200px;
height:150px;
margin-top:-150px;
background:transparent url(../images/back_subheader.png) no-repeat;
}


/*navigation*/

#navigation a:link, #navigation a:visited, #right h3 {
display:block;
width:180px;
height:auto;
padding:0.437em 10px 0.312em 10px;
background:#455560;
text-decoration:none;
margin-bottom:1px;
}

#navigation_sub a:link, #navigation_sub a:visited {
display:block;
width:180px;
height:auto;
padding:0.285em 0px 0.428em 20px;
background:#cccccc;
text-decoration:none;
margin-bottom:1px;
}

#navigation a:hover, #navigation_sub a:hover {
background:#b32017;
}

#navigation_sub a:hover {
color:#ffffff;
}

#blasting a.blasting, #casestudies a.casetstudies, #concrete a.concrete, #contact a.contact, #flooring a.flooring, #general a.general, #index a.index, #servicedelivery a.servicedelivery, #services a.services, #team a.team, #waterproofing a.waterproofing {
background:#b32017;
color:#FFFFFF;
}

/*middle*/

.image {
float:right;
margin:0px 0px 20px 20px;
padding:2px;
background:#CCCCCC
}

.image img {
width:234px;
height:auto;
}

.small {
font-size:0.75em;
display:block;
width:230px;
margin:0px 2px 4px 2px;
padding:0px;
color:#455560;
}

/*forms*/

form {
padding:20px 10px;
}

input, textarea {
font-family:inherit;
width:170px;
border:none;
border-style:none;
margin-bottom:0.75em;
background:#ffffff;
padding:5px;
clear:both;
}

textarea {
height:100px;
overflow:auto;
}

#send {
width:180px;
cursor:pointer;
background:#455560;
font-weight:bold;
clear:both;
}

#send:hover {
background:#b32017;
color:#ffffff;
}

#contactform {
background:#CCCCCC;
}

#contactform h3 {
display:none;
}

#contactform input, #contactform textarea {
width:250px;
}

#log_res {
display:block;
padding:10px;
margin-top:-25px;
}

#log_res p {
border:2px solid #990000;
background:#FFCCCC;
padding:4px;
}

/*footer*/

#footer {
padding:10px;
margin:20px 0px;
}