@font-face{ 
	font-family: 'Century Gothic';
	src: url('http://www.royalmouldingsinc.com/public_html/wp-content/themes/CMS2/CenturyGothic.ttf');
}

* {margin: 0; padding: 0;}

h1, h2, h3 {font-family: Century Gothic; font-weight: normal;}

p {margin: 8px 0 15px 0;}
h1, .simh1 {font-size: 24px; line-height: 42px; color: #bbaa7f;}
h2, .simh2 {font-size: 20px; line-height: 30px; color: #a9885a;}
h3, .simh3 {font-size: 18px; line-height: 24px; color: #a9885a;}

ul, ol {margin: 11px 0 10px 18px;}

/* GENERAL */

body {
	font: 13px/21px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-color: #b6b6b6;
	background-image: url('images/bg.jpg');
}

#wrap {width: 950px; background: #fff; border: 8px solid #c7beb5; border-top: 0; margin: 0 auto 40px auto;}

#header {position: relative; height: 115px; margin: 0 -8px; background: #4d4747 url('images/headerbg.png') bottom repeat-x;}

#main {position: relative;}

/* FOOTER */
#footer {padding: 0 20px 25px 190px; background: #46423d;}
#footer, #footer a, #footer p {color: #ccb; line-height: 130%;}
#footer .buffer {height: 20px; margin-top: 0;}

#footer p.copyright {font-size: 90%; margin: 0; padding: 30px 0 50px 0;}


/* ================================================================ 
This copyright notice must be untouched at all times.


The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* hack to correct IE5.5 faulty box model */
* html .menu {width:790px; w\idth:750px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {display: none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:109px;
	position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:97px;
	height:30px;
	padding-left:10px;
	line-height:29px;
	font-weight:bold;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #cbcbcb;
	border-right-color: #cbcbcb;
	border-bottom-color: #cbcbcb;
	border-left-color: #cbcbcb;
	display: block;
	background-color: #b7ada4;
	border-left-width: 0px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:111px; w\idth:111px;}



/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color: #d4d8bd;
	background-repeat: no-repeat;
	background-position: 100px center;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background-color: #c9ba65;
	background-repeat: no-repeat;
	background-position: 100px center;
}

.menu ul ul :hover > a.drop {
	background-color: #c9ba65;
	background-repeat: no-repeat;
	background-position: 100px center;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */
.menu ul ul ul a:hover {background:#dcceb2;}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;	position:absolute; height:0; top:31px; left:0; width:149px;	border-top-width: 0px; border-top-style: solid;	border-top-color: #000;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:133px; top:-1px; width:133px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-133px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#dcceb2;
	color:#000;
	height:10px;
	line-height:1em;
	width:128px;
	border-top-width: 0;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 10px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#dcceb2;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#dcceb2;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

/*homepage*/

#apDiv1 {
	position:absolute;
	width:146px;
	height:32px;
	z-index:1;
	left: 36px;
	top: 27px;
}

#sidemenu {position: absolute; top: 0; bottom: 0; width: 177px; background: #e9e6e1; padding-top: 20px;}

#categories a {display:block; position: relative; padding: 10px 0 10px 10px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #eee; font-weight: bold;}
#categories span.sidemenu:first-of-type a {border-top-color: #d6d6d6;}
#categories a:before {content: ''; position: absolute; top: -1px; left: -8px; width: 8px; height: 100%; background: none; border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
#categories a:hover {background: #dcceb2; border-top-color: #c5b596; }
#categories a:hover:before {background: #4d4747; border-color: #4d4747;}
#categories a:active {	}

#main_slide {
	width: 738px;
	height: 325px;
	margin-left: 196px;
	padding-top: 20px;
}

#free_quotes, #testimonials {display: inline-block;	height: 149px; padding: 24px 10px;}

#free_quotes {width: 220px;	background: url('images/estimate_box.jpg') no-repeat center;}

#testimonials {
	width:425px;
	background: url('images/testimonials.jpg') no-repeat center;
	font-size: 14px;
	font-weight: normal;
	color: #4f4949;
	float: right;
}
.Testimonials_Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #611f17;
	font-weight: normal;
	text-decoration: underline;
}


.Free_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	text-decoration: none;
	line-height: 30px;
}
.Orange {
	color: #fd7100;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	text-decoration: none;
}

.sidemenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color: #616161;
	text-transform: uppercase;
}
.sidemenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color: #616161;
	text-transform: uppercase;
}
.sidemenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color: #616161;
	text-transform: uppercase;
}
.sidemenu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color: #616161;
	text-transform: uppercase;
}
.sidemenu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color: #616161;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
}
	
  #support_icons {
	width:162px;
	height:201px;
	background-image: url('images/icons.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	margin: 20px auto;
}
 .slideshow { position: relative; }
 .slideshow li { position: absolute; left: 0; top: 0; width: 500px; height: 332px; display: none; list-style: none; }
 .slideshow li:first-child { display: block; }
 .slideshow-2 { top: 410px; }
 .slideshow-3 { top: 350px; }
 .slideshow-3 li { height: 50px; font-size: 36px; background: #fff; text-align: center; }
 
/* This was previously inline CSS */

/* Side Menu */
#side_estimate {
	position:relative;
	width:183px;
	height:115px;
	z-index:1;
	background-image: url('images/estimate_box_left.jpg');
	background-repeat: no-repeat;
	left: 8px;
	top: 10px;
}
#Clickhere {
	position:absolute;
	width:100px;
	height:31px;
	z-index:1;
	left: 44px;
	top: 70px;
	font-size: 18px;
	color: #57140c;
	font-family: Arial, Helvetica, sans-serif;
}
.ClickText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #57140c;
	text-decoration: none;
}
 
/* Baseboards */
#apDiv1 {
	position:absolute;
	width:146px;
	height:32px;
	z-index:1;
	left: 36px;
	top: 27px;
}

#main #free_quotes {
	font-size: 24px;
}
#main #free_quotes {
	font-size: 20px;
}
#main #free_quotes {
	text-align: center;
	font-size: 12px;
}
.sidemenu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	color: #616161;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
}
	
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#header .home {display: block; position: absolute; left: 0; top: 0; width: 185px; height: 115px; background: url('images/logo.png') no-repeat center;}

#header-contact {position: absolute; top: 20px; right: 300px; color: #dfd1a2;}
#header-contact a {text-decoration: none;}
#header-contact .phone, #header-contact .email	 {display: inline-block; margin-top: 1px; color: #dfd1a2; font-size: 20px; font-family: Century Gothic; font-weight: bold;}
#header-contact .phone 	 {padding-left: 18px; letter-spacing: -0.5px;}
#header-contact .email:hover {color: #efe1b2;}
#header-contact .address {display: block; color: #b39561;}
 
.headerbtn {
	display: block; position: absolute; top: 7px; width: 100px; height: 40px; padding: 12px; 
	font-family: 'Century Gothic'; color: #fff; text-decoration: none; font-size: 16px; text-align: center; 
	background: #d9661f; border: 1px solid transparent;  box-shadow: 1px 1px 5px rgba(50,50,50,0.5);
	border-top-color: #e47f41; border-left-color: #e47f41; border-bottom-color: #9f4410; border-right-color: #9f4410;
	transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}
.headerbtn:hover {
	background: #e47f41; border-bottom-color: #be5b21; border-right-color: #be5b21;
	box-shadow: 1px 1px 5px rgba(50,50,50,0.9);
	transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}

#header-consult {right: 140px; font-size: 14px; padding: 5px 12px; height: 60px; line-height: 130%;}
#header-consult:hover {}

#header-specials {right: 0; background: #d5573f; padding: 15px 12px; 
	border-top-color: #dc6c57; border-left-color: #dc6c57; border-bottom-color: #a7301a; border-right-color: #a7301a;}
#header-specials:hover {background: #dc6c57; 
	border-bottom-color: #be452e; border-right-color: #be452e;}
	
#header-consult span.caps {font-size: 16px; text-transform: uppercase;}

#dropmenu {position: absolute; right: -1px; bottom: 0;}

#content {position: relative; width: 720px; margin-left: 201px;	padding: 10px 10px 130px 0; min-height: 590px; }
#main.short #content {min-height: 350px;}
 
/* Category Pages */
.linkbox {display: inline-block; margin: 0 5px 10px 0; width:170px; height:155px; border: 1px solid #d6d6d6; overflow: visible;}
.imagebox {width:725px; height:324px; background-repeat: no-repeat; background-position: center;}

/* Mouldings */
#mouldings_image_box {background-image: url('images/mouldings_image.jpg');}

#mouldings_box		{background-image: url('images/mouldings_box_design5.jpg');}
#mouldings_box2		{background-image: url('images/mouldings_box_design7.jpg');}
#mouldings_box3 	{background-image: url('images/mouldings_box_smooth5.jpg');}
#mouldings_box4 	{background-image: url('images/mouldings_box_smooth7.jpg');}

/* Baseboards */
#baseboards_image_box {background-image: url('images/baseboards_image.jpg');}

#baseboards_box 	{background-image: url('images/baseboards_box_smooth5.jpg');}
#baseboards_box2 	{background-image: url('images/baseboards_box_smooth7.jpg');}

/* Wainscoting */
#wainscoting_image_box {background-image: url('images/winscoting_image.jpg');}

#wainscoting_box 	{background-image: url('images/panel_wainscoting_box.jpg');}
#wainscoting_box2 	{background-image: url('images/beadboard_wainscoting_box.jpg');}
#wainscoting_box3 	{background-image: url('images/applique_wainscoting_box.jpg');}

/* Doors */
.linkbox.tall {height: 216px;}

#doors_image_box {background-image: url('images/doors_image.jpg');}

#Molded_box 		{background-image: url('images/Molded_box.jpg');}
#Anniversory_box2	{background-image: url('images/anniversory_box.jpg');}
#palazzo-series 	{background-image: url('images/palazzo_box.jpg');}
#Emerald_box4 		{background-image: url('images/emerald_box.jpg');}
#French_box 		{background-image: url('images/french_box.jpg');}
#Wood_box 			{background-image: url('images/wood_box.jpg');}
#MDF_Louver_box		{background-image: url('images/MDF_Louver_box.jpg');}
#Flush_box 			{background-image: url('images/Flush_box.jpg');}

/* Columns */
#columns_image_box {background-image: url('images/columns_image.jpg');}

#columns_box {background-image: url('http://www.royalmouldingsinc.com/wp-content/themes/CMS2/images/wood_columns.jpg');}
#columns_box2 {background-image: url('images/pcv_wraps.jpg');}
#columns_box3 {background-image: url('images/columns_fiberglass.jpg');}
#columns_box4 {background-image: url('images/MDF_Square_columns.jpg');}

/* Home Page */
.home #side_estimate {display: none;}
#testimonials #quotearea {margin: 24px 20px 0 20px; line-height: 130%;}
#main_slide.home {height: 400px; margin-left: 176px; padding-top: 20px;}

/* Text Pages */
.ngg-galleryoverview {clear: none !important;}
.ngg-galleryoverview br, .ngg-clear {display: none;} /* who needs to edit the plugin when i can just do this? lol */

/* Blog Page */
.blogpost {margin-top: 20px; padding-bottom: 20px;}
.blogtitle a {color: #a9885a; text-decoration: none; }
.blogtitle a:hover {color: #bbaa7f;}
p.date {font-size: 12px; color: #999; margin: 0;}
.readmore {margin: -10px 5px 0 0; display: block;}

#nav-posts {padding-top: 30px;}
.prev {float: left;}
.next {float: right;}

/* Estimate and Contact Pages */
.backdrop {position: absolute; left: -15px; top: 20px; z-index: 0;}
.formholder {display: inline-block; position: relative; z-index: 1; padding: 20px 40px 30px 40px; background: #f9f6f1; box-shadow: 1px 1px 3px #8c7d69;}

form {display: inline-block;}
form p {margin: 5px 0;}
input, select, textarea {width: 300px; padding: 2px; border: 1px solid #ddd;}
select {width: 306px;}
textarea {height: 120px; resize: vertical;}
input[type=submit] {color: #fff; background: #e8984f; padding: 4px 2px; margin-top: 10px; width: 306px;
	transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}
input[type=submit]:hover {cursor: pointer; background: #f8811b;
	transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}
.formlabel {}

/* Gallery */
a.gallery-subpage {display: inline-block; position: relative; margin: 0 13px 15px 0; width: 170px; height: 220px;}
a.gallery-subpage span.caption-name {left: 10px;}

a.project {display: block; position: relative; width: 720px; height: 180px; }
a.project img, a.gallery-subpage img {max-width: 100%; opacity: 0.9;}
a.project:hover img, a.gallery-subpage:hover img {opacity: 1; transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}

.caption-bar {
	position: absolute; bottom: 0; width: 100%; height: 30px; background: #4d4747; font-size: 16px; font-family: 'Century Gothic'; color: #fff;
	transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s;}
.caption-bar {background: #636060; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}

a.project span, a.gallery-subpage span {position: absolute; display: block; bottom: 5px;}
a.project span.caption-name {left: 10px;}
a.project span.caption-date {right: 10px; text-align: right;}

/* Specials */

.special-block {margin-bottom: 30px; border: 1px solid #c7beb5; padding: 8px 0 0 16px; border-bottom: 0; border-left: 0; min-height: 150px;}

.special-block#moulding 	{background: url('images/special-moulding-corner.jpg') no-repeat top right;}
.special-block#columns 		{background: url('images/special-columns-corner.jpg') no-repeat top right;}
.special-block#baseboard 	{background: url('images/special-baseboard-corner.jpg') no-repeat top right;}

.discount {font-weight: bold; color: #e00;}

/* Main Page */
.slideshow {position: absolute;}
.slideshow li { position: absolute; left: 0; top: 0; width: 738px; height: 384px; display: none; list-style: none; }
.slideshow li:first-child { display: block; }
.slideshow-2 { top: 410px; }
.slideshow-3 { top: 350px; }
.slideshow-3 li { height: 50px; font-size: 36px; background: #fff; text-align: center; }

#home-left {width: 400px; margin-right: 39px;}
#home-right {position: absolute; top: 52px; right: 5px; width: 300px;}
#home-left p, #home-right p {line-height: 150%;}

.hometitle {}
.homesubtitle {font-family: Century Gothic; font-size: 18px; color: #888; margin-top: 0;}

.headerbtn.home {position: relative; top: auto; left: auto; display: inline-block; width: 170px; margin-top: 15px;}
#home-gallery {background: #db9d36; border-top-color: #ecbc6b; border-left-color: #ecbc6b; border-right-color: #ac7314; border-bottom-color: #ac7314;}
#home-gallery:hover {background: #ecbc6b;}

#home-consult {}

.quotes {
	list-style: none; position: relative; height: 400px; margin-left: 0;
}

.quotes li {position: absolute; background-color: #fff; height: 100%;}
	
.quotes li span.quote {
	display: block;
	padding: 0 30px 0 35px; margin-right: 5px;
	background-image: url('images/quote-open.png'), url('images/quote-close.png');
	background-position: top left, bottom right;
	background-repeat: no-repeat;
}
.quotes li span.author {display: block; margin: 12px 35px 0 0; color: #999; font-style: italic; text-align: right;}