﻿/* Capital City Millwork CSS Document */
body {
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.hr {
	background-color: #C4C4C4;
	border: 0;
	height: 1px;
	color: #C4C4C4;
}
.ptop {
	margin-top: 0em;
}
.pbot {
	margin-bottom: 0em;
}
.flogo {
	padding: 0;
	border: 0;
	margin: 0 10px 0 0;
/*margin: 0 10px 0 0;*/	vertical-align: top;
}
.icon {
	margin: 5px 5px 0 0;
	vertical-align: bottom;
	border: 0;
}
.bortop {
	border-top: 1px solid #000;
}
.navtopbor {
	background-color: #000000;
	height: 2px;
}
.hr-line {
	background-color: #000;
	height: 1px;
}
.hr {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: 0;
}
.hr-bottom {
	color: #FFD2B1;
	background-color: #FFD2B1;
	height: 1px;
	border: 0;
	margin: 5px 0 5px 0;
}
.homebg {
	background: transparent url('../images/home-bg.jpg') no-repeat scroll left top;
	height: 675px;
	text-align: left;
	vertical-align: top;
}
.pg-header {
	background: transparent url('../images/pg-header.jpg') no-repeat scroll left top;
	padding: 40px 10px 5px 10px;
	margin: 0;
}
.header {
	padding: 40px 10px 5px 10px;
	margin: 0;
}
.header-bgnone {
	padding: 5px 0 0 0;
	margin: 0;
}
.product {
	background: transparent url('../images/pg-head-product.jpg') no-repeat scroll left top;
}
.services {
	background: transparent url('../images/pg-head-services.jpg') no-repeat scroll left top;
}
.showroom {
	background: transparent url('../images/pg-head-showroom.jpg') no-repeat scroll left top;
}
.speciality {
	background: transparent url('../images/pg-head-speciality.jpg') no-repeat scroll left top;
}
.woods {
	background: transparent url('../images/pg-head-woods.jpg') no-repeat scroll left top;
}
.specials {
	background: transparent url('../images/pg-head-splpromo.jpg') no-repeat scroll left top;
}
.whatsnew {
	background: transparent url('../images/pg-head-whatsnew.jpg') no-repeat scroll left top;
}
.about {
	background: transparent url('../images/pg-head-about.jpg') no-repeat scroll left top;
}
.sitemap {
	background: transparent url('../images/pg-head-sitemap.jpg') no-repeat scroll left top;
}
.contact {
	background: transparent url('../images/pg-head-contact.jpg') no-repeat scroll left top;
}
.catalog {
	background: transparent url('../images/pg-head-custommoulding.jpg') no-repeat scroll left top;
}
.panel {
	background: transparent url('../images/pg-head-panelingsystem.jpg') no-repeat scroll left top;
}
.plywood {
	background: transparent url('../images/pg-head-plywood.jpg') no-repeat scroll left top;
}
.hardwood {
	background: transparent url('../images/pg-head-hardwood.jpg') no-repeat scroll left top;
}
.displayboard {
	background: transparent url('../images/pg-head-walldisplay.jpg') no-repeat scroll left top;
}
.wineracks {
	background: transparent url('../images/pg-head-wineracks.jpg') no-repeat scroll left top;
}
.shutters {
	background: transparent url('../images/pg-head-shutters.jpg') no-repeat scroll left top;
}
.aztec {
	background: transparent url('../images/pg-head-aztec.jpg') no-repeat scroll left top;
}
.windows {
	background: transparent url('../images/pg-head-window-services.jpg') no-repeat scroll left top;
}
.testimonials {
	background: transparent url('../images/pg-head-testimonials.jpg') no-repeat scroll left top;
}


.pg-header h2, .header h2, .header-bgnone h2 {
	font-family: Georgia;
	font-size: 30px;
	line-height: 35px;
	color: #D06725;
	font-weight: normal;
}
.pgbg-full {
	background: transparent url('../images/pgbg-strip.gif') repeat-y scroll left top;
}
.pgbg-main {
	background: transparent url('../images/pgbg.jpg') no-repeat scroll left top;
}
.box {
	background-color: #FFF5DF;
	border: 2px solid #DEAD72;
}
.box1 {
	border: 2px solid #a0501f;
	background-color: solid #dead72;
}
.gbox {
	background-color: #ededed;
	border: 2px solid #c4c4c4;
	color: #363636;
	font-family: Georgia;
}
.mainnavigation {
	/* sample version only */
	padding: 0;
	margin: 0;
}
.mainnavigation ul {
	padding: 0;
	margin: 0;
	display: block;
}
.mainnavigation li {
	border-left: 7px solid #553013;
	list-style-type: none;
	background-color: #AC6225;
	line-height: 24px;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 5px 0 0 0;
	display: block;
	padding: 0;
}
.mainnavigation a {
	padding: 0 0 0 6px;
	text-decoration: none;
	color: #ffffff;
	background-color: #AC6225;
	display: block;
}
.mainnavigation a:hover {
	padding: 0 0 0 6px;
	text-decoration: none;
	color: #ffffff;
	background-color: #D2AB8C;
	display: block;
}
.mainmenu {
	/* Left Navigation */
	padding: 0;
	font-family: Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0;
}
.mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.mainmenu li {
	margin: 5px 0 0 0;
	line-height: 15px;
}
.mainmenu li a {
	display: block;
	padding: 5px 0 5px 5px;
	border-left: 7px solid #543113;
	background-color: #AC6127;
	color: #fff;
	text-decoration: none;
	width: 170px;
}
.mainmenu li a:hover {
	border-left: 7px solid #79441B;
	background-color: #CCA17E;
	color: #fff;
}
.title {
	font-size: 32px;
	color: #A0501B;
	line-height: 38px;
	font-weight: normal;
	font-family: Georgia, Times New Roman, Times, serif;
}
.title1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	color: #AA6227;
	line-height: 24px;
	font-weight: normal;
}
a.title1:link, a.title1:visited {
	text-decoration: none;
	color: #54280F;
}
a.title1:active, a.title1:hover {
	text-decoration: none;
	color: #54280F;
}
.title2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 24px;
	color: #AA6227;
	line-height: 26px;
	font-weight: normal;
}
.title3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #AA6227;
	line-height: 26px;
	font-weight: bold;
}
a.title3:link, a.title3:visited {
	text-decoration: none;
	color: #AA6227;
}
a.title3:active, a.title3:hover {
	text-decoration: none;
	color: #54280F;
}
.title4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	color: #000000;
	line-height: 24px;
	font-weight: normal;
}
a.title4:link, a.title1:visited {
	text-decoration: none;
	color: #AA6227;
}
a.title4:active, a.title1:hover {
	text-decoration: none;
	color: #54280F;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #AA6227;
}
a.subtitle:link, a.subtitle:visited {
	text-decoration: none;
	color: #AA6227;
}
a.subtitle:active, a.subtitle:hover {
	text-decoration: none;
	color: #54280F;
}
.subtitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #54280F;
}
.subtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #54280F;
}
a.subtitle2:link, a.subtitle2:visited {
	text-decoration: none;
	color: #54280F;
}
a.subtitle2:active, a.subtitle2:hover {
	text-decoration: underline;
	color: #AA6227;
}
.subtitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	color: #AA6227;
}
a.subtitle3:link, a.subtitle3:visited {
	text-decoration: none;
	color: #AA6227;
}
a.subtitle3:active, a.subtitle3:hover {
	text-decoration: none;
	color: #54280F;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	color: #54280F;
}
.nav a, .nav a:visited {
	text-decoration: none;
	color: #54280F;
}
.nav a:active, .nav a:hover {
	text-decoration: none;
	color: #AA6227;
}
.nav1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #000000;
}
.nav1 a, .nav1 a:visited {
	text-decoration: none;
	color: #000000;
}
.nav1 a:active, .nav1 a:hover {
	text-decoration: underline;
	color: #AA6227;
}
.homebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 19px;
}
.topcorner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A0501F;
	line-height: 15px;
	font-weight: bold;
}
.topcorner a, .topcorner a:visited {
	text-decoration: none;
	color: #A0501F;
}
.topcorner a:active, .topcorner a:hover {
	text-decoration: underline;
	color: #A0501F;
}
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}
a.body:link, a.body:visited {
	text-decoration: underline;
	color: #000000;
}
a.body:active, a.body:hover {
	text-decoration: none;
	color: #AA6227;
}
.body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #000000;
}
a.body1:link, a.body1:visited {
	text-decoration: underline;
	color: #000000;
}
a.body1:active, a.body1:hover {
	text-decoration: none;
	color: #AA6227;
}
.body2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #54280F;
	line-height: 16px;
}
a.body2:link, a.body2:visited {
	text-decoration: none;
	color: #54280F;
}
a.body2:active, a.body2:hover {
	text-decoration: underline;
	color: #54280F;
}
.body3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 19px;
}
a.body3:link, a.body3:visited {
	text-decoration: underline;
	color: #000000;
}
a.body3:active, a.body3:hover {
	text-decoration: none;
	color: #AA6227;
}
.list {
	padding: 0;
	margin: 0;
}
.list li {
	padding: 0px 0px 1px 18px;
	background: transparent url('../images/blt-list.gif') no-repeat scroll left 3px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #54280F;
}
.list li a {
	text-decoration: underline;
	color: #54280F;
}
.list a:hover {
	color: #AA6227;
	text-decoration: underline;
}
.plist {
	padding: 15px 0 10px 15px;
	margin: 0;
}
.plist li {
	padding: 0px 0px 5px 18px;
	background: transparent url('../images/dot.gif') no-repeat scroll left 7px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}
.plist li a {
	text-decoration: underline;
	color: #000000;
}
.plist a:hover {
	color: #AA6227;
	text-decoration: underline;
}
.slist {
	padding: 10px 10px 0px 10px;
	margin: 0;
}
.slist li {
	padding: 0px 0px 15px 18px;
	background: transparent url('../images/dot.gif') no-repeat scroll left 7px;
	list-style-type: none;
	font-family: Georgia;
	font-size: 12px;
	line-height: 16px;
	color: #363636;
}
.slist li a {
	text-decoration: underline;
	color: #363636;
}
.slist a:hover {
	color: #AA6227;
	text-decoration: underline;
}
.imgbor {
	border: 1px solid #73351e;
	padding: 1px;
}
.footer-wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AD6228;
	line-height: 15px;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #ad6228;
}
.footer a, .footer a:visited {
	text-decoration: none;
	color: #ad6228;
}
.footer a:active, .footer a:hover {
	text-decoration: underline;
	color: #464646;
}
.footer1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #54280F;
}
/* ####### Forms Styles ########## */
form {
	padding: 0px;
	margin: 0px;
}
.req {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #ff0000;
}
.input {
	padding: 1px 0;
	margin: 0px;
	width: 200px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.select {
	padding: 0px;
	margin: 0px;
	width: 200px;
	border: 1px solid #CFCED2;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}
.inputphone {
	padding: 2px 0;
	margin: 0px;
	width: 58px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.textarea {
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 40px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.textarea1 {
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 60px;
	border: 1px solid #CFCED2;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, Sans-serif;
}
.button {
	width: 65px;
	padding: 2px;
	background-color: #D4D0CF;
	border-left: 1px solid #9D9DA1;
	border-top: 1px solid #9D9DA1;
	border-right: 1px solid #BFBEC1;
	border-bottom: 1px solid #BFBEC1;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-seri1f;
}
/* Plywoods Listings Table */
.listing {
	color: #363636;
}
.listing td {
	padding: 1px;
}
.head {
	border-bottom: 1px solid #DFDFDF;
	background-color: #F4F4F4;
}
.tblhead {
	padding: 5px 0 2px 0;
	margin-bottom: 20px;
	font-family: Georgia;
	font-size: 19px;
	line-height: 22px;
	color: #D06725;
	font-weight: normal;
	border-bottom: 2px solid #F5DECF;
}
.toplink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #AD6228;
	margin: 0;
	text-align: right;
	font-weight: bold;
}
.toplink a, .toplink a:visited {
	text-decoration: none;
	color: #AD6228;
}
.toplink a:active, .toplink a:hover {
	text-decoration: underline;
	color: #AD6228;
}
.callout {
	font-family: Georgia;
	color: #000000;
	font-size:15px;
	line-height:22px;
	width:270px;
	text-align: center;
	background-color: #FFF5DF;
	padding: 10px;
	font-weight: bold;
	border: 1px solid #DEAD72;
}

.link-wrapper{
	border-left:1px solid #D06725;
	padding:5px;
	width:270px;
	margin:10px 0 5px 5px;
}
.links{
	text-align:left;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding:0 0 0 5px;

}
.links ul{
	list-style-type:none;
	margin:5px 0px 0px 0px;
	padding:0px;
}
.links li{
	padding:5px 0 5px 36px;
	margin:0 0 5px 0;
	line-height:18px;
	border-bottom:2px dotted #cdcdcd;
}
.links a, .links a:visited{
	color:#54280F;
	text-decoration:none;
}
.links a:active, .links a:hover, .links a.active{
	color:#AA6227;
	text-decoration:none;
}
.links li.last{
	margin-bottom:0;
}
.pg-icon{
	background:transparent url('../images/book-icon.gif') no-repeat scroll 10px 6px;
	font-weight:bold;
}
.pdf-icon{
	background:transparent url('../images/pdf-icon.gif') no-repeat scroll 5px 6px;
	font-weight:bold;
}
.fr{
	float:right;
	margin:0 0 0 10px;
}

.fl{
	float:left;
	margin:0 10px 0 0;
}
.nlist {
	padding: 15px 0 10px 15px;
	margin: 0;
}
.nlist li {
	padding: 0px 0px 5px 18px;
	background: transparent url('../images/blt-list.gif') no-repeat scroll left 3px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.nlist li a {
	text-decoration: underline;
	color: #000000;
}
.nlist a:hover {
	color: #AA6227;
	text-decoration: underline;
}


