/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.21
Developer: 			Parscale Media
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://www.roblesservicegroup.com
Last Modifier:		Brad Parscale - Parscale Media
Last Modified: 		Sat 11.27.09 @ 1:28pm

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q{ quotes: none; }
br{ height: 0; }
ul, ol, dl{ list-style: none; }

/* Class for clearing floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}


/* 2. Define Base Typography 
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #0192b1; font-weight: normal; text-transform: uppercase; margin-bottom: 6px;}

/* Create the Default Paragraphs */
p {color:#424344; line-height:18px;}

/* Specific Header Settings */
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* Other Typo */
strong{font-weight: bold;}
hr{border:0 #000 solid;border-top-width:1px;clear:both;height:0;}
ol{list-style:decimal;}
ul{list-style:square;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style:none;}

/* Create default inline image class */
img.inline{ display: inline; vertical-align: middle; }


/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a{color:#940700 ; text-decoration:none;}
a:hover{color:#940700 ; text-decoration:none;}
a:active{outline:none;}
a:focus{outline:1px dotted invert;}
a.arrows {background: url("/images/site/bullet_arrows.gif") 0 4px no-repeat; padding-left: 18px;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/* Default Horizontal Zebra Table */
#hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;}
#hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;}
#hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;}
#hor-zebra td{color:#454444;padding:5px 8px 5px 8px; }
#hor-zebra .odd{background:#f1f1f2;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {font: 12px "Lucida Grande", "helvetica", sans-serif, monospace;}

/* Wrapper */
#wrapper{width: 960px; margin: 0 auto;}

/* Header */
#header {margin-top: 10px; width: 960px; position: relative; height: 75px;}
#logo {width: 355px; height: 55px; position: absolute; top: 0; left: 0;}

/* Navigation */
#navigation {width: 525px; position: absolute; top: 25px; left: 450px;}
#navigation ul {list-style: none;}
#navigation ul li {display: inline; margin-right: 45px;}
#navigation ul li a {color: #424344; font-size: 14px; font-weight: bold; text-transform: uppercase;}
#navigation ul li a:hover {color: #c16649; text-decoration: none;}
#navigation ul li.right {margin-right: 0;}
#navigation ul li a.current {color: #c16649}

/* Banner */
#banner {width: 960px; height: 375px; position: relative; overflow: hidden;}
#banner_navigation {width: 960px; border-top: 1px solid #fff; position: absolute; bottom: 0; left: 0;}
.banner_message {height: 80px; padding: 10px; width: 350px; position: absolute; right: 0; top: 180px; background: url("/images/site/ajax_synopsis_rptr.png");}
.banner_message p {color: #fff;}
.banner_message a {color: #fff; text-decoration: underline;}
.banner_nav {width: 192px; height: 80px; float: left; background: url("/images/site/ajax_nav_rptr.png"); text-align: center;}
.banner_nav a {font-weight: 100; border-right: 1px solid #fff; display: block; width: 191px; height: 53px; color: #fff; font-family: "helvetica"; font-size: 18px; padding-top: 27px;}
.banner_nav a:hover {text-decoration: none; background: #8e2c17;}
.banner_nav a.right {border-right: none; width: 192px;}

#demolition_image {position: absolute; top: 0; left: 0;}
#environmental_image {position: absolute; top: 0; left: 0; display: none;}
#construction_image {position: absolute; top: 0; left: 0; display: none;}
#work_image {position: absolute; top: 0; left: 0; display: none;}
#concrete_image {position: absolute; top: 0; left: 0; display: none;}

#demolition_message {right: -400px;}
#environmental_message {right: -400px;}
#construction_message {right: -400px;}
#work_message {right: -400px;}
#concrete_message {right: -400px;}


#environmental_link:hover {background: #9f8b3b;}
#construction_link:hover {background: #2096af;}
#work_link:hover {background: #487e3c;}
#concrete_link:hover {background: #404344;}

.demolition {background: #8e2c17;}
.environmental {background: #9f8b3b;}
.construction {background: #2096af;}
.work {background: #487e3c;}
.concrete {background: #404344;}


/* Main */
#main {margin-top: 20px; margin-bottom: 20px;}
#main_content {width: 710px; margin-right: 20px; float: right;}
#main_content p {margin-bottom: 10px;}

/* Secondary */
#secondary_content {width: 200px; padding-left: 10px; margin-right: 20px; float: left;}
#secondary_content ul {list-style: none;}
#secondary_content ul li {background: url("/images/site/bullet.gif") 0 4px no-repeat; margin-bottom: 3px; padding-left: 15px; font-size: 12px;}
#secondary_content ul li a.current {font-weight: bold;}

/* Home */
#experience_home {width: 280px; float: left; margin-right: 20px;}
#services_home {width: 280px; float: left; margin-right: 20px;}
#video_home {width: 320px; float: right;}

/* Experience */
#projects {width: 710px; margin-top: 20px;}
#projects h6 {margin-bottom: 3px;}
#projects .project_summary {width: 345px; float: left; margin-right: 20px; margin-bottom: 40px;}
#projects .right {float: right; margin-right: 0;}
.ps_image {width: 185px; margin-right: 10px; float: left;}
.ps_image img {width: 180px; }
.ps_text {width: 150px; float: right;}
#photo_gallery {margin-top: 20px;}
#photo_gallery img {border: 1px solid #636465; margin-right: 20px; margin-bottom: 20px;}

/* Paginate */
#paginate {margin-top: 10px;}

/* Footer Link */
#footer_logos {width: 960px; margin-bottom: 40px;}
#footer_logos .aci {width: 160px; height: 80px; display: block; overflow: hidden; background: url("/images/site/logo_aci.jpg"); float: left;}
#footer_logos .aci:hover {background-position: 0 -80px;}
#footer_logos .agc {width: 160px; height: 80px; display: block; overflow: hidden; background: url("/images/site/logo_agc.jpg"); float: left;}
#footer_logos .agc:hover {background-position: 0 -80px;}
#footer_logos .dem {width: 160px; height: 80px; display: block; overflow: hidden; background: url("/images/site/logo_dem.jpg"); float: left;}
#footer_logos .dem:hover {background-position: 0 -80px;}
#footer_logos .sba {width: 160px; height: 80px; display: block; overflow: hidden; background: url("/images/site/logo_sba.jpg"); float: left;}
#footer_logos .sba:hover {background-position: 0 -80px;}
#footer_logos .shca {width: 160px; height: 80px; display: block; overflow: hidden; background: url("/images/site/logo_shca.jpg"); float: left;}
#footer_logos .shca:hover {background-position: 0 -80px;}
#footer_logos .txmas {width: 160px; height: 80px; display: block; overflow: hidden; background: url("/images/site/logo_txmas.jpg"); float: left;}
#footer_logos .txmas:hover {background-position: 0 -80px;}

/* Footer */
#footer {text-align: center; margin-top: 40px; font-size: 12px; margin-bottom: 20px;}
#footer p {color: #939291;}
#footer a {color: #c16649;}