@charset "UTF-8";

body {
margin : 0;
padding : 0;
background : #e7e7e7;
}
img {
border : 0;
vertical-align : middle;
}
.clear {
clear : both;
}
#body-wrap {
width : 920px;
margin : 0 auto;
padding : 0 10px 0 9px;
background : url(images/bg.jpg) repeat-y;
overflow : hidden;
}
div#header {
width : 100%;
margin : 0;
padding : 0;
}
div#header #logo {
margin : 0;
padding : 9px 0 30px 21px;
float : left;
}
div#header img.think-gaia {
margin : 21px 15px 0 0;
padding : 0;
float : right;
}
div#header #region {
width : 65px;
margin : 30px 21px 0 0;
float : right;
}
div#header #region a {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #787a7c;
text-align : left;
text-decoration : none;
}
div#header #sub {
width : 500px;
margin : -20px 16px 0 0;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 14px;
color : #999999;
text-align : right;
float : right;
}
div#header #nav {
width : 100%;
height : 30px;
margin : 8px 0 3px 0;
padding : 0;
background : url(images/nav_bg.jpg) repeat-x top;
}
div#header #nav ul {
margin : 0;
padding : 0;
list-style-type : none;
}
div#header #nav ul li {
margin : 0;
padding : 0;
float : left;
}
div#header #nav ul li a {
margin : 0;
padding : 8px 7px 10px 7px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #494949;
text-decoration : none;
display : block;
}
div#header #nav ul li#home a:hover {
background:url(images/nav-activelink_img.jpg) no-repeat bottom;
}
div#header #nav ul li#about a:hover {
background:url(images/blue2.jpg) no-repeat bottom;
}
div#header #nav ul li#products a:hover {
background:url(images/blue2.jpg) no-repeat bottom;
}
div#header #nav ul li#markets a:hover {
background:url(images/blue4.jpg) no-repeat bottom;
}
div#header #nav ul li#service a:hover {
background:url(images/blue5.jpg) no-repeat bottom;
}
div#header #nav ul li#library a:hover {
background:url(images/blue6.jpg) no-repeat bottom;
}
div#header #nav ul li#sales a:hover {
background:url(images/blue6.jpg) no-repeat bottom;
}
div#header #nav ul li#news a:hover {
background:url(images/blue7.jpg) no-repeat bottom;
}
div#header #nav ul li#contact a:hover {
background:url(images/blue8.jpg) no-repeat bottom;
}
div#header #nav ul li a.active {
background : url(images/nav-activelink_img.jpg) no-repeat bottom;
}
div#header #nav ul li .bullet {
margin : -2px 0 0 0;
padding : 0 6px 0 0;
}
div#content {
width : 100%;
margin : 0;
padding : 0;
display : block;
clear : both;
}
div#content #cLeft {
width : 179px;
margin : 0 0 0 10px;
padding : 0;
float : left;
}
div#content #cLeft #lnav {
width : 100%;
margin : 0;
padding : 0;
}
div#content #cLeft #lnav ul {
margin : 0;
padding : 0;
list-style-type : none;
}
div#content #cLeft #lnav ul li {
width : 168px;
height : 22px;
margin : 0;
padding : 8px 0 0 11px;
background : url(images/left-nav_bg.jpg) no-repeat top left;
}
div#content #cLeft #lnav ul li#blend {
background : url(images/left-nav_bg-gradien.jpg) no-repeat top left;
}
div#content #cLeft #lnav ul li img.bullet {
margin : 0 10px 0 0;
padding : 0;
}
div#content #cLeft #lnav ul li a {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #494949;
text-decoration : none;
}
div#content #cLeft #lnav ul li a:hover {
color:#0099CC;
}
div#content #cRight {
width : 731px;
margin : 6px 0 0 0;
padding : 0 0 20px 0;
float : left;
}
div#content #cRight #topcolor {
width : 717px;
height : 61px;
margin : 0;
padding : 8px 0 0 14px;
background : #f89423;
display : block;
clear : both;
}
div#content #cRight #topcolor #subnav {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #fff;
text-align : left;
}
div#content #cRight #topcolor #subnav a {
color:#FFF;
text-decoration:none;
}
div#content #cRight #topcolor h2 {
margin : 0;
padding : 5px 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
color : #fff;
text-align : left;
}
div#content #cRight #topcolor h2.small {
font-size : 12px;
}
div#content #cRight #product {
width : 630px;
margin : 0 23px 0 0;
padding : 0;
float : right;
clear : both;
}
div#content #cRight #product h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #cc0000;
font-weight : bold;
text-align : left;
}
div#content #cRight #product h3.dark {
color : #666;
}
div#content #cRight #product h3.small {
font-size : 11px;
font-weight : normal;
}

div#content #cRight #product h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #cc0000;
	font-weight : bold;
	text-align : left;
}

div#content #cRight #product p {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #000;
text-align : left;
margin-bottom: 10px;
}

div#content #cRight #product a {
text-decoration:none;
}
div#content #cRight #product a:hover {
text-decoration:underline;
}

div#content #cRight #product p.lighter {
color : #8a8a8a;
}
div#content #cRight #product hr {
width : 100%;
height : 11px;
border : 0;
background : #f89423;
}
div#content #cRight #product #productinfo {
width : 475px;
margin : 11px 0 0 0;
padding : 0;
float : left;
}
div#content #cRight #product #productinfo #caption {
width : 125px;
margin : -10px 17px 0 17px;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : normal;
color : #8a8a8a;
text-align : left;
float : left;
clear : left;
}
div#content #cRight #product #productinfo img {
float : left;
}
div#content #cRight #product #productinfo #features {
width : 275px;
margin : 0 0 0 20px;
padding : 0;
float : left;
}
div#content #cRight #product #productinfo #features h3 {
margin : 5px 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #cc0000;
font-weight : bold;
text-align : left;
}
div#content #cRight #product #productinfo #features ul {
margin : 0 0 0 15px;
padding : 0;
color : #000;
}
div#content #cRight #product #productinfo #features ul li {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-align : left;
color : #000;
line-height : 14px;
}
div#content #cRight #product #productnav {
width : 155px;
margin : 11px 0 0 0;
padding : 0;
float : left;
}
div#content #cRight #product #productnav h1 {
width : 150px;
height : 15px;
margin : 0;
padding : 5px 0 0 5px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #fff;
text-align : left;
background : #f89423;
}
div#content #cRight #product #productnav ul {
margin : 0;
padding : 0;
list-style-type : none;
}
div#content #cRight #product #productnav ul li {
margin : 0;
padding : 0;
}
div#content #cRight #product #productnav ul li a {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #0072bc;
text-align : left;
text-decoration : none;
}
div#content #middle {
width : 100%;
margin : 0;
padding : 0;
margin-left:255px;
clear : both;
}
div#content #middle ul {
margin : 0;
padding : 0;
list-style-type : none;
}
div#content #middle ul li {
width : 413px;
height : 98px;
margin : 0;
padding : 13px 16px 0 16px;
display : block;
float : left;
}
div#content #middle ul li h1 {
margin : 0;
padding : 0 0 4px 0;
font-family : "Helvetica Neue Light",Arial, Helvetica, sans-serif;
font-size : 26px;
font-weight : lighter;
color : #6d6e70;
text-align : left;
float : left;
}
div#content #middle ul li p {
width : 300px;
margin : 0;
padding : 0;
font-family : "Helvetica Neue Light",Arial, Helvetica, sans-serif ;
font-size : 10px;
font-weight : lighter;
color : #737576;
text-align : left;
float : left;
line-height : 14px;
}
div#content #middle ul li.active {
background : url(images/middle-active_bg.jpg) no-repeat top left;
}
div#content #middle ul li.divider {
width : 1px;
height : 111px;
margin : 0;
padding : 0;
}
div#content #middle ul li.divider img.divider {
margin : 0;
}
div#content #middle ul li img {
margin : 0 30px 0 0;
float : left;
}
div#content #bottom {
width : 100%;
margin : 0;
padding : 0;
clear : both;
}
#finder a {
color: #666666;
text-decoration: none;
}
#finder a:hover {
color: #333333;
text-decoration: none;
}
div#content #bottom ul {
margin : 0;
padding : 0;
list-style-type : none;
}
div#content #bottom ul li {
margin : 0;
padding : 0;
float : left;
}
div#content #bottom ul li h3 {
width : 100%;
margin : 0;
padding : 2px 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
text-align : left;
background : url(images/header_bg.jpg) repeat-x top;
}
div#content #bottom ul li .bullet {
margin : -2px 0 0 0;
}
div#content #bottom ul li#one {
width : 307px;
margin : 0 1px;
}
div#content #bottom ul li#one #news {
width : 287px;
height : 218px;
margin : 0;
padding : 0 10px;
background : url(images/gradient_bg.jpg) no-repeat top left;
display : block;
}
div#content #bottom ul li#one #news .date {
width : 93px;
margin : 10px 7px 0 0;
padding : 6px 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
text-align : center;
background : #cccccc;
float : left;
}
div#content #bottom ul li#one #news p {
width : 175px;
margin : 10px 0 0 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-align : left;
color : #8a8a8a;
float : left;
}
div#content #bottom ul li#two {
width : 317px;
margin : 0 1px;
}
div#content #bottom ul li#two #product {
width : 295px;
margin : 0;
padding : 0 11px;
}
div#content #bottom ul li#two #product h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : normal;
text-align : left;
color : #cc3333;
}
div#content #bottom ul li#two #product img {
margin : 15px 0 0 0;
float : left;
}
div#content #bottom ul li#two #product #desc {
width : 130px;
margin : 25px 0 0 15px;
float : left;
}
div#content #bottom ul li#two #product #desc p {
width : 100%;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-align : left;
color : #8a8a8a;
}
div#content #bottom ul li#two #product #desc p.large {
font-size : 14px;
}
div#content #bottom ul li#two #product #desc p.link {
text-align : right;
}
div#content #bottom ul li#two #product #desc p.link a {
color : #0066cc;
text-decoration : none;
}





div#content #bottom ul li#three {
width : 289px;
margin : 0 0 0 1px;
}
div#content #bottom ul li#three #finder {
width : 100%;
height : 218px;
margin : 0;
padding : 0;
background : url(images/gradient_bg.jpg) no-repeat top left;
display : block;
}
/*div#content #bottom ul li#three #finder {
width : 211px;
height : 22px;
margin : 10px 7px;
padding : 4px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #999999;
text-align : left;
border : 1px solid #999999;
}*/


div#content #bottom ul li#three #finder .date {
width : 93px;
margin : 10px 7px 0 0;
padding : 6px 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
text-align : center;
background : #cccccc;
float : left;
}
div#content #bottom ul li#three #finder p {
width : 175px;
margin : 10px 0 0 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-align : left;
color : #8a8a8a;
float : left;
}





div#content #colors {
width : 919px;
height:17px;
margin : 0 0 2px 0;
padding : 0;
clear : both;
background:url(images/bottom-colors_bg.jpg) repeat-x bottom;
}
div#content #colors ul {
margin:0;
padding:0;
list-style-type:none;
}
div#content #colors ul li {
margin:0;
padding:0;
float:right;
}
div#footer {
width : 100%;
height : 80px;
margin : 3px 0 0 0;
padding : 0;
background : url(images/footer-bg_img.jpg) repeat-x top;
/*overflow : hidden;
display : block;*/
}
div#footer #thinkgaia {
margin : 10px 0 0 10px;
padding : 2px;
border : 1px solid #bfbfbf;
position : relative;
float : left;
}
div#footer #fcontent {
width : 100%;
margin : 0;
padding : 10px 0 0 0;
}
div#footer #fcontent p {
margin : 0 0 0 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #ADADAD;
text-align : center;
}
div#footer #fcontent ul {
width : 150px;
margin : 0 auto;
padding : 0;
list-style-type : none;
clear : right;
}
div#footer #fcontent ul li {
margin : 0;
padding : 0 9px;
float : left;
}
div#footer #fcontent ul li.div {
width : 1px;
margin : 0;
padding : 0;
display : block;
}
div#footer #fcontent ul li a {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #5c5c5c;
text-decoration : none;
}
div#footer #fcontent ul li img {
margin : -2px 5px 0 0;
clear : left;
}
