/*
Theme Name:	Mid-Atlantic Coatings
Description: A Wordpress theme for Mid-Atlantic Coatings.
Author:	Wordswell
*/

/* ------------|Defaults------------ */
body {  
	background: #A9BDD7;
	font-family: Helvetica,Arial,san-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 17px;
	text-align: center;
}

a:link, a:hover, a:visited, a:active {  
	font-family: Helvetica,Arial,san-serif;
	font-size: 12px; 
	color: #5596da;
}

img {
	border:	0;
	display: block;
}

h1 {
	margin: 0;
}
h2 {
	font-size: 30px;
	color: #fff;
	margin: 0;
	padding-top: 26px;
	text-transform: uppercase;
}
h3 {
	color: #000;
	font-size: 18px;
	margin: 40px 0 8px;
}
h4 {
	color: #000;
	font-size: 14px;
	text-align: left;
	margin: 4px 0 0;
}
h5 {
	font-size: 16px;
	color: #333;
	margin: 0 0 3px;
}

/* ------------|Classes------------ */
.clear {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}

.alignright {
	float: right;
	display: inline;
}
img.alignright {
	margin-left: 40px;
}
.alignleft {
	float: left;
	display: inline;
}
img.alignleft {
	margin-right: 4px;
}
.aligncenter, .aligncenter * {
	margin: 0 auto;
	text-align: center;
}

.alt {
	position: absolute;
	left: -9999px;
}

.wrapper {
	width: 860px;
	margin: 0 auto;
	text-align: left;
}

.medium {
	width: 890px;
	padding-top: 20px;
}
.wide {
	width: 981px;
}

/* ------------|Structure------------ */
#header {
	background-color: #fff;
	width: 100%;
	height: 150px;
}

#menu {
	background: transparent url(./images/bg-menu.jpg) repeat-x;
	width: 100%;
	height: 46px;
}

#subnav {
	background: transparent url(./images/bg-subnav.jpg) no-repeat 50% 0;
	width: 100%;
	height: 76px;
	margin-top: -12px
}

#content-area {
	background: #fff url(./images/bg-content-area.jpg) no-repeat 50% 0;
	width: 100%;
	text-align: left;
	clear: both;
}
#content-area.nobg {
	background: #fff;
}
#our-process #content-area {
	margin-top: -11px;
}

#footer {
	background: #a9bdd7 url(./images/bg-footer.jpg) repeat-x;
	height: 150px;
}

/* ------------|Header------------ */
#header h1 {
	padding-top: 20px;
}

#rotate {
	position: absolute;
	margin: 87px 0 0 468px;
}

/* ------------|Menu------------ */
#menu .wrapper {
	width: 860px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	background: transparent url(./images/menu-separator.jpg) no-repeat 100% 50%;
	float: left;
	display: inline;
	color: #fff;
	line-height: 33px;
	padding-right: 2px;
}
#menu li.page-item-9 {
	background: transparent;
}
#menu li a {
	float: left;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding: 0 26px;
	line-height: 34px;
}
#menu li li.page-item-109, #menu li li.page-item-120 {
	background: transparent url(./images/sub-break.jpg) no-repeat 50% 100%;
	padding-bottom: 1px;
}
#menu li a:hover {
	background: transparent url(./images/bg-menu-hover.jpg) repeat-x;
}
#menu li.current_page_item a, #menu li.current_page_parent a {
	background: transparent url(./images/bg-menu-current.jpg) repeat-x;
}
#menu li.current_page_item li a, #menu li.current_page_parent li a {
	background: transparent;
}

/* ------------|Subnav------------ */
#subnav div div {
	float: left;
	display: inline;
}
#subnav .description {
	width: 214px;
	text-align: right;
}
#subnav .downloads {
	width: 349px;
}
#subnav .images {
	width: 386px;
}

#subnav p {
	float: left;
	display: inline;
	width: 60px;
	margin: 23px 0 0 3px;
	color: #fff;
}
#subnav .downloads p {
	width: 40px;
}
#subnav a {
	background: transparent;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	height: 68px;
	margin-top: 5px;
}
#subnav a:hover, #subnav a.selected {
	background-position: 0 100%;
}
#subnav .downloads a#ashford-formula {
	background-image: url(./images/sub-ashford.jpg);
	width: 95px;
	height: 48px;
	margin-top: 10px;
}
#subnav .downloads a#retro-plate {
	background-image: url(./images/sub-retro.jpg);
	width: 70px;
}
#subnav .downloads a#tnemec {
	background-image: url(./images/sub-tnemec.jpg);
	width: 60px;
}
#subnav .downloads a#stratashield {
	background-image: url(./images/sub-stratashield.jpg);
	width: 72px;
}
#subnav .images a#chemprobe {
	display: block;
	background-image: url(./images/sub-chemprobe.jpg);
	width: 72px;
	height: 68px;
	margin-top: 5px;
}

#subnav .images {
	background: transparent url(./images/bg-sub-images.jpg) repeat-x;
}
#subnav .images a {
	display: none;
	position: relative;
	margin-top: 10px;
}
#subnav .images a:hover {
	z-index: 5;
}
#subnav .images a#division-3 {
	display: block;
	background-image: url(./images/sub-three.jpg);
	width: 58px;
	height: 62px;
}
#subnav .images a#division-5 {
	display: block;
	background-image: url(./images/sub-five.jpg);
	width: 58px;
	height: 62px;
}
#subnav .images a#division-7 {
	display: block;
	background-image: url(./images/sub-seven.jpg);
	width: 58px;
	height: 62px;
}
#subnav .images a#division-9 {
	display: block;
	background-image: url(./images/sub-nine.jpg);
	width: 58px;
	height: 62px;
}

/* ------------|Content------------ */
#content-area p {
	margin-top: 0;
}
#content-area h1 {
    margin-bottom: 20px;
}


/* -|Home- */
#products {
	float: left;
	display: inline;
	background: transparent url(./images/our-products.jpg) no-repeat;
	width: 263px;
	height: 339px;
}
#products a {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	text-decoration: none;
}
#products a:hover {
	background-position: 0 100%;
}
#products a#tnemec {
	background-image: url(./images/home-tnemec.jpg);
	width: 48px;
	height: 53px;
	margin: 90px 0 0 56px;
}
#products a#retro-plate {
	background-image: url(./images/home-retro-plate.jpg);
	width: 58px;
	height: 50px;
	margin: 90px 0 0 10px;
}
#products a#ashford-formula {
	background-image: url(./images/home-ashford.jpg);
	width: 83px;
	height: 36px;
	margin: 4px 0 0 66px;
}
#products a#stratashield {
	background-image: url(./images/home-stratashield.jpg);
	width: 46px;
	height: 33px;
	margin-left: 7px;
}
#products a#chemprobe {
	background-image: url(./images/home-chemprobe.jpg);
	width: 58px;
	height: 45px;
	margin: 93px 0 0 2px;
}
#products a.division {
	width: 37px;
	height: 37px;
}
#products a#three {
	background-image: url(./images/home-three.jpg);
	margin: 29px 0 0 52px;
}
#products a#five {
	background-image: url(./images/home-five.jpg);
	margin: 24px 0 0 12px;
}
#products a#seven {
	background-image: url(./images/home-seven.jpg);
	margin: 19px 0 0 8px;
}
#products a#nine {
	background-image: url(./images/home-nine.jpg);
	margin: 15px 0 0 8px;
}

#projects {
	float: left;
	display: inline;
	background: transparent url(./images/our-projects.jpg) no-repeat;
	width: 263px;
	height: 339px;
	margin: 0 30px;
}
#projects a {
	display: block;
	width: 240px;
	height: 250px;
	margin: 10px 0 0 16px;
}

#process {
	float: left;
	display: inline;
	background: transparent url(./images/our-process.jpg) no-repeat;
	width: 263px;
	height: 339px;
}
#process a {
	display: block;
	width: 240px;
	height: 250px;
	margin: 10px 0 0 16px;
}

/* -|Our-Products- */
span.divide {
	font-size: 44px;
	font-weight: normal;
	color: #fff;
	margin-right: 11px;
}
#content-area .description, #content-area .downloads, #content-area .images {
	float: left;
	display: inline;
	min-height: 300px;
	padding:0 0 20px 0;
}
#content-area .description {
	width: 200px;
	margin-right: 14px;
}
#content-area .downloads {
	width: 276px;
	margin: 0 36px;
}
#content-area .images {
	width: 346px;
	margin-left: 36px;
}
#subnav .images span.divide {
	margin: 26px 6px 0 0;
}

#content-area .images .holder {
	float: left;
	min-width: 350px;
}
#content-area .images .example {
	float: left;
	display: inline;
	width: 160px;
	margin-right: 13px;
}
#content-area .images h4 {
	text-align: right;
}
#content-area .images .example p {
	margin: 0 0 10px;
	text-align: right;
	line-height: 12px;
}

/* -|Our-Projects- */
ul#listh4 {
	list-style: none;
	text-align: right;
	width: 160px;
	margin: 0;
	padding: 0;
}
ul#listh4 li {margin: 0 0 10px 0; line-height:14px;}
ul#listh4 a {
	font-size: 16px; line-height: 18px;
}
#our-projects ul#listh4 {
	list-style: disc;
	text-align: left;
	width: auto;
	padding-left: 40px;
}
#our-projects ul#listh4 a {
	font-size: 12px;
}

/* -|Process */
#our-process .content {
	padding-top: 40px;
}

/* -|Etc- */
.wpcf7-form {
	margin-left: 70px;
}

/* ------------|Footer------------ */
#footer {
	clear: both;
}
#footer p {
	text-align: right;
	color: #fff;
	font-size: 14px;
	padding-top: 32px;
	margin: 0;
}
#footer p a {
	color: #fff;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
}
#footer p span {
	font-size: 24px;
	line-height: 24px;
}