/* GLOBAL SETTINGS */
body
{
   font-size: 0.75em;
   background: #737172 url('images/pagebak.jpg') repeat-x 0 0;
   font-family: Arial, Verdana, sans-serif;
}
.clear { 
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	background:transparent;
}

#page
{
   position: relative;
   margin: 0px auto;
   border-style: solid;
   border-width: 2px;
   width: 760px;
   background: #fff url('images/thirdsun_logobackground.gif') 0 300px no-repeat;
}

a
{
   color: #660000;
}

a.hover
{
   text-decoration: none;
}

/* HEADER SECTION */
#header
{
   position: relative;
   background: url('images/top2.jpg');
   height: 98px;
}

#header_link {
		position: absolute;
		top: 5px;
		left: 5px;
		width: 235px;
		height: 94px;
}

ul#homenav
{
   position: absolute;
	margin: 0;
	padding: 0;
   right: 48px;
   top: 6px;
   list-style: none;
   font-size: 0.9em;
}
ul#homenav li
{
   text-transform: uppercase;
   display: inline;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 26px;
}
ul#homenav a
{
   text-decoration: none;
}
ul#homenav li.home
{
   background: transparent url(images/homeicon.gif) 8px 50% no-repeat;
}
ul#homenav li.contact
{
   background: transparent url(images/contacticon_topnav.gif) 6px 50% no-repeat;
}
ul#homenav li.about
{
   background: transparent url(images/abouticon.gif) 2px 50% no-repeat;
   padding-left: 20px;
}

/* LEFT PANEL */
#leftnav
{
   position: relative;
   margin: 38px 2px 2px 2px;
   float: left;
   width: 200px;
   border-width: 3px;
   border-right-style: dotted;
   border-color: orange;
}

#leftnav h2
{
   margin: 0px;
   padding: 0px;
   font-family: arial;
   color: orange;
   margin-left: 10px;
}
#leftnav a.news
{
   margin: 10px;
   margin-right: 20px;
   display: block;
   font-size: 0.9em;
}

#leftnav span.author {
font-weight:bold;
left:10px;
position:relative;
top:10px;
display:block;
padding-bottom:20px;
}

#leftnav span.testimonial {
font-family:georgia,helvetica,sans-serif;
font-size:120%;
font-style:italic;
left:10px;
line-height:140%;
padding-bottom:20px;
padding-right:16px;
position:relative;
}

ul.subpages
{
   list-style: none;
   position: relative;
   font-weight: bold;
   color: #CC6633;
   text-transform: lowercase;
	margin: 0;
	padding: 0;
}

ul.subpages ul.subpages
{
   top: 0;
}

ul.subpages li
{
   border-top: solid thin;
   padding-bottom: 4px;
   padding-top: 4px;
}

ul.subpages ul
{
   margin-top: 4px;
   margin-right: 0;
}

ul.subpages li li
{

}

ul.subpages a
{
   color: #CC6633;
   text-decoration: none;
   padding: 0 5px;
   display: block;
}

/* CONTENT SECTION */
#content
{
   position: relative;
   padding: 0 0 0 22px;
   line-height: 140%;
   float: left;
   width: 513px;
}

#content h1
{
   font-family: arial;
   color: #CC3333;
   font-weight: normal;
   margin: 10px 0 15px 0;
   text-transform: lowercase;
   line-height: 140%;
   font-size: 1.7em;
}

#HomeBottomRightImage
{
   float: right;
   display: block;
   z-index: 900;
}

#HomeBottomLeftImage
{
   margin: 10px 0px 8px 0px;
   float: left;
   display: block;
   z-index: 900;
}

#content a.item
{
   font-weight: bold;
   font-size: 1.2em;
   position: relative;
   xtop: 15px;
}
#content .itemAbstract
{
   font-weight: normal;
   color: #000;
   position: relative;
   font-size: 0.8em;
   line-height: 110%;
}
#content span.item
{
   font-weight: bold;
   font-size: 1.2em;
   position: relative;
   xtop: 15px;
}

/* START FOOTER */
#footer
{
   background: url('images/footer2.jpg');
   height: 57px;
   clear: both;
   z-index: 5;
}
#footer p
{
   position: relative;
   margin: 0;
   top: 34px;
   text-align: center;
}
#footer a, #footer a.visited
{
   color: #FFCF0E
}
/*START CASE STUDIES*/

#example
{
   border: solid 1px #909090;
   border-top: 0;
   margin: 0;
   clear: both;
   padding: 20px;
   position: relative;
   width: 468px;
}
#examplenav {
}
#content .examplenav
{
   list-style: none;
   padding: 0;
   margin: 20px 0 0 0;
}
.examplenav li
{
  float: left;
  width: 168px;
  padding: 0 1px;
  background: url(images/casestudy_tabback170.gif) no-repeat;
}
.examplenav li a
{
  font-size: 1.2em;
  text-decoration: none;
  color: #666;
  display: block;
  background: url(images/sunicon.gif) 18px 6px no-repeat;
  padding-left: 40px;
  line-height: 28px;
  border-bottom: solid 1px #909090;
}
.examplenav li.active a
{
  border-color: #FFF;
}
#example ul a.small
{
}
.examplenav li a.medium
{
}
#example ul a.large
{
}
.floatright
{
   float: right;
}
h2
{
	margin: 0 0 15px 0;
	line-height: normal;
}
h3
{
	margin: 10px 0 5px 0;
	line-height: normal;
}
.orangeBlock {
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 5px;
    display: block;
    width: 36px;
    padding: 40px 0 0 0;
    float: left;
}
.solarBlock
{
    background: url(images/solaricon.gif) 0 0 no-repeat;
}
.priceBlock
{
    background: url(images/priceicon.gif) 0 0 no-repeat;
}
div.example span.description
{
}
span.contact a
{
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 24px;
    xdisplay: block;
    background: url(images/mailicon.gif) 0 0 no-repeat;
}
p.download a
{
    margin-left: -1px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 24px;
    xdisplay: block;
    background: url(images/pdficon.gif) 0 0 no-repeat;
}
#example h2
{
	margin: 0;
	padding: 0;
}
#example img
{
     border: solid #666 1px;
     margin-left: 10px;
}
#bottom
{
    background: #fff url(images/casestudy_foot509.gif) no-repeat scroll left top;
    height: 21px;
    margin-left: 225px;
}

ul#navbar 
{
   list-style: none;    /* remove bullet points */
   margin: 0px;              /* remove extra spacing */
   padding: 0px;             /* remove extra spacing */
   position: absolute;       /* set a position so that sub elements can be positioned */
   top: 77px;              /* Put the navbar at the bottom of the header */
   right: 0px;               /* Put the navbar at the right of the header */
   z-index: 900;             /* move the list way out on top */
   background-color: black;  /* set a global background color */
}

ul#navbar li 
{
   float: left;              /* position main elements horizontally */
   position: relative;       /* set a position so that sub elements can be positioned */
   border-right: solid #F3CA00 1px; /* make right border on primary links a yellow line */
}

ul#navbar li a, ul#navbar li .active
{
   color: #FFC404;           /* color of primary links */
   display: block;           /* block display for setting a background color and hovering links */
   font-family: arial;       /* font for primary links */
   font-size: 9px;          /* size of primary links */
   padding: 5px 8px;         /* pad the cell 5px on top/bottom, 8px left/right */
   text-decoration: none;    /* remove underline from links */
   text-transform: uppercase;/* uppercase primary links */
   font-weight: bold;        /* bold primary links */
}

ul#navbar a:hover, ul#navbar li:hover a, ul#navbar li .active
{
   background-color: #F3CA00;  /* switch the background color to green on mouseover */
   color: black;             /* switch the font color to white on mouseover */
}

ul#navbar li ul 
{ 
   background-color: #F3CA00;
   border: 0; /* borders on submenu - left, right, and bottom */
   display: none;                 /* do not display the list */                   
   list-style: none;    /* remove bullet points */
   position: absolute;            /* set a position so that sub elements can be positioned, absolute wont affect positioning of other elements */
   top: 21px;                     /* position of the menu, this controls where it will be displayed onrolover */
   width: 140px;                  /* this is the width of the submenu block */
   z-index: 900;                  /* when displayed this will put it in front of the parent list */
	margin: 0;
	padding: 0;
}

ul#navbar li:hover ul, ul#navbar li.over ul
{
   display: block;                 /* display the submenu when the parent is moused over */
}

ul#navbar li ul li 
{
   float: none;                    /* if this isnt here then some of the background doesnt appear*/
   border: 1px solid #000;
}

ul#navbar li ul li a, ul#navbar li:hover li a 
{
   background-color: black;
   color: #F3CA00;           /* set the border color to black */
   border: 0;  /* only set the top border, the others were set in an earlier declaration */
   display: block;                 /* block display for setting a background color and hovering links */
   font-size: 10px;                /* this is the font size for sub links */
   margin: 0px;                    /* remove extra spacing */
   padding: 4px 12px;              /* pad the cell 4 pixels on the top/bottom and 12 pixels left/right */
   text-transform: none;           /* remove underlines of sublinks */
}

ul#navbar li ul li a:hover 
{
   background-color: #F3CA00;                /* set the background color on hovered sub items */
   color: black;                   /* set the font color on hovered sub items */
}