@charset "utf-8";
/* CSS Document */

/* general styles */
* {
	margin:0;
	padding:0;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70) !important;
	opacity: 0.7;
	top: 0px !important;
	left: 0px !important;
	position: absolute !important;
	z-index: 10 !important;
}
body {
	font-family:arial;
	font-size:12px;
	background-color:#ededed;
}
td
{
	vertical-align:top;
}

a img {
	border:none;
}

/* alignment styles */
.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.alignTop {
	vertical-align:top;
}
.alignMiddle {
	vertical-align:middle;
}
.alignBottom {
	vertical-align:bottom;
}
.floatLeft {
	float:left;
}
	img.floatLeft
	{
		margin-right:15px;
		margin-bottom:15px;
	}
.floatRight {
	float:right;
}
	img.floatRight {
		float:right;
		margin-left:15px;
		margin-bottom:15px;
	}
.clear {
	clear:both;
	height:0;
}

#wrap {
	margin:15px auto;
	width:985px;
	border:1px solid #9c9c9c;
	background-color:#fff;
}
#saraLogo {
	margin:15px auto;
	width:985px;
}

/* header styles */
#header {
	height:113px;
	padding:5px 14px 0 14px;
	background-color:#fff;
}
	#header #top {
		height:80px;
	}
	#header #location
	{
		float:right;
		text-align:center;
		width:625px;
	}
		#header #location h1
		{
			background-image:none;
			color:#000;
			font-size:28px;
			padding:0;
			text-align:center;
		}
	#header #navigation {
		font-size:17px;
		font-weight:bold;
		display:block;
		float:right;
		margin-top:20px;
		text-align:right;
	}
		#header #navigation ul {
			list-style-type:none;
			z-index:100;
		}
			#header #navigation ul li {
				display:inline;
				margin-left:35px;
			}
				#header #navigation li a:link,
				#header #navigation li a:visited,
				#header #navigation li a:active {
					text-decoration:none;
					color:#9e0014;
				}
				#header #navigation li a:hover {
					color:#000;
					text-decoration:underline;
				}
	#header #bottom {
		padding-top:3px;
		height:30px;
		float:right;
	}
		#header #bottom ul {
			list-style-type:none;
			z-index:10;
		}
			#header #bottom > div > ul {
				margin-top:4px;
			}
			#header #bottom ul li {
				cursor:pointer;
				display:block;
				float:left;
				font-weight:bold;
				margin-left:23px;
			}
			#header #bottom ul li:first-child
			{
				margin-left:0;
			}
				#header #bottom ul li a:link,
				#header #bottom ul li a:visited {
					color:#000;
					text-decoration:none;
				}
				#header #bottom ul li a:hover {
					color:#9e0014;
					text-decoration:underline;
				}
	/* Sub menus */
	#content ul.dropdown
	{
		float:left;
		font-weight:bold;
	}
		#header #bottom ul li ul,
		#header #top ul li ul,
		#content ul.dropdown li ul {
			background-color:#9e0014;
			border:1px solid #700000;
			border-top:none;
			display:none;
			position:absolute;
			list-style:none;
			padding:0;
			font-size:12px;
			text-align:left;
			margin-left:0;
		}
			#header #bottom ul li ul li,
			#header #top ul li ul li,
			#content ul.dropdown li ul li {
				display:block;
				float:none;
				border-top:1px solid #700000;
				padding:0;
				margin:0;
				width:135px;
				height:auto;
				vertical-align:bottom;
				background-image:none;
			}
				#header #bottom ul li ul li a,
				#header #top ul li ul li a,
				#content ul.dropdown li ul li a {
					display:block;
					padding:4px;
				}
				#header #bottom ul li ul li a:link,
				#header #bottom ul li ul li a:visited,
				#header #top ul li ul li a:link,
				#header #top ul li ul li a:visited,
				#content ul.dropdown li ul li a:link,
				#content ul.dropdown li ul li a:visited
				{
					color:#fff;
				}
				#header #bottom ul li ul li a:hover,
				#header #top ul li ul li a:hover,
				#content ul.dropdown li ul li a:hover
				{
					background-color:#700000;
					text-decoration:none;
				}
	/* header form styles */
	#header .form .btn,
	.form .formButton,
	input.zoom_button {
		border:none;
		color:#fff;
		height:21px;
		width:65px;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
		background-image:url(/images/backgrounds/btn_bg.gif);
		background-repeat:no-repeat;
		background-color:#4b4a4a;
		margin-left:10px;
		margin-top:-1px;
		padding:3px 0;
		text-align:center;
		vertical-align:top;
	}

	#header .form input.text {
		border:1px solid #9e0014;
		width:170px;
		height:14px;
		margin-left:23px;
		vertical-align:top;
	}

h1
{
	background-image:url(/images/backgrounds/h1_bg.jpg);
	background-repeat:repeat-x;
	color:#fff;
	padding:5px 14px 0 14px;
	font-size:24px;
	height:45px;
}
h1 .actionButton
{
	margin-top:-3px;
}

.home h1
{
	background-image:none;
	height:auto;
	padding:0 0 11px 0;
}

/* content styles */
#content {
	padding:10px 14px;
	background-color:#fff;
	min-height:224px;
}
	#content p,
	#content ol,
	#content hr,
	#content label,
	#content textarea,
	#content select,
	#content table {
		margin-bottom:10px;
	}
		#content table table
		{
			margin-bottom:0;
		}
	#content a:link,
	#content a:visited,
	#content a:active {
		text-decoration:none;
		color:#9e0014;
	}
	#content a:hover {
		text-decoration:underline;
	}
	#content h2 {
		color:#9e0014;
		font-size:16px;
		background-image:url(/images/icons/brick.png);
		background-position:left 2px;
		background-repeat:no-repeat;
		padding-left:40px;
		margin-bottom:15px;
	}
	#content h2 a {
		color:#9e0014;
	}
	#content h3 
	{
		font-size:14px;
		margin-bottom:5px;
	}
	#content h4
	{
		font-size:1em;
		margin-bottom:5px;
	}
	#content hr
	{
		border-bottom:none;
		border-top:2px dashed #9e0014;
		background-color:Transparent;
		padding:0;
		clear:both;
	}
	#content div>hr
	{
		margin-top:10px;
	}
	#content ul
	{
		margin:0 0 6px 10px;
		list-style:none;
	}
		#content ul li
		{
			background-image:url(/images/icons/dash-red.png);
			background-position:left 4px;
			background-repeat:no-repeat;
			padding:0 5px 4px 15px;
		}
			#content ul li ul
			{
				margin-bottom:0;
			}
			
	#content ul.expandable li ul li
	{
		background-image:none;
		padding-bottom:0;
		padding-left:0;
	}
	
	#content img.border,
	#content iframe.border
	{
		border:1px solid #9c9c9c;
		padding:1px;
	}

	#content a:hover img.border 
	{
		border-width:2px;
		border-color:#9e0014;
		padding:0;
	}
	#content .border-dashed
	{
		border:4px dashed #9e0014;
		margin-bottom:10px;
		min-height:1px;
		padding:14px;
	}
	#content table.border
	{
		border-collapse: collapse;
		width:100%;
	}
		#content table.border th
		{
			background-color:#6f0e17;
			color:#fff;
		}
			#content table.border th a:link,
			#content table.border th a:visited
			{
				color:#fff;
			}
		#content table.border td,
		#content table.border th
		{
			border:1px solid #9e0014;
			padding:4px;
		}
		#content table.border tr.alt
		{
			background-color:#CEB0AD;
		}
	#content table.border-none
	{
		border:none;
	}
		#content table.border-none td,
		#content table.border-none th
		{
			border:none;
			padding:0 10px 0 0;
		}
#content .postdate 
{
	float:right;
	font-size:10px;
	font-weight:bold;
}
#content .red
{
	color:#9e0014;
}
#content a.white:link,
#content a.white:visited
{
	color:#fff;
	text-decoration:underline;
}
#content a.white:active,
#content a.white:hover
{
	color:#000;
}
#content .border-right
{
	border-right:1px solid #9c9c9c;
}
#content p.more
{
	background-image:url(/images/icons/dash-red.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left:15px;
	font-weight:bold;
}
#content ul.breadCrumb
{
	margin-left:0;
}
	#content ul.breadCrumb li
	{
		background-image:none;
		border-right:1px dotted;
		display:inline;
		padding:0 7px 0 0;
		margin-right:7px;
		height:10px;
	}
	#content ul.breadCrumb li.last
	{
		border-right:none;
	}
#content .btn
{
	border:none;
	color:#fff;
	height:21px;
	width:77px;
	font-size:11px;
	cursor:pointer;
	background-image:url(/images/backgrounds/btn.png);
	background-repeat:no-repeat;
	padding:3px 0;
	text-align:center;
	display:inline-block;
}
#content .btn:link,
#content .btn:visited
{
	color:#fff;
}
#content div.border
{
	border:1px solid #9c9c9c;
}
#content .grayBG
{
	background-color:#ededed;
	border:1px solid #9c9c9c;
	padding:14px;
	margin-bottom:10px;
}
#content .popup
{
	background-color:#fff;
	border:2px dashed #9e0014;
	padding:12px;
}
#content table.twoCol,
#content table.fourCol,
#content table.sixCol,
#content table.threeCol,
#content table.eightCol
{
	width:100%;
}
	#content table.fourCol td,
	#content table.sixCol td,
	#content table.threeCol td,
	#content table.twoCol td,
	#content table.eightCol td
	{
		vertical-align:top;
		padding:0 4px 12px 4px;
		text-align:center;
	}
	#content table.twoCol td
	{
		width:50%;
	}
	#content table.threeCol td
	{
		width:33%;
	}
	#content table.fourCol td
	{
		width:25%;
	}
	#content table.sixCol td
	{
		width:16%;
	}
	#content table.eightCol td
	{
		width:12%;
	}
/* rounded boxes */
	#content .rounded {
		width:193px;
	}
		#content .rounded .middle
		{
			padding:9px 10px;
			background-color:#fff;
			border:1px solid #9c9c9c;
			border-top:none;
			margin-left:1px;
		}
	#content a.launchBtn {
		color:#fff;
		background-image:url(/images/design_btn.gif);
		background-repeat:no-repeat;
		background-position:left top;
		width:127px;
		height:18px;
		display:block;
		padding-top:3px;
		text-decoration:none;
		text-align:center;
		margin-left:25px;
	}
	#content a.launchBtn2 {
		color:#fff;
		background-image:url(/images/design_btn.gif);
		background-repeat:no-repeat;
		background-position:left top;
		width:127px;
		height:18px;
		display:block;
		padding-top:3px;
		text-decoration:none;
		text-align:center;
		margin:0 0 8px 25px;
	}
	#content .rounded h2 {
		background-image:url(/images/backgrounds/h2_bg.png);
		background-repeat:no-repeat;
		background-position:left top;
		text-align:center;
		height:24px;
		padding:5px 0 0 0;
		margin-bottom:0;
		font-size:15px;
	}
	#content .rounded h2 a:hover
	{
		text-decoration:none;
	}
	#content .rounded a.noDecoration {
		color:#000;
		text-decoration:none;
	}

#content .leftCol
{
	margin-right:14px;
}
#content .wideCol
{
	float:left;
	width:630px;
}
#content .narrowCol
{
	float:left;
	width:311px;
}
#content .halfCol
{
	float:left;
	width:470px;
}
#content .halfCol:first-child
{
	margin-right:15px;
}

/* content home page styles */
#content.home
{
	padding:0 14px 0 5px;
	background-image:url(/images/backgrounds/brick_bg.jpg);
	background-repeat:repeat-x;
}
	#content.home .leftCol
	{
		float:left;
		margin-right:16px;
		width:554px;
	}
	#content.home .rightCol
	{
		float:left;
		padding-top:16px;
		width:394px;
	}
	#content.home p.intro
	{
		color:#fff;
		font-size:15px;
		line-height:20px;
	}
	#content.home p.intro:first-letter{
		float:left;
		font-size:40px;
		line-height:30px;
		padding-top:5px;
		padding-right:5px;
		font-weight:bold;
	}
	
	#content.home .rounded {
		float:left;
	}
		#content.home .rounded .middle
		{
			border:none;
			margin-left:0;
		}
	
	#content ul.products {
		list-style-type:none;
		margin:15px 0 0 0;
	}
		#content ul.products li {
			float:left;
			background-image:none;
			padding:0;
		}
			#content ul.products li a {
				margin-left:6px;
				display:block;
				width:86px;
				height:110px;
				text-align:center;
				background-position:left bottom;
				background-repeat:no-repeat;
				font-size:12px;
				font-weight:bold;
			}
			#content ul.products li:first-child a {
				margin-left:0;
			}
			#content ul.products li a:link,
			#content ul.products li a:visited,
			#content ul.products li a:active {
				text-decoration:none;
				color:#000;
			}
			#content ul.products li a:hover {
				text-decoration:underline;
				color:#9e0014;
				background-position:right bottom;
			}
				#content ul.products li a.face {
					background-image:url(/images/products/facebrick_thumb.jpg);
				}
				#content ul.products li a.thinb {
					background-image:url(/images/products/thinbrick_thumb.jpg);
				}
				#content ul.products li a.concrete {
					background-image:url(/images/products/concrete_thumb.jpg);
				}
				#content ul.products li a.arriscraft {
					background-image:url(/images/products/arriscraft_thumb.jpg);
				}
				#content ul.products li a.hardscapes {
					background-image:url(/images/products/hardscape_thumb.jpg);
				}
				#content ul.products li a.thinr {
					background-image:url(/images/products/thinrock_thumb.jpg);
				}
	#content ul.news li
	{
		clear:both;
	}
	#content ul.news li h3
	{
		display:inline;
	}
	#content ul.news li ul
	{
		margin-left:0;
	}
	#content ul.news li ul li
	{
		background-image:none;
		padding-left:0;
	}

/* footer styles */
#footer {
	padding:20px 20px 0 20px;
	color:#9c9c9c;
	font-size:10px;
	background-color:#fff;
}
	#footer hr {
		border:none;
		height:1px;
		border-top:1px solid #9c9c9c;
		margin-bottom:10px;
	}
	#footer p {
		margin-bottom:10px;
	}
	#footer .socialIcons img
	{
		margin-right:5px;
		vertical-align:middle;
	}

/* SEO footer styles */
#seo_footer 
{
	color:#9c9c9c;
	font-size:10px;
	margin:75px auto 25px auto;
	text-align:center;
	width:600px;
}
#seo_footer a:link,
#seo_footer a:visited 
{
	color:#9c9c9c;
}
#seo_footer a:active,
#seo_footer a:hover 
{
	color:#000;
}
#seo_footer ul 
{
	list-style:none;
}
	#seo_footer ul li 
	{
		border-left:1px solid;
		display:inline;
		line-height:16px;
		margin-left:5px;
		padding-left:5px;
	}
	#seo_footer ul li:first-child 
	{
		border-left:none;
		margin-left:0;
		padding-left:0;
	}

/* form styles */
.form input,
.form textarea,
.form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.form input.text,
.form input.text2,
input.zoom_searchbox,
.form textarea,
.form select {
	border:1px solid #7B9EBD;
	background-color:#ffffff !important;
	margin-bottom:8px;
}
.form input.text,
.form input.text2,
input.zoom_searchbox,
.form select {
	vertical-align:middle;
}
.form input.text,
.form input.text2,
input.zoom_searchbox,
.form textarea {
	padding:2px;
}
#content .form input[type="checkbox"],
#content .form input[type="radio"]
{
	margin-right:3px;
	vertical-align:middle;
}
#content .form .checkboxlist 
{
	width:100%;
	margin-bottom:3px;
}
	#content .form .checkboxlist td 
	{
		width:33%;
		padding-bottom:4px;
	}
	#content .form .checkboxlist .formRow
	{
		padding-bottom:4px;
	}
	#content .form .checkboxlist label
	{
		font-weight:normal;
		display:inline-block;
	}
.form br {
	clear:left;
}
.form .text,
input.zoom_searchbox,
.form textarea {
	width:240px;
}
.form textarea {
	height:80px;
	overflow:auto;
}
#content .form label {
	font-weight:bold;
	text-align:left;
	width:125px;
	display:inline-block;
	margin-right:2px;
	vertical-align:top;
}
#content .narrowCol .form label 
{
	width:auto;
}

.form fieldset {
	padding:5px;
	margin-bottom:5px;
}
.form legend {
	margin-bottom:5px;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}