/* Start of CMSMS style sheet 'screen' */
/*
HTML Page elements
---------------------
*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #e8e6dd;
	background-image: url(uploads/page_background.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}

p {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	color: #ff3300;
	text-decoration: underline;
}

a:visited {
	color: #ff6600;
}

a:hover {
	color: #fc7106;
}

.introParagraph {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

#clearBoth {
	display: block;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

.noTopMargin {
	margin-top: 0px !important;
}

.noBottomMargin {
	margin-bottom: 0px !important;
}

.picBorder {
	border: 1px solid #000000;
}

.picLeft {
	display: block;
	clear: both;
	float: left;
	margin: 5px 10px 12px 0px;
}

.picRight {
	display: block;
	clear: both;
	float: right;
	margin: 5px 0px 12px 15px;
}

.picCenter {
	display: block;
	text-align: center;
	margin: 5px 0px 12px 0px;
}

#pageDepthSpacer {
	display: block;
	height: 200px;
}


/*
Misc positioning elements
-------------------------
*/

#fullBrowserWidth {
	display: block;
	width: 100%;
	text-align: center;
}

#centeredPage {
	display: block;
	clear: both;
	position: relative;
	width: 750px;
	margin:0 auto;
	text-align: left;
	background-image: url(uploads/page_background_tile.gif);
	background-repeat: repeat-y;
background-position:top left;

}

/*
Header elements
-------------------------
*/

#headerArea {
	display: block;
	position: relative;
	width: 750px;
	height: 134px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(uploads/header_background1.jpg);
	background-repeat: no-repeat;

}

/*


/*
Image Cache (preloads mouseover graphics to avoid delay)
--------------------------------------------------------
*/

#menuCache {
	display:none;
}


/*
Menu Button elements
-------------------------
*/

#menuArea {
margin:82px 0 0 5px;
	display:block;
	float:left;
	width: 740px;
	height: 24px;
	background: url(uploads/menu_background.gif) no-repeat bottom;
	text-align: center;
}

#menuArea ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
float:left;
padding:1px 0 0 24px;
margin:0;
}

#menuArea ul li{
list-style:none;
display:inline;
	text-decoration: none;
}

#menuArea ul li a  {

float:left;
padding:5px 15px;
  color:#fff;
  text-decoration:none;
	border: none;
}

#menuArea ul li a:hover   {
	background: url(uploads/menu_hover.gif) repeat-x top left;
	color:#000;
}



#menuArea ul li.current a{
	background: url(uploads/menu_hover.gif) repeat-x top left;
	color:#000;
}



Misc layout elements
-------------------------
*/

#pageArea {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 750px;

}

#leftShadowTop {
	display: block;
	position: absolute;
	top: 130px;
	left: 0px;
	width: 5px;
	height: 366px;
	background-image: url(uploads/left_shadow_top.jpg);
	background-repeat: no-repeat;
}

#rightShadowTop {
	display: block;
	position: absolute;
	top: 130px;
	right: 0px;
	width: 5px;
	height: 366px;
	background-image: url(uploads/right_shadow_top.jpg);
	background-repeat: no-repeat;
}

#twoColumnLayout {
	display: block;
	margin: 0px 5px 0px 5px;
	width: 740px;
}

#twoColumnLayout #mainColumn {
	display: block;
	width: 505px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#twoColumnLayout #mainColumn #mainContent {
	display: block;
	margin: 0px 0px 0px 25px;
}

#newslisting {
	display: block;
	margin: 0px 0px 0px 25px;
}

#mainColumn hr {
	display: none;
}

#mainColumn h2 {
	display: block;
	margin: 25px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #b4ac90;
}

#mainColumn h3 {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#mainColumn ul {
	display: block;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-position: outside;
}

#mainColumn ul li {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(uploads/list_bullet.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

#twoColumnLayout #rightColumn {
	display: block;
	width: 215px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#rightColumn hr {
	display: none;
}

/*
Title areas
--------------------------
*/

#titleArea {
background-color:#606060;
	display: block;
	margin: 0px 0px 25px 1px;
        background-image: url(uploads/title_corner.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 45px;
}

#titleArea h1 {
color:#FFF;
	display: block;
	margin: 0px 0px 2px 24px;
	padding: 2px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
#titleArea h2 {
color:#FFFF99;
	display: block;
	margin: 2px 0px 0px 24px;
	padding: 0px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
}


/*
Content elements
--------------------------
*/

#contentCover {
	float: left;
}
#contentCover img {
	border: 1px solid #000000;
}

#introText {
	display: block;
	float: right;
	width: 300px;
	text-align: left;
}

/*
Form elements
-------------------------
*/

.contactform fieldset{
width:350px;
	display: block;
	margin: 25px 0px 0px 0px;
background-color:#fff;
border:none;
padding:0
}


.contactform label{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 9px 0px 9px;
	color: #6c6756;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
.contactform input {
width:250px;
	font-size: 13px;
	margin: -15px 30px 5px 160px;
}
.contactform textarea{
width:250px;
	font-size: 13px;
	margin: -15px 30px 5px 160px;
}
.contactform .required {
width:450px;
	display: block;
	position: relative;
	background-color: #f4f3ee;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 0px;
}

.contactform .submit {
background-color:#999;
width:450px;
height:50px;
margin:1px 0 20px 0;
padding:0;
}

.contactform .submit .fbsubmit {
width:100px;
margin:15px 0 0px 160px;

}

/*
sidepanel Action Buttons
--------------------------
*/

#actionButtons {
	margin: 0px 5px 10px 15px;
	padding: 0px 0px 0px 0px;
	background-image: url(uploads/action_buttons_top.gif);
	background-repeat: no-repeat;
background-position: top left;

}

#actionButtons ul {
    list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

#actionButtons li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#actionButtons li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-image: url(uploads/action_button_off.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 22px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
}


#actionButtons li a:visited {
	background-image: url (uploads/action_button_off.gif);
	color: #000000;
	
	}


#actionButtons li a:hover {
	background-image: url(uploads/action_button_on.gif);
	text-decoration: none;
    color: #ffffff;
}


#actionButtons li.buyOnline a {
	background-image: url (uploads/action_buy_button_off.gif);
}
#actionButtons li.buyOnline a:visited {
	background-image: url (uploads/action_buy_button_off.gif);
}
#actionButtons li.buyOnline a:hover {
	background-image: url (uploads/action_button_on.gif);
}

#actionButtonsShadow {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(uploads/action_buttons_shadow.gif);
	background-repeat: no-repeat;
	height: 7px;
	font-size: 1px;
	line-height: 1px;
}


/*
Sidepanel Tinted Info Box
-------------------------
*/

.infobox {
padding:0 1px 0 4px;
}

#tintedInfoBox {
	display: block;
	margin: 0px 25px 15px 20px;
	padding: 0px 0px 10px 0px;
	background-color: #FFE8E8;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

#tintedInfoBox a:hover {
	color:#000;
}

#tintedInfoBox h2 {
	background: url(uploads/news_head.gif) top left repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 5px 4px 0px 4px;
height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}

#tintedInfoBox .NewsSummaryLink {
text-decoration:none;
	color: #000;
font-weight:bold;
	padding: 2px 4px 8px 4px;

}

#tintedInfoBox .NewsSummaryMorelink a{
	margin: 8px 4px 1px 4px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #FC7106;
}

#tintedInfoBox .NewsSummarySummary {
	margin: 0px 4px 4px 4px;
	padding: 0px 0px 0px 0px;
}

#tintedInfoBox2 {
	display: block;
	margin: 0px 25px 15px 20px;
	padding: 0px 0px 10px 0px;
	background-color: #FFE8E8;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

#tintedInfoBox2 .testSummarynb a:hover {
	color:#000;
}

#tintedInfoBox2 h2 {
	background: url(uploads/news_head.gif) top left repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 5px 4px 0px 4px;
height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	text-transform: uppercase;

}
#tintedInfoBox2 .testSummaryLink {
text-decoration:none;
	color: #000;
font-weight:bold;
	padding: 2px 4px 8px 4px;

}

#tintedInfoBox2 .testSummarySummary {
	margin: 0px 4px 4px 4px;
	padding: 0px 0px 0px 0px;
}

#tintedInfoBox2 .testSummaryMorelink a{
	margin: 8px 4px 1px 4px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #FC7106;
}

/*
Sidepanel Image
-------------------------
*/

#sidePanelImage {
	display: block;
	margin: 0px 25px 15px 20px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

#tintedInfoBox p {
	margin: 0px 4px 4px 4px;
	padding: 0px 0px 0px 0px;
}





/*
Footer elements
-------------------------
*/

#footerArea {
	display: block;
	margin: 30px 0px 0px 0px;
	position: relative;
	width: 750px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(uploads/footer_background.gif);
}

#footerArea p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	color: #e8e6dd;
}

#footerArea a {
	color: #ffffff;
	text-decoration: none;
}
#footerArea a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footerArea a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footerArea #toTop {
	position: absolute;
	top: 14px;
	left: 30px;
	width: 241px;
}

#footerArea #footerLinks {
	position: absolute;
	top: 20px;
	right: 41px;
}

#copyrightArea {
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
background-color:#E8E6DD;
}

/*
News elements
-------------------------
*/

#mainContent .NewsSummary {
font-family:Arial;
padding:10px 5px 5px 10px;
margin:10px 0;
background-color:#FEEDF0;
}

#mainContent .NewsSummarySummary {
font-size:11px;
}

#mainContent .NewsSummaryLink a{
font-size:15px;
color:#000;
text-decoration:none;
font-weight:bold;
}

#mainContent .NewsSummaryMorelink {
font-size:11px;
padding-top:5px;
}

h3#NewsPostDetailTitle {
font-size:15px;
color:#000;
text-decoration:none;
font-weight:bold;
padding:10px 0;
}

#NewsPostDetailSummary {
font-size:13px;
color:#000;
font-weight:bold;
padding:10px 0;
}

#NewsPostDetailContent {
padding:10px 0;
}

/* Cataloger mod follows */

/* Categories */

#mainContent .item_images img {  
margin:0;
}

#mainContent .item_thumbnails img {  
margin:0;
}
#mainContent .item_thumbnails {  

}
#mainContent .category_item {
width: 475px;
margin: 0px 10px 1px 0px;
height:140px;
padding:0px;
background-color:#FFE8E8;
}

#mainContent .category_item a{
font-weight:bold;
}

#mainContent .item_images {
margin: 10px 15px 20px 10px;
}

#mainContent img#item_image {
margin-bottom:3px;
}

div#item_attributes {
width: 402px;
margin: 10px 15px 20px 10px;
padding:0 20px;
border: 1px dotted #ccc;
}

div#item_links {
text-align:center;
padding:20px;
}

#mainContent .category_item .imgbox {
float:left;
width:155px;
height:120px;
background-color:#F4F3EE;
padding:10px;
}

#mainContent .imgbox img{
border:#fff solid 1px;
}
#mainContent .catbox {
margin-left:185px;
padding:10px 5px 5px 0;
}

.catbox p.catdes {
font-family:Arial;
padding:10px 0 0 0;
font-size:12px;
}

.vid {
padding:10px 0 20px 0; 
text-align:center;
}

#slideshow1.pics {  
    height: 210px;  
    padding: 0;  
} 
 
#slideshow1.pics img {  
    top:  0; 
    left: 0 
}


#slideshow2.pics {  
    height:180px;  
    padding:0px 0 0 0px;  
margin:10px 0 0 20px;
} 
 
#slideshow2.pics img {  
    top:  0; 
    left: 0 
}

#certification {  
    height:180px;  
    padding:0px 0 0 0px;  
margin:10px 0 0 20px;
} 

#certification a img {  
border:none;
} 

.projecthead {
background-color:#999;
padding:5px;
color:#fff;
font-weight:bold;
font-size:15px;
font-family:arial;
width:465px;
text-align:center;
}
/* End of 'screen' */