@charset 'UTF-8"';
@import 'src/reset.css';
@import 'src/typography.css';
@import 'src/forms.css';
@import 'src/global.css';
@import 'src/messages.css';



/****************************************************************************************************
Global
****************************************************************************************************/

body
{
	background:url(images/stonewall.jpg) center center fixed #fff;
	font-family:helvetica, arial, sans-serif;
	min-width:980px;

}
body,html{padding:0;margin:0}
img{border:0}
a,
h1,
h2,
h3,
h4,
h5,
h6
{
	color:#1c5c4b;
}



/****************************************************************************************************
Layout
****************************************************************************************************/
.content
{
	margin:20px;
}
/****************************************************************************************************
	Header
****************************************************************************************************/
#header
{
	float:left;
	width:100%;
	background:url(images/header5.jpg) center top repeat #1c5c4b;

}

#header .content
{
	width:980px;
	margin:0 auto;
}
#header .nav
{
	float:left;

	width:100%;
	position:relative;
	z-index:99;
	padding:0 0 0 0;
	top:-10px;
}

#header .nav li
{list-style:none;
	margin:0 15px 0 0;
	float:left;
}
#header .nav a
{text-decoration:none;
	color:#ddd;
	background:#444;
	padding:5px 10px;
	font:800 11px arial;
}
#header .nav a:hover
{
	color:#ccc;
	text-decoration:underline;
}

#logo
{
margin:40px auto 0 auto;
float:left;
}
#logo span
{
	font-size:52px;
}
#logo a
{
	text-decoration:none;
	color:#fff;
}
#logo a:hover
{
	color:#ececec;
}

#header .cycle
{
	float:right;
	position:relative;

	height:200px;
	width:370px;
	z-index:1;
	margin:12px 60px -330px 0;
}
#header .cycle img
{position:absolute;
	height:200px;
	width:370px;border:1px solid #999;
}


.box
{
	padding:10px;
	border:1px solid #ccc;
	margin:0 auto 15px auto;
}
h1.box, h2.box, h3.box, h4.box, h5.box, h6.box {
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	background:url(images/bg2.png) center repeat-x #1c5c4b;
	color:#fff;
	margin:0 0 10px 0;
	padding:5px;
}
h1.heading {
	padding:10px;
	margin:0 0 20px -2%;
	font-size:26px;
	width:102%;
}

/****************************************************************************************************
	Content Wrapper
****************************************************************************************************/
#wrapper
{
	margin:0 auto;
	min-width:980px;
	max-width:980px;
}
#inner
{
	float:left;
	width:100%;
	background:#ccc;
	overflow:hidden;
}
/****************************************************************************************************
	Navigation
****************************************************************************************************/

/* temp */
#nav .content > ul{padding-left:60px}

#nav
{
	position:relative;
	z-index:99;
	float:left;
	background:url(images/bg1.png) bottom repeat-x  #1c5c4b;
	width:100%;
}
#nav .content
{
	padding:0;
	margin:5px auto;
	width:980px;
}
#nav ul *,
#nav ul
{
	text-decoration:none;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
#nav > div > ul
{
	margin:0 0 5px 0;
}
#nav a
{
	background:url(images/bg2.png) center repeat-x #ddd;
	font:900 normal 13px "Arial";
	color:#222;
	margin:0 2px 0 0;
	padding:3px 15px 0 15px;
	line-height:24px;
	vertical-align:middle;
	text-transform:uppercase;
	white-space:nowrap;
}
#nav .active a
{
	background:#fff;
}
#nav a:hover,
#nav ul li:hover a
{
	background:#aaa;
}
#nav ul ul li a
{
	width:100%;
}
#nav ul ul li a:hover,
#nav ul ul li:hover a
{
	background:#1c5c4b;
	color:#fff;
}
#nav ul ul
{
	position:absolute;
	visibility:hidden;
}
#nav ul ul li
{
	clear:both;
	position:relative;
	top:27px;

	background-color:#333;
	width:160px;
}
#nav li:hover > ul
{
	visibility:visible;
}
/****************************************************************************************************
	Content
****************************************************************************************************/
#content
{
	float:left;
	width:660px;
	background:#fff;
}
#content
{/* equal height columns */
	padding-bottom: 32767px;
	margin-bottom: -32747px;
}
#content .content
{
	margin:20px 40px 40px;
}

/****************************************************************************************************
	Sidebar
****************************************************************************************************/
#sidebar
{
	float:right;
	width:320px;
	background:url(images/sidebar.png) center repeat-y #fff;
	font-size:90%;
}
#sidebar .content
{
	margin:20px;
}
#sidebar div.block
{
	float:left;
	padding:20px;
	background:#fafaff;
	border:1px solid #ddd;
	margin:10px 0 10px 0;
	clear:both;
}
#sidebar div.block ul
{
	margin:0;
	padding:0;
}
#sidebar div.block li
{
	margin:0 0 10px 10px;
	padding:0;
}
#sidebar
{/* equal height columns */
	padding-bottom: 32767px;
	margin-bottom: -32747px;
}
#sidebar .box h4 {
	text-align:center;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	background:url(images/bg2.png) center repeat-x #1c5c4b;
	color:#fff;
	margin:0 0 20px 0;
	padding:5px;
	font-size:14px;
}
/****************************************************************************************************
	Footer
****************************************************************************************************/
#footer
{
	float:left;
	width:100%;
	background:url(images/footer.png) bottom repeat-x #3f3f3f;
	color:#eee;
	font-size:80%;
}
#footer .content
{
	width:980px;
	margin:20px auto;
}
#footer a
{
	color:#bbb;
}
/****************************************************************************************************
	Misc Styles
****************************************************************************************************/
.seminars ul{
	padding:0;
	margin:0;
}
.seminars ul li
{
	border-top:1px dotted #ccc;
	list-style:none;
	padding:10px 0 10px 0;
}
#commercials_nav
{
	margin:0 0 20px 0;
}
#commercials_nav a
{
	font-size:20px;
	text-decoration:none;
	display:inline-block;
	padding:3px 1em;
	background:url(images/bg2.png) center top repeat-x #eee;
	margin:10px;
}
#commercials_nav a.activeSlide
{
	color:#fff;
	background-color:#1c5c4b;
}
.commercials
{
	width:500px;
	margin:0 auto;
}
/****************************************************************************************************
	Three column settings
****************************************************************************************************/
div.top, .top_messages {
	background:#eee;
	width:980px;
	float:left;
}
.top .content,
.top_messages .content {
	background:url(images/bg1.jpg) center center no-repeat #fff;
	float:left;
	margin:10px;
	padding:20px;
	width:918px;
	border:1px solid #ccc;
}
.top ul{margin:0 -200px 0 0px;line-height:.9em;padding:0;float:left;width:500px}
.top ul li
{
font:800 13px arial;
background:url(images/checkbox.png) center left no-repeat;
margin:0 0 3px 0;
list-style:none;
padding:5px 0 5px 40px;
}

.top .house
{
	float:left;
	position:relative;
	top:-27px;
	left:-20px;
	margin:0 0 -48px 0;
}









	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#eee;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-300px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:600px;         	/* Left column width + right column width */
        background:#eee;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:300px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 320px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:280px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:10px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:280px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }


.col1,.col2,.col3{padding-top:20px;text-align:center;}
.col2,.col3{padding-top:0}

.col2 div,
.col3 div
{
	padding:10px 10px 5px 10px;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	background:#fff;
}
.col2 div:hover,
.col3 div:hover
{
	background-color:#fbfce2;
}

.col2 h3,
.col3 h3
{
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	background:url(images/bg2.png) center repeat-x #1c5c4b;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:20px;
	
}




#gallery div
{
	float:left;

	padding:0;
	margin:0 1% 1% 0;
	width:24%;text-align:center;
	font-size:90%;
}
#gallery div img{
max-width:100%;

}
#gallery a img{border:5px double #ddd}
#gallery a:hover img{border-color:#1c5c4b;}


/****************************************************************************************************
	Border-radius - might as well keep it all in one place until IE picks up CSS3
****************************************************************************************************/
.round
{
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#commercials_nav a,
.col2 div,
.col3 div,
.top .content,
.box
{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
/****************************************************************************************************
	IE6 PNG-fix elements - until IE6 dies
****************************************************************************************************/
#logo img,
.top .house,
.top ul li
{
	behavior: url('http://washingtonconcrete.com/__NEW/public/plugins/ie6/iepngfix.htc');
}
body.tinymce
{/* for tinymce */
	padding:15px;
	background:#fff;
}
/****************************************************************************************************
End file screen.css
****************************************************************************************************/