/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #2a0c16; font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 12px; padding: 0px; margin-top: 0px; color:#35383d;}
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #a57bc3; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #a57bc3; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #a57bc3; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #915DB5; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color}

/* BG 
############################################################################################################## */
#bg { width: 980px; margin: 0 auto; margin-top: 30px;}
#bg-all { width: 980px; background:#fff; overflow: hidden;}
/**/ * html #bg-all { height: 1%;} /* */

/* Container 
############################################################################################################## */
.container { padding: 30px; float: left; width: 590px;}

.menu { overflow: hidden; float: left; width: 100%; background:#e2d4ec; width: 980px; margin: 0 auto; padding: 10px 0px 0px 100px;}
/**/ * html .menu { height: 1%;} /* */ 
.menu ul { float:left; }
.menu li { display: inline; font: bold 14px/14px "Arial"; letter-spacing: -1px; float: left; height: 28px; }
.menu li ul li { font-weight: normal; letter-spacing: normal;}
.menu li a, .menu li a:visited { color:#272d36; float: left; padding: 4px 6px 10px 6px; margin-right: 5px;}
.menu li a:hover { background: #fff; color:#915DB5; text-decoration: none;}
.menu .current_page_item a, .menu .current_page_item a:visited, .menu .current_page_item a:hover { background: #272d36 url(images/menu-on-bkg.png) repeat-x bottom; color:#fff; }

.menu .current_page_item .page_item a, .menu .current_page_item .page_item a:visited { background: #def1f9; color:#272d36;}
.menu .current_page_item .page_item a:hover { background: #fff; color:#0099cc; }

/* Logo
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { width: 890px; overflow: hidden; border-bottom: solid 6px #E2D4EC; margin-bottom: 30px;}
/**/ * html .logo { height: 1%;} /* */ 

.logo .txt { width: 520px; padding-left: 70px; background: url(images/logo-symbol.png) no-repeat left 10px; padding-bottom: 30px; }
.logo .txt h1 { font: bold 55px/50px "Arial"; letter-spacing: -3px; text-transform: lowercase; padding-bottom: 5px;}
.logo .txt h1 a, .logo .txt h1 a:visited, .logo .txt h1 a:hover { text-decoration: none; color:#272d36;}
.logo .txt p.desc { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#2abada;}

.logo .img { padding-bottom: 15px; }


/* SL ()
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL { width: 830px; float: left; padding-left: 70px;}

.title { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}
.note {  background:url(images/note-icon.png) no-repeat left 2px; padding-left: 14px; color:#669900; font-size: 11px;}
.edit a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color:#ff6600; font-size: 11px; }
.error { color:#cc0000; font-size: 11px; font-weight: bold;}
.p { margin: 0 0 20px 0; color: #000000; line-height: 140%; }



/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; max-width: 100%; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }
.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 20px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 870px; margin: 0 auto; padding: 15px 0px 15px 90px;}
.footer p { padding: 0px; margin: 0px; font-family: 'Arial'; font-size: 11px;  }
.footer p.copy { color:#FFF4D0; }
.footer p.copy a, .footer p.copy a:visited, .footer p.copy a:hover { color:#1c3e4d; text-decoration: underline;}
.footer p.theme { padding-top: 2px; color:#6c8e9d; }
.footer p.theme a, .footer p.theme a:visited, .footer p.theme a:hover { color:#6c8e9d; text-decoration: underline;}

.heading {
	font-weight: bold;
	font-size: 15px;
	color: #2A0C16;
	padding-top: 26px;
	border-top: 1px solid #1D1D1D;
	margin: 26px 0px 0px 0px;
	clear:both;
	}

.portfolio-item {
	display: block;
	float: left;
	width:267px;
	margin: 0px 7px 0px 0px;
	height: 220px;
	}

#portfolio-section {
	padding: 0px 0px 25px 0px;
	}

.portfolio-item p {
	margin: 0;
	}

.img-portfolio {
	width: 247px;
	background-color: #c4a8d8;
	padding: 10px;
	margin: 0px 0px 5px 0px;
	border:none;
	}

.img-contact {
	width: 247px;
	background-color: #c4a8d8;
	padding: 10px;
	margin: 0px 10px 5px 0px;
	border:none;
	}

.img-rfq {
	width: 247px;
	background-color: #c4a8d8;
	padding: 10px;
	margin: 0px 10px 5px 0px;
	border:none;
	}

.img-services {
	width: 247px;
	background-color: #c4a8d8;
	padding: 10px;
        margin-left:10px;
        margin-right:10px;
	border:none;
	}

#freequote {
	position: absolute;
	left: 880px;
	top: 70px;
}

/* Forms */

#weblog-sec {
	clear: both;
	padding-top: 26px;
	}

/* SubNav */

#subnav {
 	float: right;
 	margin: -20px 0 0 0;
 	padding: 0;
 	}

#subnav li {
	list-style-type: none;
	display: inline;
	margin-right: 5px;
	}
	
#subnav li a {
	text-decoration: underline;
	border-bottom: none;
	color: #2A0C16;
	font-weight: bold;
        border-bottom: 1px solid #E2D4EC;
	}

#subnav li a:hover {
        display:inline;
        border-bottom:1px solid #E2D4EC;
	}

blockquote {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

blockquote.callout {
margin: 0;
padding: 0;
width: 800px;
border-top: 4px dotted #E9E9E9;
border-bottom: 4px dotted #E9E9E9;
background: transparent url("../images/quotes-left-purple.png") no-repeat 65px 15px;
}
blockquote.callout p {
padding: 20px 120px;
color: #727272;
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
font-size: 125%;
line-height: 1.3;
background: transparent url("../images/quotes-right-purple.png") no-repeat 670px 70px;
}
blockquote.callout p.link {
padding-top: 0;
text-align: right;
font-size: 90%;
}
blockquote.callout p.link a {
text-decoration: underline;
color: #66004F;
}

input, textarea {
	border: 1px solid #2a0c16;
	background-color: #E2D4EC !important;
	font-size: 11px;
	font-family: "Lucida Grande" Verdana, Arial;
	color: #000000 !important;
	padding: 3px;
	}

.footer-strong {
       color: #2a0c16;
       font-weight:bold;
       }

#footer {
	padding: 10px 26px 20px 26px;
	font-size: 10px;
	margin: 20px 0px -26px -26px;
	text-align: center;
	clear:both;
	}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div.description a.readmore { color: #ffffff; background: url(../images/featured-readmore-right.gif) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 34px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; }

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/
		div#featured { position: relative; background: url(../images/featured_bg.jpg) no-repeat scroll center bottom transparent; padding-bottom:5px; padding-left: 15px; }
			#featured_content, .slide { width: 865px !important; }
			a#left_arrow { background: url(../images/right_arrow.gif) 0px 0px no-repeat; left: 0px; }
			/*a#left_arrow { background: url(../images/left_arrow.gif) 0px 0px no-repeat; left: 0px; }*/
			a#right_arrow { background: url(../images/right_arrow.gif) 0px 0px no-repeat; right: 0px; }
			a#left_arrow, a#right_arrow { display:block; height:23px; position: absolute; text-indent:-9999px; top:88px; width:13px; }

				div.slide img.thumb {float: left; margin-left: 30px; text-indent:-9999px;}
				div.slide div.description {float: right; width: 420px; margin-right: 25px; padding: 5px;}
					div.description h2 a:hover { text-decoration: none; }
					div.description p.tagline { font-family: Georgia, serif; font-style: italic; color: #66004F; }
					div.description { color: #262626; }
					
					a.readmore { color: #ffffff !important; font-weight: normal !important; background: url(../images/featured-readmore-right.gif) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 32px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; margin-right: 0px; }
						a.readmore span { display: block; height: 34px; background: url(../images/featured-readmore-left.gif) no-repeat; padding: 0px 11px 0px 20px; } 
						
			div#controllers { clear:both; bottom:-5px; left:0; padding-left:440px; position:absolute; }	
				div#controllers a { float: left; text-indent:-9999px; background: url(../images/controller1.png) no-repeat; display: block; height: 14px; width: 15px; margin-right:4px; }	
				div#controllers a.activeSlide {background: url(../images/controller2.png) no-repeat;}

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }