/************************************************

Site Design & Programming by
 _____ _          _____    _____                 
|_   _| |_ ___   |  _  |  |   __|___ ___ _ _ ___ 
  | | |   | -_|  |     |  |  |  |  _| . | | | . |
  |_| |_|_|___|  |__|__|  |_____|_| |___|___|  _|
                                            |_|
                                   www.agroup.com											 
											 
************************************************/

@import url("../taglib/css/reset.css");

button::-moz-focus-inner { 
	border: 0; 
}

/*--------- BASIC STYLES & TYPOGRAPHY ---------*/

body {
	font: 13px/1.7em Arial, Helvetica, sans-serif;
	color: #2c5985;
	/*background:#b3d2f4 url("/images/main/bg_body.png") repeat-x center top;*/
	background-color:#082954;
}

a {
	color:#c9842a;
}

a:hover {
	
}

a.pdf_link {
	display:inline-block;
	height:22px;
	line-height:22px;
	background:url("../images/main/icon-pdf.png") no-repeat left top;
	padding-left:25px;
	font-weight:bold;
}

#copy p {
	margin:1.5em 0;
}

h2 {
	font-weight:normal;
	font-size:2.65em;
	margin:0.2em 0 0.8em 0;
	letter-spacing:-0.03em;
	line-height:normal;
	color:#0e4577;
}

h3 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.3em;
	margin-bottom:1.5em;
	letter-spacing:-0.01em;
}


/*--------- MAIN CONTAINERS ---------*/

#container-bg {
	width:100%;
	padding-bottom:44px;
	background:#ecf4fd url("../images/main/container_bg.png") repeat-x center bottom;
	float:left;
}	

#container {
	width:900px;
	margin:0 auto;
}

#header {
	width:900px;
	height:120px;
	/*background:url("../images/header/header_bg.png") no-repeat center top;*/
	margin-bottom:5px;
	float:left;
}

#content {
	width:900px;
	float:left;
	background:url("../images/main/content_bg.png") repeat-y center top;
}

#content-footer {
	width:900px;
	height:5px;
	float:left;
	background:url("../images/main/content_bg_footer.png") no-repeat center top;
}

#copy {
	width:589px;
	padding:20px;
	float:left;
}

#sidebar {
	width:265px;
	float:right;
}


/*--------- USER OPTIONS ---------*/

#user_options {
	width:100%;
	height:40px;
	background:#b3d2f4 url("../images/main/top_bar_bg.png") repeat-x center top;
	border-bottom:1px solid #fff;
	color:#ffaf3b;
	float:left;
}

#user_options-container {
	width:900px;
	margin:0 auto;
}

#user_options a {
	color:#fff;
}

a.view_cart {
	display:block;
	background:url("../images/header/cart_icon.png") no-repeat left 6px;
	float:right;
	padding-left:20px;
	margin-top:11px;
}

img.free_shipping {  
	position:absolute;  
	width:190px;  
	height:65px;  
	top:0;  
	left:50%;  
	margin-left: -470px;  
}  

	
/*--------- HEADER ---------*/



#header h1 a {
	display:block;
	background:url("../images/header/dhp_logo.png") no-repeat center top;
	width:327px;
	height:39px;
	text-indent:-3000px;
	float:left;
	margin-top:44px;
}

#nav {
	width:550px;
	height:38px;
	float:right;
	margin-top:44px;
}

#nav li {
	display:inline;
	float:left;
}

#nav li a {
	display:block;
	height:38px;
	text-indent:-3000px;
	outline:none;
}

#nav li a.designs {
	width:101px;
	background:url("../images/header/nav_bg.png") no-repeat left top;
}

#nav li a.designs:hover {
	background:url("../images/header/nav_bg.png") no-repeat left -38px;
}

#nav li a.about_us {
	width:98px;
	background:url("../images/header/nav_bg.png") no-repeat -101px top;
}

#nav li a.about_us:hover {
	background:url("../images/header/nav_bg.png") no-repeat -101px -38px;
}

#nav li a.resources {
	width:103px;
	background:url("../images/header/nav_bg.png") no-repeat -199px top;
}

#nav li a.resources:hover {
	background:url("../images/header/nav_bg.png") no-repeat -199px -38px;
}

#nav li a.photo_gallery {
	width:127px;
	background:url("../images/header/nav_bg.png") no-repeat -302px top;
}

#nav li a.photo_gallery:hover {
	background:url("../images/header/nav_bg.png") no-repeat -302px -38px;
}

#nav li a.contact_us {
	width:121px;
	background:url("../images/header/nav_bg.png") no-repeat -429px top;
}

#nav li a.contact_us:hover {
	background:url("../images/header/nav_bg.png") no-repeat -429px -38px;
}

#nav li:hover ul {
	display: block;
}

#nav li ul {
	display:none;
	position:absolute;
	z-index:1000;
	height:45px;
	margin-top:-8px;
}

#nav li #about_us_submenu {
	margin-left:-80px;
}

#nav li #resources_submenu {
	margin-left:-95px;
}

#nav li #contact_us_submenu {
	margin-left:-203px;
}

#nav li ul li {
	display:inline;
	text-indent:-3000px;
}

#nav li ul li a {
	display:block;
	padding-top:14px;
	height:31px;
	outline:none;
}

#nav li ul li a.styles {
	width:90px;
	background:url("../images/header/nav_designs_bg.png") no-repeat left top;
}

#nav li ul li a.styles:hover {
	background:url("../images/header/nav_designs_bg.png") no-repeat left -45px;
}

#nav li ul li a.custom_home_plans {
	width:156px;
	background:url("../images/header/nav_designs_bg.png") no-repeat -90px top;
}

#nav li ul li a.custom_home_plans:hover {
	background:url("../images/header/nav_designs_bg.png") no-repeat -90px -45px;
}

#nav li ul li a.new_arrivals {
	width:126px;
	background:url("../images/header/nav_designs_bg.png") no-repeat -246px top;
}

#nav li ul li a.new_arrivals:hover {
	background:url("../images/header/nav_designs_bg.png") no-repeat -246px -45px;
}

/*#nav li ul li a.mission {
	width:99px;
	background:url("../images/header/nav_about_us_bg.png") no-repeat left top;
}

#nav li ul li a.mission:hover {
	background:url("../images/header/nav_about_us_bg.png") no-repeat left -45px;
}*/

#nav li ul li a.our_home_plans {
	width:150px;
	background:url("../images/header/nav_about_us_bg.png") no-repeat left top;
}

#nav li ul li a.our_home_plans:hover {
	background:url("../images/header/nav_about_us_bg.png") no-repeat left -45px;
}

#nav li ul li a.ask_the_architect {
	width:140px;
	background:url("../images/header/nav_about_us_bg.png") no-repeat -150px top;
}

#nav li ul li a.ask_the_architect:hover {
	background:url("../images/header/nav_about_us_bg.png") no-repeat -150px -45px;
}

#nav li ul li a.testimonials {
	width:108px;
	background:url("../images/header/nav_about_us_bg.png") no-repeat -290px top;
}

#nav li ul li a.testimonials:hover {
	background:url("../images/header/nav_about_us_bg.png") no-repeat -290px -45px;
}

#nav li ul li a.refund_policy {
	width:131px;
	background:url("../images/header/nav_about_us_bg.png") no-repeat -398px top;
}

#nav li ul li a.refund_policy:hover {
	background:url("../images/header/nav_about_us_bg.png") no-repeat -398px -45px;
}

#nav li ul li a.affiliates {
	width:106px;
	background:url("../images/header/nav_resources_bg.png") no-repeat left top;
}

#nav li ul li a.affiliates:hover {
	background:url("../images/header/nav_resources_bg.png") no-repeat left -45px;
}

#nav li ul li a.budget_guide {
	width:120px;
	background:url("../images/header/nav_resources_bg.png") no-repeat -106px top;
}

#nav li ul li a.budget_guide:hover {
	background:url("../images/header/nav_resources_bg.png") no-repeat -106px -45px;
}

#nav li ul li a.faq {
	width:80px;
	background:url("../images/header/nav_resources_bg.png") no-repeat -226px top;
}

#nav li ul li a.faq:hover {
	background:url("../images/header/nav_resources_bg.png") no-repeat -226px -45px;
}

#nav li ul li a.contact_information {
	width:174px;
	background:url("../images/header/nav_contact_us_bg.png") no-repeat left top;
}

#nav li ul li a.contact_information:hover {
	background:url("../images/header/nav_contact_us_bg.png") no-repeat left -45px;
}

#nav li ul li a.online_estimates {
	width:150px;
	background:url("../images/header/nav_contact_us_bg.png") no-repeat -174px top;
}

#nav li ul li a.online_estimates:hover {
	background:url("../images/header/nav_contact_us_bg.png") no-repeat -174px -45px;
}


/*--------- SIDEBAR ---------*/

#sidebar ul {
	float:left;
	width:225px;
	border-top:1px dashed #c9842a;
	margin:40px 20px;
}

#sidebar ul.designs_links {
	margin:0 20px 40px 20px;
}

#sidebar ul li a {
	display:block;
	height:40px;
	line-height:40px;
	color:#f9d6a9;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px dashed #c9842a;
}

#sidebar ul li a:hover {
	color:#f1ad54;
}

#quick_search {
	float:left;
	width:225px;
	margin:40px 20px 15px 20px;
	color:#f9d6a9;
	font-size:12px;
	border-top:1px dashed #C9842A;
	padding-top:11px;
}

#quick_search h3 {
	color:#f9d6a9;
	margin:0 0 1.0em 0;
	font-size:1.185em;
}

#quick_search ul {
	float:left;
	width:auto;
	border-top:none;
	margin:0;
}

#quick_search ul li {
	margin-bottom:1.5em;
}

#quick_search label {
	width:55px;
	text-align:right;
	margin:0 4px 0 0;
	float:left;
}

#quick_search select {
	width:60px;
	margin:0 2px;
}

#quick_search select.arch_style {
	width:auto;
	margin-left:25px;
}

#quick_search button {
	float:right;
	background:url("../images/designs/search_btn.png") no-repeat center top;
	width:81px;
	height:26px;
	text-indent:-3000px;
	border:none;
	cursor:pointer;
}


/*--------- INNER PAGES ---------*/

#subsections {
}

#subsections li {
	height:158px;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #c9dff7;
}

#subsections li.last {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}

#subsections h3,
#subsections p {
	padding-left:208px;
	margin:0.5em 0;
}


#subsections img {
	float:left;
	width:180px;
	height:150px;
	border:4px solid #ddd;
}

a.subsections-link {
	display:block;
	padding-left:208px;
}


/*--------- HOME STYLE BROWSER ---------*/

#style_browser {
	width:579px;
	overflow: auto;
	padding:20px 0 0 10px;
	float:left;
	border-top:1px solid #bed5f3;
	border-bottom:1px solid #bed5f3;
	background:url("../images/designs/style_browser_bg.png") repeat-y left top;
}

#style_browser h2 {
	margin: 0 0 0 6px;
	line-height: 21px;
	font-size: 12px;
	font-weight:bold;			
}

#style_browser h3 {
	float:left;
	padding:0 0 0 20px;			
}

#style_browser #categories {
	float: left;
	width: 180px;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
}

#style_browser #categories li {
	margin-bottom: 2px;
}

#style_browser #categories a {
	display: block;
	height:25px;
	line-height:25px;
	padding:0 0 0 6px;
}

#style_browser #categories a:hover {
	background:url("../images/designs/style_browser_hover.png") no-repeat left top;
	color:#fff;
	text-decoration:none;
}

#style_browser #categories #cat-current {
	
}

#style_browser #categories #cat-current a {
	color: #0f4c83;
	text-decoration: none;
	background:url("../images/designs/style_browser_selected.png") no-repeat left top;
}

#style_browser ul#plans {
	float:left;
	width:399px;
	margin-top:15px;
}

#style_browser ul#plans li {
	display:inline;
	width:179px;
	float:left;
	text-align:center;
	margin:0 0 0 20px;
}

#style_browser ul#plans li img {
	width:171px;
	height:131px;
	border:4px solid #ddd;
}

#style_browser ul#plans li p {
	height:38px;
	padding:0 10px;
	margin:5px 0;
	font-size:0.9em;
	overflow:hidden;
}

a.link_back {
	float:right;
	margin-top:-80px;
}	

#plan_info {
	width:196px;
	float:left;
}

#plan_info h3 {
	margin-bottom:0;
}

#plan_info p.subline {
	font-weight:bold;
}

#plan_img {
	width:373px;
	float:right;
	text-align:right;
}

#plan_img img {
	border:4px solid #ddd;
}

#plan_img p.enlarge_img {
	margin-top:5px;
	font-size:11px;
}		

#plan_img p.enlarge_img a {
	text-decoration:none;
}

button.add_to_cart {
	display:block;
	width:146px;
	height:32px;
	background:url("../images/main/add_to_cart.png") no-repeat left top;
	text-indent:-3000px;
	border:none;
	cursor:pointer;
	float:right;
}

p#styles {
	font-size:11px;
	margin-right:4px;
	display:inline;
	font-weight:bold;
}

ul#detail_categories {
	margin:15px 0 0 0;
	border-top:1px solid #b7d6f2;
	padding-top:5px;
	width:589px;
	float:left;
}

ul#detail_categories li {
	font-size:11px;
	display:inline;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #b7d6f2;
}

#item_div {
	margin:0 0 15px 0;
}

#item_div li {
	margin:0 0 5px 0;
}

ul.pager {
	float:right;
	margin-bottom:20px;
}

ul.pager li {
	display:inline;
	float:left;
}

ul.pager li a,
ul.pager li span {
	display:block;
	padding:0 5px;
	height:15px;
	line-height:15px;
	text-decoration:none;
	float:left;
	margin-left:4px;
	font-size:0.85em;
}

ul.pager li a {
	background:#fff;
	border:1px solid #BED5F3;
	color:#789ed1;
}

ul.pager li a:hover {
	background:#BED5F3;
	color:#fff;
}

ul.pager li span {
	background:#BED5F3;
	border:1px solid #789ed1;
}
	
/*--------- FOOTER ---------*/

#footer {
	width:100%;
	height:213px;
	background:#082954 url("../images/main/footer_bg.png") repeat-x center top;
	padding-top:11px;
	float:left;
}
	
#copy-footer {
	width:900px;
	color:#eee;
	font-size:11px;
	line-height:20px;
	margin:0 auto;
}

#copy-footer a {
	color:#fff;
	text-decoration:none;
}

#copy-footer a:hover {
	text-decoration:underline;
}

#footer_nav {
	float:left;
	margin-left: 12px;
}

#copyright {
	float:right;
}

#social_media {
	float:left;
	clear:left;
}

#social_media li {
	float:left;
	display:inline;
}

#social_media li a {
	display:block;
	width:16px;
	height:20px;
	margin-right:4px;
	text-indent:-3000px;
}

#social_media li a.facebook {
	background:url("../images/main/facebook.png") no-repeat center center;
}

#social_media li a.twitter {
	background:url("../images/main/twitter.png") no-repeat center center;
}