/* ------------------------------------- 
   CHERYL DUCOTE, www.cherylducote.com 
   design: Rena B. Design, www.rena-b.com
   programming: Example7, www.example7.com
   
*/

/* global overrides
   ---------------- */

* { margin: 0; padding: 0; }
img { border: none; }
br { line-height: 12px; }

/* foundation
   ---------------- */

html, body { height:100%; width:100%; background-color: #CCCC99; repeat; font-family: Helvetica, Arial, sans-serif;  color: #666633; font-size: 12px; line-height: 16px; }
body { text-align: center; min-height: 638px; min-width: 957px; }
#center1 { height: 100%; width: 100%; display: table; vertical-align: middle; }
#center2 { text-align: center; position: relative; vertical-align: middle; display: table-cell; height: 638px; }	
#center3 { width: 957px; height: 638px; text-align: center; margin-left: auto; margin-right: auto; }

#xout { width: 957px; height: 638px; margin: 0; padding: 0; background-image: url(../images/elements/background.png); background-position: center; background-repeat: no-repeat; }

#xin { width: 917px; height: 570px; margin: 0; padding: 35px 0 0 0; display: block; overflow: hidden; _position: relative; }

/* layout - global
   ---------------- */

#c1 { clear: both; float: left; width: 67px; height: 570px; padding: 0; margin: 0; }
#c1top { height: 210px; padding: 0; margin: 0; }
#c1mid1 { float: left; width: 43px; height: 15px; margin: 0; padding: 0; background-color: #666633; }
#c1mid2 { float: right; width: 16px; height: 15px; margin: 0 4px 0 0; padding: 0; background-color: #999966; }

#c2 { float: left; width: 219px; height: 570px; padding: 0; margin: 0; }
#c2top { height: 210px; padding: 0; margin: 0; }
#c2mid { float: right; width: 215px; height: 15px; margin: 0 4px 12px 0; padding: 0; background-color: #CCCC99; color: #FFF; text-indent: 95px; text-transform: uppercase; font-weight: bold; text-align: left; }
#c2content-arrows { float: left; width: 75px; height: 200px; margin: 0; padding: 0; text-align: left; font-size: 18px; color: #CCCC99; }
#c2content { height: 342px; margin: 0; padding: 0; text-align: left; _height: 300px; }
#c2content1 { float: left; width: 95px; margin: 0; padding: 0; text-align: left; line-height: 20px; }
#c2content2 { float: right; width: 120px; margin: 0 4px 0 0; padding: 0; text-align: left; line-height: 20px; }
#c2credit { color: #996633; font-size: 11px; text-align: left; }

#c3 { float: left; width: 577px; height: 570px; padding: 0; margin: 0; }
#c3top { height: 210px; padding: 0; margin: 0; text-align: right; }
#c3mid { float: left; width: 573px; height: 15px; margin: 0 4px 12px 0; padding: 0; background-color: #CCCC99; }
#c3content { height: 348px; margin: 0 0 0 8px; padding: 0; text-align: left; }

#c4 { float: left; width: 54px; height: 570px; padding: 0; margin: 0; }
#c4top { height: 210px; padding: 0; margin: 0; }
#c4mid { float: right; width: 54px; height: 15px; margin: 0; padding: 0; background-color: #999966; }

/* layout - home
   ---------------- */

#chome1mid1 { float: left; width: 43px; height: 268px; margin: 0; padding: 0; background-color: #666633; }
#chome1mid2 { float: right; width: 16px; height: 268px; margin: 0 4px 0 0; padding: 0; background-color: #999966; }

#chome2mid { float: right; width: 215px; height: 342px; margin: 0 4px 0 0; padding: 0; }

#chome3mid { float: left; width: 573px; height: 342px; margin: 0 4px 0 0; padding: 0; }
#c3credit { color: #996633; font-size: 11px; text-align: right; }

#chome4mid { float: right; width: 54px; height: 268px; margin: 0; padding: 0; background-color: #999966; }

/* layout - portfolio
   ---------------- */

#cport1 { clear: both; float: left; width: 47px; height: 570px; padding: 0; margin: 0; }
#cport1top { height: 210px; padding: 0; margin: 0; }
#cport1mid { width: 43px; height: 15px; margin: 0 4px 0 0; padding: 0; background-color: #666633; text-align: left; }

#cport2 { float: left; width: 239px; height: 570px; padding: 0; margin: 0; }
#cport2top { height: 210px; padding: 0; margin: 0; }
#cport2mid { clear: both; width: 239px; }
#cport2mid1 { float: left; width: 16px; height: 15px; margin: 0 4px 12px 0; padding: 0; background-color: #999966; }
#cport2mid2 { float: right; width: 215px; height: 15px; margin: 0 4px 12px 0; padding: 0; background-color: #CCCC99; color: #FFF; text-indent: 95px; text-transform: uppercase; font-weight: bold; text-align: left; }
#cport2content { height: 342px; margin: 0; padding: 0; text-align: left; _height: 300px; }
#cport2content-arrows { float: left; width: 75px; height: 200px; margin: 0 0 0 20px; padding: 0; text-align: left; font-size: 18px; color: #CCCC99; }
#cport2content-titles { float: right; width: 120px; height: 200px; margin: 0 4px 0 0; padding: 0; text-align: left; line-height: 20px; }
#cport2content-thumbs { clear: both; width: 235px; height: 94px;  margin: 0; padding: 0; text-align: left; }
#cport2credit { color: #996633; font-size: 11px; text-align: left; margin: 0 0 0 20px; }

#cport3 { float: left; width: 577px; height: 570px; padding: 0; margin: 0; }
#cport3top { height: 76px; padding: 0; margin: 0; text-align: right; }
#cport3content-text { float: right; width: 460px; height: 60px; margin: 0; padding: 0; text-align: left; }
#cport3content-text-sm { float: right; width: 460px; height: 43px; margin: 17px 0 0 0; padding: 0; text-align: left; }
#cport3content-img { float: right; width: 563px; height: 560px; margin: 0 4px 0 0; padding: 0; text-align: left; }
.porttable { width: 563px; border: none; }

#cport4 { float: left; width: 54px; height: 570px; padding: 0; margin: 0; }
#cport4top { height: 210px; padding: 0; margin: 0; }
#cport4mid { float: right; width: 54px; height: 15px; margin: 0; padding: 0; background-color: #999966; }

/* layout - bios
   ---------------- */

#c3content-bios-left { float: left; width: 155px; height: 339px; margin: 0; padding: 0; text-align: left; }
#c3content-bios-right { float: right; width: 386px; height: 339px; margin: 0; padding: 0 20px 0 0; text-align: left; }

/* layout - testimonials
   ---------------- */

#c3content-testimonials { height: 348px; margin: 0 0 0 8px; padding: 0; text-align: left; }

/* layout - contact
   ---------------- */

#c3content-contact-left { float: left; width: 408px; height: 339px; margin: 0; padding: 0; text-align: left; }
#c3content-contact-right { float: right; width: 153px; height: 339px; margin: 0; padding: 0; text-align: left; }

/* links and type
   -------------- */
   
a:link, a:visited, a:active { color: #666633; text-decoration: none; }
a:hover { color: #666633; text-decoration: none; font-weight: bold; }

a.elink:link, a.elink:visited, a.elink:active { color: #666633; text-decoration: underline; }
a.elink:hover { color: #666633; text-decoration: none; font-weight: normal; }

a.credit:link, a.credit:visited, a.credit:active { color: #996633; text-decoration: none; }
a.credit:hover { color: #666666; text-decoration: none; font-weight: normal; }

.name { font-size: 14px; }

/* various
   -------------- */

.thumb { padding: 0 2px 2px 0; }