@import url('reset.css');

/* 
	Main CSS doc for Angelos Building Supplies | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#333333		dark gray
	
*/

/*
**	=global
************************/
body					{ background:#dcdcdc; color:#292929; font:75%/1 helvetica,arial,sans-serif; }
a						{ color:#666; text-decoration:none; }
a:hover					{ color:#ccc; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ clear:left; color:#1a365c; font-weight:normal; /*font:italic normal 1em/1.3 georgia,serif;*/ margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 solid #e7e7e7; border-top-width:2px; height:0; clear:both; margin:2em 0; }

/*#content h2				{ font-size:2.25em; }
#content h3				{ font-size:2em; }
#content h4				{ font-size:1.75em; }
#content h5				{ font-size:1.25em; }
#content h6				{ font-size:1em; margin-bottom:1em; }
#content img			{ margin-bottom:1em; }*/
#content ul				{ list-style-position:outside; margin-left:15px; }
#content ul li			{ background:url('../img/bg-ul-li.gif') no-repeat 0 7px; list-style-type:none; padding-left:11px; }
#content ol				{ list-style-position:inside; margin-left:15px; }
#content ol li			{ list-style-type:decimal-leading-zero; }




/* grid */
.wrap					{ background:url('../img/bg-shadow.png') repeat-y 0 0; margin:0 auto; padding:0 5px; position:relative; width:910px; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }


/*
**	=branding
************************/
#branding				{ background:url('../img/bg-branding.jpg') no-repeat 0 0; height:167px; }
#branding h1			{ margin:0; }
#logo					{ background:url('../img/logo-abs.png') no-repeat 0 0; display:block; height:166px; width:229px; text-indent:-9999em; position:absolute; left:29px; top:0; }

#contact				{ position:absolute; right:29px; top:55px; }
#contact p				{ color:#bab9b9; line-height:1.5; text-align:right; }


/*
**	=nav
************************/
#nav					{ position:absolute; right:29px; top:120px; margin:0; }
#nav li					{ border-left:1px solid #fff; display:inline; padding-left:9px; margin-left:7px; }
#nav li:first-child		{ border:none; }
#nav a					{ color:#fff; }
#nav a:hover,
#nav a.current			{ color:#b8cb78; }
#nav a.current			{ font-weight:bold; }



/*
**	=feature
************************/
#feature				{ background:url('../img/bg-tile-feature.jpg') repeat-x 0 0; padding:17px 29px 0 24px; height:181px; overflow:hidden; }
.home #feature			{ height:315px; }
#feature p				{ background:#27333a url('../img/bg-feature-bq.jpg') repeat-x 0 0; border-left:5px solid #aebf74; width:184px; height:141px; float:left; color:#c7c8ca; font-size:2.5em; line-height:1; padding:40px 15px 0 25px; text-transform:uppercase; } /* width:224px; height:181px; */
.home #feature p		{ background-image:url('../img/bg-feature-bq-home.jpg'); height:285px; padding-top:30px; }
.home #feature a		{ border-bottom:1px solid #b5b5b1; color:#fff; display:block; font:italic 0.5833em/1 georgia,serif; margin-right:10px; padding:0 0 20px; text-transform:none; }
.home #feature a.last	{ border:0; }
.home #feature a span	{ color:#c8c9cb; display:block; margin:10px 0 0 20px;  font:normal 1.25em/1 helvetica,arial,sans-serif; text-transform:uppercase; }
#feature img			{ float:left; }



/*
**	=content
************************/
#content				{ display:inline; float:right; margin:30px 48px 0 0; width:610px; }
#content h1,
.home #content h2		{ background:url('../img/bg-tile-shader.jpg') repeat-x 0 bottom; font:italic 2em/1.2 georgia,serif; padding:0 25px 45px; }
.home #content h2		{ background-position:0 0; color:#1a365c; padding-top:10px; margin-top:-10px; margin-bottom:0; text-transform:none; }
#content h2				{ color:#404b04; font-size:1.333em; line-height:1.25; margin-top:1.5em; text-transform:uppercase; }

.faq #content h2		{ font-style:italic; text-transform:none; }
.faq #content h2:first-child	{ margin-top:0; }
#content #galleries a	{ border:0; }
#galleries h2			{ background:url('../img/bg-galleries-h2.jpg') no-repeat 0 0; color:#fff; display:block; line-height:35px; height:31px; width:342px; padding:0 0 0 20px; font-size:1.25em; margin:0; text-transform:none; }
/*#galleries h2 a			{  } /* height:31px; width:362px; */*/
#galleries h2 a:hover	{ color:#ccc; }
#galleries img			{ margin-bottom:15px; }


#content h3				{ color:#292929; font-size:1.0833em; font-weight:bold; margin:0; }


#content a				{ border-bottom:1px solid #828a5b; color:#596325; }
#content a:hover		{ color:#666; border-color:#999; }


#main-content,
#sub-content			{ margin-top:-30px !important; }


#content th,
#content td				{ padding:3px; width:115px; }
#content tr.even td		{ background:#f3f5ea; }



/* =main-content */
#main-content			{ border-right:2px solid #e7e7e7; display:inline; float:left; margin-left:25px; padding-right:25px; width:370px; } /* width:395px; */
#main-content p,
#main-content li,
#main-content td,
#main-content th		{ font-size:1.0833em; line-height:1.5; }
#main-content li		{ line-height:1.6667em; }

.wide #main-content		{ border:0; width:480px; }



img.left				{ margin:0 10px 5px 0; }
img.right				{ margin:0 0 5px 10px; }



/* =sub-content */
#sub-content			{ display:inline; float:left; margin-left:20px; width:150px; }
#sub-content h2			{ font-weight:bold; font-size:1.1667em; color:#404b04; margin-top:1em; }
#sub-content p			{ line-height:1.5; }
#sub-content a			{ border-color:#9fa581; color:#404b04; }

.wide #sub-content		{ display:none; }



/* =jumpboxes */
#jumpboxes				{ display:inline; float:left; margin:0; width:390px; }
#jumpboxes div			{ border:1px solid #758088; display:inline; float:left; margin:0 8px 8px 0; width:185px; }
#jumpboxes div h2		{ background:url('../img/bg-galleries-h2.jpg') no-repeat right center; color:#fff; font-size:1.1667em; padding:0 15px; text-transform:none; line-height:31px; height:31px; margin:0; }

/* =extra-content */
#extra-content			{ clear:both; float:left; margin-top:30px; width:610px; }
.home #jumpboxes		{ margin:-30px 0 0 25px; width:auto; }
.jump					{ background:url('../img/bg-jump-text.jpg') repeat-x 0 141px; border:1px solid #758088; display:inline; float:left; margin:0 8px 0 0; position:relative; padding-bottom:1em; width:185px; }
#content .jump h3		{ background:url('../img/bg-galleries-h2.jpg') no-repeat right center; color:#fff; padding:0 15px; text-transform:uppercase; line-height:31px; height:31px; }
#content .jump p		{ font-size:0.9167em; padding:120px 11px 0; margin:0; }
#content .jump img		{ position:absolute; top:31px; left:0; margin:0; }
#content .jump a		{ color:#1a365c; font-weight:bold; border:0; }



/*
**	=subnav
************************/
#subnav					{ display:inline; float:left; margin:30px 0 0 48px; width:170px; }
#subnav h2				{ font:italic 1.5833em/1.3 georgia,serif; }
#subnav ul				{  }
#subnav li				{ background:url('../img/bg-tile-shader.jpg') repeat-x 0 0; list-style-type:none; line-height:1; }
#subnav a				{ color:#1a365c; display:block; font-style:italic; font-size:1.25em; padding:7px 10px 7px 20px; line-height:1.5; }
#subnav a:hover,
#subnav a.current		{ color:#404b04; }
#subnav li ul			{ display:none; margin:0; }
#subnav li ul.current	{ display:block; }
#subnav li li			{ padding:0 0 0 15px; }

/*
**	=site-info
************************/
#site-info				{ padding-top:30px; }
#site-info p			{ background:url('../img/bg-tile-footer.jpg') repeat-x 0 0; color:#292929; font-size:0.8333em; padding:12px 0 2em; text-align:center; width:814px; margin:0 auto; }
#site-info a			{ color:#292929; }
#site-info p em			{ color:#1a365c; font-style:normal; }
#site-info em a			{ color:#1a365c; border-bottom:2px solid #c4cbd4 }
#footer-cap				{ background:url('../img/bg-shadow-footer.png') no-repeat 0 0; margin:0 auto; padding-bottom:20px; height:12px; width:920px; }