/* CSS - 3terra.com */
/*************************/

.nomargin {
   margin: 0 !important; 
}
.clearIt {
   clear: both; 
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;}

/* HTML */
html {height: 101%;	width: 100%; font-size: 90%; font-family: "Trebuchet MS", Sans-Serif; color: #333;}
body {background: #A19D94 URL(../images/page_bg2.gif) center repeat-y; width: 100%;	text-align: center;}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
h1{font-size:180%;}
h2{font-size:160%; color: #433C2A;}
h3{font-size:140%; color: #433C2A;}
h4{font-size:120%; color: #000;}
h5{font-size:100%; color: #000;}
a {font-weight: bold; color: #000; text-decoration: none;}
a:hover {text-decoration: underline;}

/* IDs */

/* header */
#headerOuter {
    background: #ABCF92;
    width: 100%;
    border-bottom: 1px solid #fff;
}
#headerInner {
    margin: 0 auto;
    background: #58A025;
    width: 958px;
    height: 90px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#headerInner h1 a {
    margin: 10px;
    background: URL(../images/logo_3terra.gif);
	float: left;
	height: 70px;
	width: 283px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; /* need for FX and IE */	
}
#headerRight {
    color: white;
    float: right;
    width: 200px;
    text-align: right;
    font-weight: bold;
    margin: 10px;
}

/* topnav */
#topnavOuter {
    background: #A19D94;
    width: 100%;
    border-bottom: 1px solid #fff;
}
#topnav {
    color: #fff;
    background: #433C2A url(../images/nav_bg.jpg);
    width: 958px;
	 height: 24px;
    margin: 0 auto;
    /*padding: 3px 0;*/
	 padding: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: left;
}
#topnav A {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 0 25px;
	margin: 0;
}
/*#topnav A:hover {
    text-decoration: underline;
}*/

/* main layout*/
#mainOuter {
    background: #8EB7E0;
    width: 100%;
}
#mainInner {
   background: #fff;
   border-left: solid 1px #fff;
   border-right: solid 1px #fff;
   width: 928px;
   margin: 0 auto;
   padding: 20px 15px;
   text-align: left;
   font-size: 95%;
}

#mainInner h2 {margin: 0 0 10px 0;}
#mainInner h3 {margin: 0 0 10px 0;}
#mainInner .projectHeader {margin: 0; clear: both;}
#mainInner h4 {margin: 0;}
#mainInner h5 {margin: 0;}
#mainInner p {margin: 0 0 5px 0;}
#mainInner ul, #mainInner li {list-style: square; margin-left: 12px;}

/* content */
#contentLeft {
    float: left;
    width: 575px;
    padding: 0 15px 0 0;
    margin-right: 15px;
    border-right: 1px solid #333;
    font-size: 95%;
}
#contentLeft STRONG, #contentRight STRONG, #contentLeft2 STRONG, #contentRight2 STRONG  {color: #000;}
#contentRight {
    float: right;
    width: 315px;
    font-size: 90%;
}
.contentLeft {
    float: left;
    width: 580px;
    padding: 0 15px 0 0;
    margin-right: 15px;
}
.contentRight {
    float: right;
    width: 315px;
    font-size: 90%;
}
#contentRight A {
    text-decoration: none;
}
#contentRight A:hover {
    text-decoration: underline;
}
#contentLeft2 {
    float: left;
    width: 315px;
    padding: 0 15px 0 0;
    margin-right: 15px;
    border-right: 1px solid #333;
    font-size: 95%;
}
#contentRight2 {
    float: right;
    width: 580px;
    font-size: 95%;
}

/* footer */
#footerOuter {
    border-top: 1px solid #fff;  
    background: #A19D94;
    width: 100%;    
}
#footerInner {
   font-size: 80%;
   background: #433C2A;
   border-left: 1px solid #fff;  
   border-right: 1px solid #fff;  
   width: 938px;
   margin: 0 auto;
   padding: 10px;
   color: #fff;
   text-align: center;
}
#footerInner A, #headerRight A {
    color: #fff;
    text-decoration: none;
}
#footerInner A:hover, #headerRight A:hover {
    color: #fff;
    text-decoration: underline;
}

/* Classes */
.iconLarge {
    margin: 0;
    padding: 0;
    border: 1px solid #333; 
    width: 100px; 
    height: 100px;
}
.contentItem {clear: both; margin: 0 0 0 10px; padding: 15px 0 0 0; width: 100%;}
.contentItemFirst {clear: both; margin: 0; padding: 0; width: 100%;}
.contentIcon, .contentIcon2 {
    float: left;
    margin: 2px 10px 3px 0;
    padding: 0;
    border: 1px solid #333; 
    width: 70px; 
    height: 70px;
}
.contentIcon2 {
    margin: 2px 5px 3px 0;
}
.contentText {
    float: right;
    margin: 0 20px 10px 0;
    padding: 0;
    text-align: left;
    width: 470px;
}
.contentText A {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.contentText A:hover {
    text-decoration: underline;
}
.screenshot {
    float: right;
    margin: 3px 0 0 10px;
}
/*.clientList {font-size: 110%;}*/
#mainInner #contentRight2 .clientList {margin: 0; padding: 0;}
#mainInner #contentRight2 .clientList LI {margin: 0 10px 14px 4px; padding: 0; float: left; display: inline; list-style: none; list-style-position: inside;}