/* ************* START general layout and template formatting ************* */

body { background: #ffffff url('images/background-top.gif') repeat-x left top; color: #000000; font-family: Arial, Helvetica, Georgia, Verdana, Courier New, sans-serif; margin: 0; }
#wrapper { width:960px; position:relative; }
#wrapper-inner { }
#logo { width:252px; height:76px; }
#menu { width:146px; min-height:3000px; position:absolute; top:76px; left:0px; background: transparent url('images/background-left.gif') repeat-y left top;  }
#content { width:800px; position:absolute; top:76px; left:146px; margin-top:10px; }

/* START portfolio CSS, including a portion of the mosaic image overlay effects (the rest are in js/mosaic/css/mosaic.css) */
.portfolio-item-left, .portfolio-item-right { margin-bottom:10px; margin-top:10px; }
.portfolio-item-left .portfolio-pic { display:inline; float:left; width:402px; margin-left:10px; }
.portfolio-item-left .portfolio-text { display:inline; float:right; margin-left:5px; width:370px; margin-top:8px; }
.portfolio-item-right .portfolio-pic { display:inline; float:right; width:402px; margin-right:10px; }
.portfolio-item-right .portfolio-text { display:inline; float:left; margin-right:5px; width:370px; margin-top:8px; }
.portfolio-pic img { border:1px solid #000000; }
.portfolio-text div div p, #colorbox p { line-height:1.5; margin-bottom:20px; }

.mosaic-block { margin:0px; } /* left:50%; top:50%; margin-left:-200px; margin-top:-125px; position:absolute; */
	
.details { margin:15px 20px; }	
.details h4 { font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); }
.details p { font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);}
.details a, .portfolio-pic a, a.mosaic-overlay, a.mosaic-overlay:hover { text-decoration:none; }
/* END portfolio CSS, including a portion of the mosaic image overlay effects (the rest are in js/mosaic/css/mosaic.css) */

h1, h1 a { font-family: Nyala, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:30px; color: #61a412; margin-left:10px; text-decoration: none; } /* color: #a0d75f; = light green; color: #2b4d69; = navy */
h2 { font-family: Nyala, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:22px; color: #2b4d69; margin-left:10px; } /* color: #566f2f; */
h3 { font-family: Nyala, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:20px; color: #2b4d69; margin-left:10px; } /* color: #566f2f; */
h4 { font-family: Nyala, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:18px; color: #2b4d69; margin-left:10px; } /* color: #566f2f; */
.creativefont { font-family: Nyala, Gadget, Arial Black, sans-serif; font-weight:normal; font-size:20px; color: #2b4d69; }
 
.clearfix, .clear { display: block; height: 0; clear: both; visibility: hidden; }
.centered { margin-left: auto; margin-right: auto; text-align: center; } /* used as a class on h1 tags, etc */

ul { list-style-image: url("images/bullet-green-sm.gif"); margin-left:10px; line-height:1.5; }

p { margin-left:10px; }

a { color: #003366; }
a:hover { color: #003366; text-decoration: underline; }

.maintext-alert { color: #ff0000; font-size: 9pt; font-style: italic; font-weight: bold; }

/*--------------------- START table styles ---------------------*/
.td { text-align: left; } /* default alignment */
.td-right { text-align: right; }
.td-center { text-align: center; }
.td-left { text-align: left; }
.tr-even { background:#ffffff; }
.tr-odd { background:#f0f0f0; }
.table-nolines { border:0px; } 
table.table-lines-every-row tr td, .table-lines-every-row tr th { border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#c8c8c8; }
table.table-lines-th-only tr th {  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#c8c8c8; }
table.table-lines-th-only tr th, .table-lines-every-row tr th { padding-top:5px; border-spacing: 0px; } 
/*--------------------- END table styles ---------------------*/

/* START add icons to PDF links, etc; Excerpts from Iconize 0.5 ( http://pooliestudios.com/projects/iconize/ ) */
a[href$='.doc'], a[href$='.rtf'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_doc.gif) no-repeat center right; }
a[href$='.xls'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_xls.gif) no-repeat center right; }
a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_pdf.gif) no-repeat center right; }
.imageLink { padding-right: 0px !important; background: none !important; } /* use this class to make sure that images won't get iconized */
/* END add icons to PDF links, etc; Excerpts from Iconize 0.5 ( http://pooliestudios.com/projects/iconize/ ) */

/* ************* END general layout and template formatting ************* */