/*visit www.TEMPLATIS.com*/

/*TAG RECLASS*//*TAG RECLASS*//*TAG RECLASS*//*TAG RECLASS*//*TAG RECLASS*//*TAG RECLASS*//*TAG RECLASS*/
*{
margin:0;padding:0;
font:1em/1.4em Georgia, Times, serif;
color:#303030;
}
body{background:#c0e8f8 url(../images/bg/body.gif) repeat left top;}
p{
font-size:0.9em;
line-height:1.4em;
padding-bottom:10px;
color:#000;
}
a{
text-decoration:none;
outline:none;
}
a img{border:none;}
a:hover{color:#000;}
li{list-style-type:none;}
h1 a{
height:59px;
color:#fff;
position:absolute;
top:5px;left:70px;
font-size:3.4em;
line-height:1.2em;
letter-spacing:-1px;
}
h2{
font-size:2.6em;
color:#fff;
float:left;clear:left;
text-align:left;
padding:0;margin:0;
padding:10px 0 17px 35px;
}

/*STRUCTURE*//*STRUCTURE*//*STRUCTURE*//*STRUCTURE*//*STRUCTURE*//*STRUCTURE*//*STRUCTURE*//*STRUCTURE*//*STRUCTURE*/

#wrap{
width:960px;
margin:0 auto;
position:relative;
z-index:1;
}
#wrap-out{
width:996px;
margin:0 auto;
position:relative;
background:url(../images/bg/shadow.png) repeat-y center top;
}
.area-main img{
padding:0;margin:0;
float:left;
}
.area-content{
background:#004e78 url(../images/bg/content-body.gif) repeat-x center top;
float:left;clear:left;
width:930px;
padding:0 15px;
}
.col{
width:300px;
padding:10px 5px 30px 5px;
float:left;
}
.col-a *{
}
.col h2{
}
.col p{
clear:left;
color:#f0f3f5;
padding:5px 50px 5px 35px;
font-size:0.7em;
line-height:1.7em;
}
img.quote{
float:left;
}
p.author{
padding-top:7px;
color:#b3cbd6;
}
a.more{
display:block;
clear:left;
width:93px;height:29px;
margin-top:20px;
margin-left:35px;
background:url(../images/btn/more.gif) no-repeat left top;
}
a.more:hover{
background-position:left bottom;
}
p.breathe{
padding-top:20px;
}


.thumbleft,.thumbright{
float:left;
margin:10px 30px 25px 0;
border:8px solid #fff;
}
.thumbright{
float:right;
margin:20px 0 25px 40px;
}

div.tube{
float:left;clear:left;
margin-bottom:60px;
}
div.thumbed{
float:left;
clear:left;
}

#footer{
background:#004e78;
text-align:center;
color:#fff;
font-size:0.9em;
}
#footer p{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#bbd0da;
font-size:0.7em;
margin:0 58px;
padding-top:12px;
width:844px;
border-top:1px solid #1a5d81;
clear:left;
}







/*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*//*AREA*/

.promo{
width:960px;
background-color:#f5f5f5;
float:left;
height:501px;
}
.promo img{float:left;}
.featured{
float:left;
height:64px;
}
.area{
width:780px;
padding:0;
margin:0;
padding:20px 90px 48px 90px;
float:left;
background-color:#f1f1f1;
border-top:1px solid #fff;
}
.area object,.area embed,.area .video{
float:left;display:inline;
}
.area h3 a{
padding:10px 30px 0 0;
}
.area h3.search a{background:url(../images/icon/h/search.gif) no-repeat left top;}
.area h3.feature a{background:url(../images/icon/h/feature.gif) no-repeat left top;}
.area h3.data a{background:url(../images/icon/h/data.gif) no-repeat left top;}
.area h3.options a{background:url(../images/icon/h/options.gif) no-repeat left top;}
.area h3.contact a{background:url(../images/icon/h/contact.gif) no-repeat left top;}
.area h3.cup a{background:url(../images/icon/h/cup.gif) no-repeat left top;}
.area h3.bubble a{background:url(../images/icon/h/bubble.gif) no-repeat left top;}
.area h3.potato a{background:url(../images/icon/h/potato.gif) no-repeat left top;}
.area p{
font-size:0.75em;
line-height:1.5em;
padding-bottom:34px;
}
.area-col{
float:left;display:inline;
width:383px;
padding:0 38px;
}
.area-col-a{border-right:1px solid #fdfdfd;}
.area-col-b{border-left:1px solid #d1d1d1;}
.area-col p{
background:url(../images/area-undershadow.gif) no-repeat center bottom;
color:#606060;
float:left;
padding-right:34px;
}
.area-col p.thumbed{
padding-right:70px;
padding-bottom:24px;
position:relative;
background-position:-30px bottom;
}
p.no-shadow{background:none;}
.area-col p a{color:#2289a8;}
a.thumb{
position:absolute;
top:0; right:0;
}
.thumb img{
float:right;
border:3px solid #fff;
}
a.btn{
float:left;
display:block;
position:relative;
}
a.btn-main{
width:227px;height:48px;
background:url(../images/btn/try.png) no-repeat left bottom;
top:7px;
}
a.btn:hover{background-position:left top;}
a.btn-more{
width:75px;height:26px;
background:url(../images/btn/more.gif) no-repeat left bottom;
margin-top:15px;
width:100%;
}