/*--cwebba_stylesheet051407.css 11:40 AM ----*/
/*-- Duplicate of cwebba_stylesheet4C_051107.css 5:16 PM -reconcile multiple issues w MS PC IE.  ---*/
/*-- Duplicate of cwebba_stylesheet050307.css 1:30 PM Duplicate of cwebba_stylesheet4C_050307.css 11:40 PM -removing color. ---*//*-- Duplicate of cwebba_stylesheet4C.css 042907 1:30 PM 9:45 PM as I simplify the content divs. Previously 042607CSS. ---*/
/*--  ---*/
/*--  ---*/


/*----------[ Main ]----------*/
body {
margin: 0px;
padding: 0px;
text-align: center;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 16px;
color:#110500;
background-color: #000;
height:100%;
}

/* =MAIN LAYOUT
---------------------------------------------------- */

* {
padding: 0;
margin: 0;
}

.clear {clear: both;
margin:0;
padding:0;
}

.image{
margin: 0px auto 6px auto;
}

.left{
float: left;
}

.right{
float:right;
}

.mcent{
margin-left: auto;
margin-right: auto;
}

.tcent{text-align:center;}
.tleft {	text-align:left;}
.trigh {	text-align:right;}

.centertext{
margin-left: auto;
margin-right: auto;
margin-top: 6px;
text-align:center;
}

.copyblock {	
margin: 0 0 6px 0;
}

p {
font-size : 95%;
padding: 0 0 10px 0;
}

table p {
padding: 0 0 5px 0;
}

small {
color: #999;
font-size: 10px;
}

.rule {
height:2.5pt;
border: none;
color:#FFCCCC;
background-color:#FFCCCC;
width:100%;
padding:0;
clear: both;
margin-bottom: 0px;
}

.border{
	border-style: solid;
	border-color: #DDD;
border-width: 1px;
}

/* =LINKS
---------------------------------------------------- */

a {	
	font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
 line-height : 18px;
	text-decoration : none;
	color : #0066cc;
}
/*true blue */

a:hover { 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
 line-height : 18px;
	text-decoration : underline;
	color : #FF9966; }
/*salmon orange */

a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
line-height : 18px;
color:#0066cc;
}
a:active { color:red }
a:visited { color:#0066CC }
/*Royal blue */

a.menu {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #3399cc;
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #5ED4F1;
	font-weight: bold;
	text-decoration: underline;
}

a.pdf {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
color : #E6762D;
font-weight: bold;
text-decoration: none;
}

a.pdf:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
color : #E6462D;
font-weight: bold;
text-decoration: underline;
}

a.contact {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #E6662D;
	font-weight: bold;
	text-decoration: none;
}

a.contact:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 18px;
	color : #FF9966;
	font-weight: bold;
	text-decoration: underline;
}

a img {
border: 0;
text-decoration: none;
}


/* Page codes */

#page {  
margin: 6pt auto;
width: 820px;
border: 1.5pt #B56A7D solid;
padding: 0 0px 6px 0px; 
background-color: #FFF;
}

/*----------[ =header ]----------*/
#header-wrap2 {
margin:0;
padding:0;
border-top: #FFCCCC solid 2px;
}

#header-wrap {
float:left;
width: 376px;
border-left:156px solid #FFF; 
  /* The width and color of the left rail */
}
  /* The width and color of the right rail = border-right:278px solid #efb; (removed for IE mac5) */

#header {
width: 376px;
float:left;
text-align: left;
}
/* I removed margin-right:-386px; from header*/


#leftrail{
text-align: right;
float:left;
width:156px;
margin-left:-532px;
position:relative;
}
/* This margin-left used to be -156px. I've eye-balled it to look OK*/


#rightrail{
  float:right;
  width:288px;
  margin-right:-288px;
  position:relative;
}

.sub-header {
width: 400px;
margin: 6px auto 0px auto;
text-align: left;
font-size: 12px;
text-align:center;
clear: both;
}

/*-----url(/images/craigwebbart.gif) top center no-repeat----*/

/* =header styling
---------------------------------------------------- */
#header h1 {
text-indent: 0px;
font-size: 12px;
line-height:28px;
letter-spacing: 2px;
}

#header h1 a {
margin: 0 0 0 0;
text-decoration : none;
}


/* =cswnav styling
--------------------------------- */
/*border-top: #FFCCCC solid 1px;  99CBCB  */

#cswnav {
float: left;
margin: 10px 0 10px 0;
padding: 0;
text-align: center;
line-height: 18px;
font-size: 96%;
letter-spacing : 2px;
color: #110500;
width: 100%;
height: 30px;
background: #EBF4F4;
border-top: #DDEEEE solid 3px;
border-bottom: #BBDCDC solid 3px;
}
* html #cswnav {height:36px;} /* IE Min-Height Hack */ 
/* commented backslash hack v2 \*/
* #cswnav { height: 30px; }
/* end MacIE5 hack */


#cswnav ul li a {
padding: 2px 7px 3px 7px;
margin: 0px 2px 0px 0px;
color: #336767;
font-size: 11px;
letter-spacing : 0px;
position: relative;
top: 3px;
text-decoration: none;
background: #DDEEEE;
}
* html #cswnav ul li a{top: 5px;} /* IE Min-Height Hack */ 

#cswnav p {
color: #99BCBC;
padding: 0;
font-size : 3px;
line-height: 3px;
letter-spacing: 2px;
margin: 0;
}

#cswnav h3 a {
color: #0066cc;
line-height:20px;
text-decoration : none;
}

#cswnav h1{
text-align: left;
font-size: 90%;
line-height:16px;
letter-spacing: 1px;
}

#cswnav h1 a {
text-align: center;
margin: 0 0 0 0;
text-decoration : none;
}

#cswnav ul {
margin: 6px 0px 0px 0px;
}

#cswnav ul li {
display: inline;
margin: 0px;
padding: 0;
}

#cswnav ul li a:hover {
text-decoration: underline;
background: #BBDCDC;
}

#cswnav ul li a.active, #cswnav ul li a.active:hover {
background: #96BBCE;
font-weight: bold;
text-decoration: none;
color: #F44D0F;
}

#cswnavpic {
padding: 0;
width: 278px;
height: 36px;
margin-top:10px;
margin-right:10px;
background: #F4F4EB;
text-align: center;
line-height: 16px;
font-size: 95%;
}

#cswnavpic p {
color: #99BCBC;
padding: 0 0 0 2px;
font-size : .9em;
line-height:10.85pt;
letter-spacing: 2px;
margin: 0;
}



/*----------[ =Containers ]----------*/

.box357 {
width: 357px;
}

.d333 {
width: 333px;
}

.d346 {
width: 346px;
}


/*----------[ =content left menu ]----------*/
.lmen {text-align: left;
width: 130px;
margin-top: 6px;
margin-left: 12px;
float: left;
}


/*----------[ =content ]----------*/
#content-wrap {
padding: 0;
margin: 0 auto 0px auto;
float: left;
width: 100%;
text-align: center;
}

.content-wide {
width: 100%;
float: left;
margin: auto;
}
/*----------[ =content structure ]----------*/


.mima {width: 486px;
}

.main {text-align:left;
width: 615px;
margin-top: 6px;
margin-right: 39px;
float: right;
}

.d807m6 { 
width: 807px;
margin-left: 6px;
}

.d750m35 {
width: 750px;
margin-left: 35px;
text-align: center;
}

.d750 {
margin:auto;
width: 750px;
}

.d612 {
margin:auto;
width: 612px;
}

.d625 {
margin:auto;
width: 625px;
}

.d570 {	
margin: auto;
width: 570px;
}

.d525 {	
margin: auto;
width: 525px;
}

.d486 {	
margin: auto;
width: 486px;
}

.d476 {	
margin: auto;
width: 476px;
}
.d300 {	
margin: auto;
width: 300px;
}

.d336 {	
margin: auto;
width: 336px;
}

.d210 {	
margin: auto;
width: 210px;
}

.d714 {	
margin: auto;
width: 714px;
}

.dl333m66 {
width: 333px;
Margin-left: 66px;
float: left;
}

.dr333m66 {
width: 333px;
Margin-right: 66px;
float: right;
}

.dl348m51 {
width: 348px;
Margin-left: 51px;
float: left;
}

.dr348m51 {
width: 348px;
Margin-right: 51px;
float: right;
}

.dl360m39 {
width: 360px;
Margin-left: 39px;
float: left;
}

.dr360m39 {
width: 360px;
Margin-right: 39px;
float: right;
}

.dl375m24 {
width: 375px;
Margin-left: 24px;
float: left;
}

.dr375m24 {
width: 375px;
Margin-right: 24px;
float: right;
}

.dl400m64 {
width: 400px;
Margin-left: 64px;
float: left;
}
.dr285m49 {
width: 285px;
Margin-right: 49px;
float: right;
}

/* These two are for the illustration page */
.dl306 {
width: 306px;
float: left;
text-align:left;
}

.dr384 {
width: 384px;
float: right;
text-align:left;
}

.dl {
float: left;
text-align:left;
}

.dr {
float: right;
text-align:right;
}

/*----------[ =obsolete content  ]----------*/


/*----------[ =TEXT ]-----------*/

.title {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : #3399cc;
	font-weight: 900;
	letter-spacing : 5px;
	}
	
.detail {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height: 24px;
color : #000;
letter-spacing : 1.5px;
	}

.para1 {
color:#110500;
font-size : .95em;
line-height: 14px;
}

.para2 {
color:#110500;
font-size : .95em;
line-height: 16px;
}

.para3 {
line-height:17px;
}

.para6 {
line-height:3px;
}

.bodycopy {font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 16px;
color : #666666;
}

.bodycopy6 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.4em;
line-height : 18px;
letter-spacing : 1px;
color : #3399CC;
}

/*----------[ =Margins ]----------*/
.ml12{ margin-left: 12px; }
.ml24{ margin-left: 24px; }
.ml30{ margin-left: 30px; }
.ml39{ margin-left: 39px; }
.ml42{ margin-left: 42px; }
.ml51{ margin-left: 51px; }
.ml60{ margin-left: 60px; }
.ml72{ margin-left: 72px; }
.ml96{ margin-left: 96px; }
.ml102{ margin-left: 102px; }
.ml165{ margin-left: 165px; }
.ml205{ margin-left: 205px; }
.ml410{ margin-left: 410px; }


.mr12{ margin-right: 12px; }
.mr24{ margin-right: 24px; }
.mr30{ margin-right: 30px; }
.mr39{ margin-right: 39px; }
.mr42{ margin-right: 42px; }
.mr51{ margin-right: 51px; }
.mr60{ margin-right: 60px; }
.mr72{ margin-right: 72px; }
.mr102{ margin-right: 102px; }
.mr205{ margin-right: 205px; }
.mr410{ margin-right: 410px; }

.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px; }
.mt12 {margin-top: 12px;}
.mt72{ margin-top: 72px; }
.mt102{ margin-top: 102px; }
.mt144{ margin-top: 144px; }
.mt198{ margin-top: 198px; }
.mt204{ margin-top: 204px; }
.mt216{ margin-top: 216px; }

.mt-6 {margin-top: -6px;}
.mt-12 {margin-top: -12px;}
.mt-118 {margin-top: -118px;}

.mb6 {margin-bottom: 6px;}
.mb12 {margin-bottom: 12px;}
.mb-6 {margin-bottom: -6px;}
.mb-12 {margin-bottom: -12px;}
.mb-118 {margin-bottom: -118px;}

.w251 { width: 251px }
.w240 { width: 240px }
.w210 { width: 210px }
.w203 { width: 203px }

.w198 { width: 198px }
.w42 { width: 42px }

.valign {
vertical-align: 16px;
}


/*  */
/*----------[ =footer ]----------*/
#footer-wrap {
padding: 0;
margin: 0 0 10px 0;
float: left;
width: 100%;
text-align: center;
}
.footer {
width: 100%;
margin: 0px auto 10px auto;
padding: 0px 0 6px 0;
text-align: left;
font-size: 11px;
line-height:16px;
}

.footer-left {
float: left;
width: 200px;
margin: 0 0 2px 3pc;
}

.footer-right {
text-align: left;
width: 480px;
margin: 0px 75px 0px 0;
float: right;
padding: 9px 0 3px 0;
line-height:15px;
}

/* =HEADERS
---------------------------------------------------- */

h2 {
font-size: 18px;
color: #124D8D;
font-weight: normal;
padding: 10px 0;
margin: 0 0 10px 0;
border-bottom: #eee solid 5px;
}

h2 span {color: #000;}

h3 {
color: #124D8D;  /* =Royal blue*/
font-size: 13px;
margin: 3px 0 3px 0;
font-weight: bold;
}

h4 {color: #99BCBC;
font-size: 11px;
line-height:12px;
letter-spacing : 0px;
}
/* 336767 BBDCDC 99BCBC*/


/*----------[ =Page Specific codes  ]----------*/


#logo {
height: 4.5pc;
margin: 0px 0 0 .5pc;
padding: 0;
float: left;
}

#artlogo {
width: 9pc;
height: 3.5pc;
float: left;
padding: 6pt 0 0 3pt;
background-color: #FFF;
}

.main_news {	
text-align: justify;
margin: 6pt auto;
width: 30pc;
}

.art {	
padding: 6pt 0pt 12pt 120pt;
}

/*----------[ ochre Yellow=EEDDAA ]-------*/

#stiebellogo {
width: 160px;
height: 216px;
float: left;
margin: 10px 0px 0px 33px;
background-color: #FFF;
}

.news_singlepic {
margin: auto;
width: 620px;
}

/* used in stiebel press */


.join { float:right;
margin-right: 15px;
}


/*----------[ =Portfolio Menu Page  ]----------*/


#menu_head {
float: right;
margin: 10px 12px 10px 0px;
padding: 0;
width: 652px;
text-align: left;
color: #110500;
background: #EBF4F4;
border-top: #DDEEEE solid 3px;
border-bottom: #BBDCDC solid 3px;
height: 30px;
}
* html #menu_head {width: 648px; height: 30px;} /* IE Min-Height Hack */ 


#menuleftrail{
float:left;
text-align: right;
width:156px;
margin-left: 0px;
padding: 0;
}


.titleblack {
margin: 0px 0 0 0;
font-size: 14px;
line-height: 30px;
color : #000000;
letter-spacing : 6px;
font-weight: bold;
text-align:center;

}


.menu_main {
padding: 0;
width: 550px;
float:left;
margin-top:5px;
margin-left: 46px;
background: #FCEFF0;
text-align: center;
line-height: 15px;
font-size : 10px;
letter-spacing : 1px;
}

.menutable{
 width:90%;
background-color: #fff;
	margin: auto;
}

/*----------[ =image codes ]---
img.left {
float: left;
margin: 10px 15px 5px 0;
}

img.right {
float: right;
margin: 10px 0 5px 15px;
}

img.frame-img {
border: #bbb solid 1px;
padding: 1px;
float: left;
margin: 4px 10px 4px 0;
}

img.frame-img-right {
border: #bbb solid 1px;
padding: 1px;
float: right;
margin: 4px 0px 4px 10px;
}

img.img-border-all-around {
border: #bbb solid 1px;
padding: 1px;
}

img.img-border-bottom {
border-bottom: #bbb solid 1px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

img.img-border-top-bottom {
border-top: #bbb solid 1px;
border-bottom: #bbb solid 1px;
padding: 10px 0;
margin: 0;
}

img.img-border-top {
border-top: #bbb solid 1px;
padding: 10px 0;
margin: 0;
}

img.listing-img {
border: #bbb solid 1px;
padding: 1px;
margin: 2px 0px;
}

img.listing-img-featured {
border: #bbb solid 1px;
padding: 1px;
margin: 2px 0 0 0;
}
-------*/ 
.no_flash_block {
	background:#1F1F1F;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	line-height:34px;
	height:34px;
	padding-left:8px;
	display:block;
}

/*----------[ =Stylesheet Containers ]----------*/
.d13 {
width: 13px;
}

.d25 {
width: 25px;
}

.d38 {
width: 38px;
}

.d51 {
width: 51px;
}

.d102 {
width: 102px;
}

.d205 {
width: 205px;
}


.d384 {
width: 384px;
}