/*------------------------------------------------------------------------------------------------*
    TurtleEnergy - content style sheets
    Piotr Mankowski
    8/24/06
/------------------------------------------------------------------------------------------------*
    Style Sheet for "About TE" pages:
        overview
        faq
        case studies
        history
*------------------------------------------------------------------------------------------------*
 general
*-----------------------------------------------------------------------------------------------*/
    
 /*
table {
border: 1px solid #999;
} 
td {
border: 1px solid #999;
} 
div {
border: 1px solid #999;
} 
span {
border: 1px solid #999;
} 


*/

h1 {

    font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

#content #right_col {
    position: absolute;
    right: 88px;
    top: 37px;
    background: #fff;
    width: 292px;
    margin-left: 684px;
}
#content #left_col {
    position: absolute;
    left: 100px;
    top: 35px;
    width: 220px;
    z-index: 9;

}
#content #main_content {
    position: relative;
    top: 15px;
    left: 357px;
    width: 290px;
}
/*------------------------------------------------------------------------------------------------*
 right column
*------------------------------------------------------------------------------------------------*/
#content #right_col a {
    margin-left: 10px;
}
#content #right_col img {
    margin-top: 8px;
}
#content #right_col h4 {
    background-color: #ccd5df;
    font-weight: normal;
    font-size: 15px;
    color: #333333;
    margin: 12px 9px 0 10px;
    padding-left: 8px;
    padding-top: 3px;
    width: 248px;
    height: 41px;
}

#content #right_col #project_select {
    position: absolute;
    left: 108px;
    top: -25px;
    font-size: 9px;
    color: #993300;
    margin: 0 0 0 38px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 148px;
}


/*------------------------------------------------------------------------------------------------*
 left column
*------------------------------------------------------------------------------------------------*/
#content #left_col h4 {
    color: #1364a6;
    font-weight: bold;
    font-size: 16px;
    margin: 27px 0 15px 2px;
    letter-spacing: 1px;
}
#content #left_col ul{
    list-style-type:disc;
    list-style-position:inside;
    margin-left: 2px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content #left_col li {
    display: list-item;
    padding: 0 0 6px 0;
    margin: 0;
    line-height: 0;
    line-height: 13px;
}
#content #left_col ul.blue{
    list-style-type:disc;
    list-style-position:outside;
    margin-left: 15px;
    color: #1364a6;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content #left_col #citation {
    background-color: #adb5bd;
    font-size: 12px;
    color: white;
    letter-spacing: 1px;
    line-height: 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 20px;
    margin-top: 50px;
    margin-left: 1px;
    width: 160px;
}
/*------------------------------------------------------------------------------------------------*
 main content
*------------------------------------------------------------------------------------------------*/
#content #main_content h3{
    text-align: left;
    margin: 0;
    padding: 23px 0 0 0;
    font-size: 26px;
    font-weight: normal;
    color: #1364a6;
    line-height: 30px;
}
#content #main_content p{
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 0 0;
    padding: 0 0 0 2px;
}
#content #main_content p.overview{
    padding: 1px 0 0 1px;
}
#content #main_content p.top{
    margin-top: 0px;
}
#content #main_content p.blue{
    font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    margin: 10px 0 0 0;
    padding: 0 0 0 2px;
}
#content #main_content h6 {
    font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    float: left;
    padding: 0px 1px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/*------------------------------------------------------------------------------------------------*
 casestudies.php
*------------------------------------------------------------------------------------------------*/
#content #project_select {
	position: absolute;
	right: 100px;
	top: 10px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #993300;
	width: 142px;
	z-index: 10;
}

#content #case_studies {
    width: 925px;
    left: 99px;
    padding-top: 25px;
    z-index: 4;
    position: relative;
}
#content #case_studies .case {
    float: left;
    width: 179px;
    height: 280px;
    margin: 20px 51px 0 0;
    font-size: 11px;
    line-height: 18px;
    color: #333;
}

#content #case_studies .case .caption{
    margin: 3px 0;
    letter-spacing: 1px;
    color: #666;
    font-size: 9px;
}

#content #case_studies .case img{
    border: 2px solid #CC6633;
}
#content #case_studies .case li{
    display: block;
    font-size: 10px;
    color: #333;
    margin: 4px 0 0 0;
    padding-top: 4px;
    border-top: 1px solid #999;
    line-height: 12px;
}

#content #case_studies .case li strong{
	font-weight:normal;
	color: #003399;
}

#content #case_studies .case h3{
    font-weight:bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 3px 0;
    line-height: 14px;
    color: #cc3300;
}
/*------------------------------------------------------------------------------------------------*
 history.php
*------------------------------------------------------------------------------------------------*/
#content #hist_header {
    left: 100px;
    top: 20px;
    z-index: 4;
    position: absolute;
    text-align: left;
    font-size: 26px;
    font-weight: normal;
    color: #025599;
    line-height: 30px;
}
#content #pic_column {
    width: 460px;
    left: 100px;
    top: 94px;
    z-index: 4;
    position: relative;
    float: left;
}
#content #pic_column img{
    border: 6px white solid;
}
#content #pic_column p{
    width: 448px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px 0px 50px 0px;
    line-height: 16px;
    color: #333;
}
#content #hist_column {
    width: 300px;
    float: right;
    z-index: 4;
    position: relative;
    top: 94px;
    right: 70px;
}
#content #hist_column p{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px;
    color: #333;
    padding: 0 0 20px 0;
    margin: 0;
}
#content #hist_column p.highlight {
    font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #069;
}
.histpos {
    height: 110px;
}
/*------------------------------------------------------------------------------------------------*
 faq.php
*------------------------------------------------------------------------------------------------*/
#faq {
    position: relative;
    top: 37px;
    left: 100px;
    width:545px;
}
#faq .pict_desc{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
   width: 530px;
   margin-bottom: 25px;
}
#faq  h3{
    font-family: Century Gothic, Verdona, Arial, sans-serif;
    color: #1364a6;
    font-size: 24px;
    margin: 0px;
    letter-spacing: 1px;
}
#faq ol {
    list-style: decimal;
    list-style-position: outside;
    font-size: 11px;
    margin-left: 23px;
    padding: 0 0 40px 0;
}
#faq li {
    display: list-item;
    color: #993300;
    padding-bottom: 2px;
    line-height: 14px;
    word-spacing: 1px;
    margin-bottom: 5px;
}

#faq img {
    border: 6px white solid;
}

#faq #questions {
    width: 250px;
    float: left;
    margin-left: 0px;
}


#faq #answers {
    width: 244px;
    margin-left: 42px;
    float: left;
}
#faq #answers p{
    border: 2px white solid;
    min-height: 200px;
    width: 202px;
    margin-left: 2px;
    padding: 15px;
}
#faq .hidden {
    display: none;
}
#faq .active {
    display: block;
}
#featured_hdr{
    margin-left: 9px;
}
#featured{
    margin-left: 6px;
    background-color: #D09200;
}
#title{
    margin-left: 0px;
}
#title_last{
    margin-left: 0px;
    padding-bottom: 7px;
}
#thumb_1 {
    margin-left: -178px;
    margin-bottom:5px;
}
#art_line {
    position: absolute;
    top: 335px;
    left: 982px;
}
.anchor{
    clear:both;
}
/*------------------------------------------------------------------------------------------------*
 end of the stylesheet
-------------------------------------------------------------------------------------------------*/