/*Template CSS file*/

* {
margin: 0;
padding: 0;}

form {
margin: 0;
padding: 0;}
	
a img {
border: none;}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:1.5em;
background-color: #333;
color: #000000;}

th {
	text-align: left;
}

.error, .errors {
	color: #900;
}

.external {
	background: transparent url(images/external.png) no-repeat right;
	padding-right: 14px;
}

p:last-child {
	margin-bottom: 1em;
}

#wrap {
width: 800px;
margin:0 auto;
background-color: #ffffff;
min-height: 700px;}

#container {
width: 800px;
min-height: 700px;}

#header {
position:relative;
width: 800px;
height: 110px;}

#logo {
width: 200px;
height: 110px;
float: left;}
#logo h1 {
	margin-left: -999em;
}

#banner {
width: 600px;
height: 110px;
margin-left: 200px;}

#topmenu {
position: relative;
width: 785px;
height: 16px;
padding: 17px 0 7px 15px;
background-image: url(images/menu_bg.gif);
background-repeat: no-repeat;
background-position: top;}
	

/****************** Top Dropdown Menu styling starts here **************/
 
.moduletable_mainnav { /* I have absolutely positioned the module, you might have a different scheme*/
margin:0;
padding:0;}
 
#topmenu ul {
float:left;
list-style:none;
line-height:1em;
background:transparent;
margin:0;
padding:0;}

#topmenu a {
display:block;
color:#b4b3b3;
text-decoration:none;
margin-right: 60px;
padding:0.4em 0 0 0;
color: #ffffff;
font-size: 11px;
font-weight: bold;}

#topmenu li {
float:left;
padding: 0;}

#topmenu li a:hover {
background-color: #8c8c8c;
color: #ffffff;}

#topmenu li ul  {
position:absolute;
left:-999em;
height:auto;
width:11em;
background-color:#d6d6d6;
margin:0;
text-align: left;}

#topmenu li ul li ul {
	position: relative;
	width:9em;
}

#topmenu li li {
width:10em;
float: left;}

#topmenu li ul li ul {
	margin-left: 10px;
}
 
#topmenu li ul a {
width:9.8em;
color:#000000;
line-height:1em;
font-size: 11px;
font-weight: normal;
padding: 2px 2px 3px;
}

/*#topmenu li:hover ul ul,#topmenu li:hover ul ul ul,#topmenu li.sfhover ul ul,#topmenu li.sfhover ul ul ul{
left:-999em;}*/
 
#topmenu li:hover ul,#topmenu li li:hover ul,#topmenu li li li:hover ul,#topmenu li.sfhover
  l,#topmenu li li.sfhover ul,#topmenu li li li.sfhover ul {
left:auto;
z-index:6000;}
 
#topmenu li li:hover,#topmenu li li.sfhover {
color: #000000;}

/* **************** Dropdown Menu styling end here ***************/

/*
#content60 {
float:left;
width:60%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
}
*/
#content {
	width:800px;
	overflow:hidden;
	background-image: url(images/top_bg.png);
	background-repeat: no-repeat;
	background-position: top;}

/*
#content100 {
float:left;
width:100%;
overflow:hidden;
}
*/

#maincol {
	float: left;
	width: 600px;}

#maincol .inside {
	padding:30px 20px 0 25px;}

#rightcol {
 	margin-left: 600px;
	padding: 0;
	width:200px;
	color: #000000;
	font-size: 11px;}

#rightcol .inside {
	padding: 15px 10px 0 10px;}

#pathway {/* Breadcrumbs */
	padding-left: 3px;
	color: #990000;
	font-size: 11px;} 

#sidebar .inside,#sidebar-2 .inside {
	padding-top:0;}

/*
#header .search {
position:absolute;
top:20px;
right:20px;
}
*/

/*#top {
background:#ea6800 url(../images/teaser.png) no-repeat;
padding:10px;
}

#top .moduletable h3 {
color:#fff;
background:none;
text-align:left;
font:2.5em Arial, Helvetica, sans-serif normal;
font-stretch:expanded;
margin:10px 10px 0 10px;
padding:10px;
}

#top .moduletable {
font:bold 1em/1.2 Tahoma,Arial, Helvetica, sans-serif;
color:#fff;
border:0;
margin:0;
padding:0;
}
*/

#footer {
	clear:both;
	background-color: #333333;
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	color:#333333;
	margin: 0;
	padding: 0;
	height: 60px;}

#footer p#contactInfo {
	font-size: 9px;
	color: #333333;
	padding: 0 0 0 90px;
	margin: 0;}

#footer p#copyright {
	font-size: 9px;
	color: #333333;
	padding: 0 0 0 180px;
	margin: 0;}

/*#bottom {
	background:#333;
	color:#666;
	height: 10px;}

.inside {
	padding:10px;}*/

#sidebar .inside,#sidebar-2 .inside {
	padding-top:0;}
/*
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
	margin:0.75em 0;}
*/
/*
li,dd {
	margin-left:1em;}
*/
fieldset {
	padding:.5em;
	width: 160px;
	border: #999 thin dashed;}
	
ul#login_list, ul#login_list li {
	list-style: none;}
	


a:link,a:visited {
	text-decoration:underline;
	color:#000000;
	font-size: 12px;}
	
a:hover {
	text-decoration:none;}
	
/*#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited {
color:#000;
}*/

table.contentpaneopen { /* Content Table */
	padding: 20px 0 0 0;
}

/*.contentpaneopen span {
	padding: 20px 0 0 0;}*/

.contentpaneopen tbody tr td div {
	line-height: 1.5em;
	padding: 0 10px 0 0;}
	
.contentpaneopen tbody tr td div p {
	padding: 10px 0 0 15px;}	
	
.contentpaneopen tbody tr td div p.slanted {
	font-style: italic;}	

.contentpaneopen span {
	color: #000000;
	font-size: 16px;
	font-weight: bold;}


h1, .componentheading {
	margin: 0;
	font-size:1.2em;
    color: #900;}





td.contentheading {
	padding: 0 0 5px 0;
	font-size:1.3em;
	font-weight: bold;}

h2 {
	padding: 0;
	font-size:1.3em;
	font-weight: bold;}

h3 {
	font-size:1em;
	margin: 0;
	padding: 0 0 0 0;
	color: #990000;}

h4 {
	font-size:1.2em;}

h5 {
	font-size:1.1em;}

h6 {
	font-size:1em;}

span.copy1 {
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}

.photo {
	margin-bottom: 0;}

div.copy2 {
	width: 160px;
	padding: 5px 0 5px 5px;
	font-size: 12px;
	background-color: #e1dede;
	color: #000000;}

.drop_cap {
	font-size: 20px;}

.explanation {
	padding: 0 5px 0 3px;
	line-height: 1.5em;
	width: 158px;
	height: 180px;
	border: #b4b3b3 1px dotted;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;}

#pageLink {
	/*margin-top: 10px;*/
	padding: 5px 0 5px 5px;
	margin: 0;}

#pageLink li {
	color: #900;
}
#pageLink li a {
	font-size: 1.2em;
	line-height: 140%;
	color: #900;
}
#pageLink li ul {
	margin-left: 1em;
}
#pageLink ul:first-child {
	margin-left: 5em;
}

p#topText {
	margin: 10px 0 10px 20px;}

p#bottomText {
	margin: 5px 0 0 20px;
	font-size: 11px;}

p#listTtl {
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;}
	
span.price {
	font-size: 22px;
	color: #990000;}

p.onThePage, p.onThePage a, span.onThePage {
	font-size: 15px;
	font-weight: bold;
	color: #990000;}

p.pageJump {
	/*background-color: #ebeaea;*/}

p.pageJump a{
	font-size: 13px;
	color: #990000;
	/*text-decoration: none;*/}
	
/*********** Services pages styling starts here ************/

#mainContent_sv {
	width: 570px;
	margin: 0;}

#leftText_sv {
	width: 220px;
	float: left;
	padding: 0 0 0 20px;
	line-height: 1.5em;
	/*height: 300px;*/}
	
#rightImage_sv {
	margin: 0 0 0 250px;
	width: 250px;}

#rightImage_sv img {
	margin-bottom: 10px;}
	
/*********** Services pages styling ends here ************/	
	

/*********** Products pages styling starts here ************/

#mainContent_pd {
	width: 550px;
	margin: 0;}

#leftText_pd {
	width: 220px;
	float: left;
	padding: 0 0 0 20px;
	line-height: 1.5em;
	/*height: 300px;*/}
	
#rightImage_pd {
	margin: 0 0 0 220px;
	/*width: 250px;*/
	padding-top: 15px;}

#rightImage_pd img {
	}
	
#leftText_pd ul {
	/*margin: 0 0 0 20px;*/}
	
#leftText_pd ul li {
	list-style-position: inside;
	line-height: 1.3em;}
	
/*********** Products pages styling ends here ************/	


/*********** Speciality pages styling starts here ************/

#mainContent_sp1, #mainContent_sp2{ /*sp1: Speciality list page, sp2: Each speciality page*/
width: 520px;
margin: 20px 0 0 0;
padding: 0 0 0 20px;}

#mainContent_sp1 .sp_title a {
font-size: 12px;
font-weight: bold;}

#mainContent_sp2 sp_explanation {
margin: 0;
padding: 0;}

#mainContent_sp2 .question {
margin: 10px 0 0 0;
padding-left: 0;
color: #990000;
font-size: 13px;
font-weight: bold;}

#mainContent_sp2 ul {
list-style: inside;
margin-left: 10px;
line-height: 1.6em;}

#mainContent_sp2 table#price_table {
margin-left: 0;
padding-left: 0;}

#mainContent_sp2 table#price_table span {
font-size: 12px;
color: #333;}

#mainContent_sp2 table#price_table span.subtle {
font-weight: normal;}

.moduletable_plexiglas {
margin: 40px 0 0 0;}

.moduletable_plexiglas h4 {
margin-bottom: 20px;}

.moduletable_plexiglas img {
margin-bottom: 20px;}

.moduletable_banner {
margin: 100px 0 0 10px;
text-align: center;}

.moduletable_banner img {
margin-bottom: 20px;}

.moduletable_banner h4 {
font-size: 14px;
font-weight: bold;}




/*********** Speciality pages styling ends here ************/



/*********** About Us page styling starts here ***********/

#main {
	width: 570px;
	font-size: 12px;
	margin: 0;
	padding: 0;}

#left {
	float: left;
	width: 230px;
	padding: 0 0 0 20px;
	margin: 0;}

#left h3 {
	margin: 60px 0 0 0;
	padding: 0;
	font-size: 14px;}

#left p {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.5em;}

#right {
	margin: 0 0 0 290px;
	width: 270px;
	padding: 0px 10px 0 0;}

#right h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;}

#right ul {
	list-style: none;
	line-height: 1.4em;
	margin: 0 0 15px 0;}
	
#aboutphotos {
	margin: 5px 0 0 0;
	padding: 0 0 0 30px;}
	
#aboutphotos table {}


#aboutphotos table td {
	height: 100px;}

/*********** About Us page styling ends here ***********/



.button {
	border:#000 solid 1px;
	/*background:#fff url(../images/buttonbackground.png) repeat-x;*/
	height:25px;
	line-height:25px;
	font-size:14px;
	margin:4px 0;
	padding:0 4px;
	cursor:pointer;}

.small,.createdate,.modifydate,.mosimage_caption {
	font:0.8em Arial,Helvetica,sans-serif;
	color:#999;}

.sectiontableheader {
	/*background:url(../images/teaser.png);*/
	color:#fff;
	font:1.2em bold Arial, Helvetica, sans-serif;
	padding:5px;}
	
.sectiontableheader a:link,.sectiontableheader a:visited {
	color:#fff;}

/* Module styling */
/*.moduletable {
	margin-bottom:1em;
	color:#000;
	font-size:1.1em;}

.moduletable .mod_placehere {
	color: #000000;}
	
.moduletable h3 {
	color:#990000;
	/*text-align:center;*/
	/*margin:0 -10px;
	padding:0;}*/

/*Menu Styling*/
.moduletablemenu {
	margin-bottom:1em;}

.moduletablemenu h3 {
	font:1.2em Tahoma,Arial,Helvetica,sans-serif;
	background:#000;
	color:#ccc;
	text-align:left;
	margin:0 -10px;
	padding:5px 10px;}

.moduletablemenu ul {
	list-style:none;
	margin:5px 0;}

.moduletablemenu li {
	/*background:url(../images/leftmenu.png) bottom left no-repeat;*/
	height:24px;
	font:14px Tahoma,Arial, Helvetica, sans-serif;
	margin:10px 0;
	padding:0 0 0 10px;}

.moduletablemenu a:link,.moduletablemenu a:visited {
	color:#fff;
	display:block;
	text-decoration:none;
	padding-left:5px;}

.moduletablemenu a:hover {
	text-decoration:none;
	color:#fff;
	background:#ADADAD;}

/*Tab Menu Styling*/
/*
.moduletabletabs {
	font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;}

.moduletabletabs ul {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
	background:#212121;
	width:100%;}

.moduletabletabs li {
	float:right;
	background:url(../images/tabs.png) no-repeat 0 -4px;
	margin:0;
	padding:0 0 0 12px;}

.moduletabletabs a:link,.moduletabletabs a:visited {
	float:left;
	display:block;
	color:#000;
	background:url(../images/tabs.png) no-repeat 100% -4px;
	text-decoration:none;
	margin:0;
	padding:7px 18px 5px 9px;}

.moduletabletabs #current {
	background:url(../images/tabs.png) no-repeat 0 -84px;}

.moduletabletabs #current a {
	color:#fff;
	background:url(../images/tabs.png) no-repeat 100% -84px;}

.moduletabletabs li:hover {
	background:url(../images/tabs.png) no-repeat 0 -164px;}

.moduletabletabs li a:hover {
	background:url(../images/tabs.png) no-repeat 100% -164px;}

.design a:link,.design a:visited {
	color:#666;
	float:right;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;}*/

/* Newsflash(random) Module on the right sidebar */

.moduletable_db8newsflash {
	padding: 35px 5px 0 10px;}
	
.contentheading_db8newsflash {
	color: #990000;
	font-weight: bold;
	font-size: 12px;}
	
.contentpaneopen_db8newsflash p {
	color: #000000;
	padding: 0;
	margin: 0 0 20px 0;}

.moduletable_db8newsflash blockquote {
	background-image: url(images/quote_before.gif);
	background-repeat: no-repeat;
	background-position: left top;}
	
.moduletable_db8newsflash blockquote div {
	padding: 30px 25px 10px 25px;
	background-image: url(images/quote_after.gif);
	background-repeat: no-repeat;
	background-position: right bottom;}
	
.moduletable_db8newsflash #commentator {
	text-align: right;
	padding: 10px 5px 0 0;}

.moduletable_db8newsflash #commentator span {
	font-weight: bold;}
	
/* Contact Form Styling  */

#ChronoContact_contact_form {
	margin: 0;
	padding: 0;}

.form_title h2 {
	padding: 20px 0 20px 3px;
	margin: 0;}

span.red {
	color: #900;}
	
p.thankyou {
	font-size: 12px;
	margin-bottom: 10px;}
	
	
/* Contact Module on the right (Only on Contact page) */	

.moduletable_contact {
	padding: 35px 5px 0 10px;}

.moduletable_contact p.companyName {
	font-weight: bold;
	padding: 0 0 15px 0;}

.moduletable_contact p {
	padding: 0 0 10px 0;}
	
.moduletable_contact span.red {
	color: #990000;
	font-weight: bold;}

/*Upload Form Styling*/

form h2.section_title {
   margin: 20px 0 10px 0;}

table.formTbl {
	border: 3px double #ccc;
	padding: 3px;
}
table.formTbl_without {
	border: none;
	padding: 3px;
}

/* Open House Survey form */
#openhouse textarea {width: 460px;}
#openhouse .draw label {display: inline-block; width: 7em;}
#openhouse .draw input {display: inline-block; width: 20em;}
#openhouse .draw .file {position: relative}

/* Imageboard styles */
body#imageboard {
	font: normal 62.5%/125% "Century Gothic", Arial, Helvetica, sans-serif;
	color: #333;
}
body#imageboard h3, body#imageboard p, body#imageboard ul {
	color: #6D6E70;
}
body#imageboard h3 {
	font-size: 2em;
	margin-bottom: .5em;
}
body#imageboard p, body#imageboard ul {
	font-size: 1.5em;
	line-height: 150%;
}
body#imageboard .left {
	float: left;
}

body#imageboard #topmenu ul {
	font-size:12px;
	line-height: 1em;
}
body#imageboard #rightcol {
	display: none;
}
body#imageboard #maincol {
	width: 800px;
}
body#imageboard #banner {
	width: 100%;
	height: auto;
	margin: 0;
}
body#imageboard #banner #blurp {
	float:right;
	margin-top:0.5em;
	padding-right:5.6em;
	width:40em;
}

body#imageboard #heading {
	background-color: #6d6e70;
    padding: 3.2em 0 3.5em 3.3em;
	clear: both;
}
body#imageboard #heading h1{
    font-size: 5em;
	font-weight: normal;
    color: #ededed;
	white-space: nowrap;
}

body#imageboard #subheading {
	 padding: 1.7em 0 1.9em 3.3em;
}
body#imageboard #subheading.alloy {
	background-color: #d82053;
}
body#imageboard #subheading.board {
	background-color: #9A4D9E;
}
body#imageboard #subheading.canvas {
	background-color: #A6CE39;
}
body#imageboard #subheading.acrylic {
	background-color: #45C3D3;
}
body#imageboard #subheading h2 {
    font-size: 2em;
    color: #ededed;
}

body#imageboard .column_left {
	float: left;
	padding: 2em 2.5em 0 3.3em;
	width: 41em;
}
body#imageboard .column_left p {
	margin-bottom: 1em;
}
body#imageboard .column_right {
	float: left;
	padding: 2em 2.5em 0;
	width: 23.5em;
}
body#imageboard #intro ul,
body#imageboard .column_right ul {
	list-style: none;
}

body#imageboard #intro {
	margin-top: 2.7em;
}
body#imageboard #intro ul {
	margin: -.5em auto .5em;
	font-size: 1em;
	width: 99%;
}
body#imageboard #intro ul li {
	display: inline-block;
	border: 2px solid #939598;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	font-size: 1.3em;
	line-height: 200%;
	margin: 0 0 .5em 1.5em;
	padding: .2em .5em;
	width: 11em;
}
body#imageboard #intro ul li a {
	text-decoration: none;
	font-size: 1em;
	color: #333;
}
body#imageboard #intro ul li img {
	float: left;
	margin-left: .15em;
	padding-right: 0.47em;
}

body#imageboard #intro li.alloy {
	border-color: #D82053;
}
body#imageboard #intro ul li.board {
	border-color: #9A4D9E;
}
body#imageboard #intro ul li.canvas {
	border-color: #A6CE39;
}
body#imageboard #intro ul li.acrylic {
	border-color: #45C3D3;
}

body#imageboard .column_right ul li {
	padding-left: 1.5em;
}

body#imageboard .alloy ul li {
	background: url("../images/imageboards/alloy_bullet.png") no-repeat scroll 0 0.3em transparent;
}
body#imageboard .board ul li {
	background: url("../images/imageboards/board_bullet.png") no-repeat scroll 0 0.3em transparent;
}
body#imageboard .canvas ul li {
	background: url("../images/imageboards/canvass_bullet.png") no-repeat scroll 0 0.3em transparent;
}
body#imageboard .acrylic ul li {
	background: url("../images/imageboards/acrylic_bullet.png") no-repeat scroll 0 0.3em transparent;
}

body#imageboard .column_right ul li.plain {
	background-image: none;
	padding-left: 0;
}
body#imageboard .column_right ul ul {
	font-size: 1em;
	margin-left: 2em;
}

body#imageboard #bottom {
	position:relative;
	clear: both;
	height: 9em;
	padding-bottom: 2em;
	color: #6D6E70;
	background-color: transparent;
}
body#imageboard #bottom img {
	position: absolute;
	left: -1em;
	border: 1px solid #6D6E70;
}
	
body#imageboard #bottom .pdf a {
	position: absolute;
	width: 14.5em;
	border: 2px solid #939598;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	font-size: 2em;
	margin-top: 1em;
	padding: 1em 2em 1em 1.8em;
	top: 0;
	right: -2em;
	text-decoration: none;
}

body#imageboard #bottom.alloy .pdf a {
	background: url("../images/imageboards/alloy_bullet_large.png") no-repeat scroll 0.4em 0.8em transparent;
}
body#imageboard #bottom.board .pdf a {
	background: url("../images/imageboards/board_bullet_large.png") no-repeat scroll 0.4em 0.8em transparent;
}
body#imageboard #bottom.canvas .pdf a {
	background: url("../images/imageboards/canvass_bullet_large.png") no-repeat scroll 0.4em 0.8em transparent;
}
body#imageboard #bottom.acrylic .pdf a {
	background: url("../images/imageboards/acrylic_bullet_large.png") no-repeat scroll 0.4em 0.8em transparent;
}