/* CSS Document */
body{padding:0px; margin:0px; background:#091d26; color:#869496; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#30a0c4; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Trebuchet MS, sans-serif; color:#80c306; font-weight:bold}
.subtitle{font:10px/10px Tahoma, Geneva, sans-serif; color:#a6a6a6;}

#container{width:715px; margin:0 auto; padding:5px; padding-top:0; border:#c2eecb 5px solid; border-top:none; background:#FFF}

/* HEADER */
#header{width:705px; height:272px;  position:relative; background:url('../images/tenrynbanner2.png') no-repeat 0 0; }

#header img#logo{position:absolute; top:28px; left:21px}
#header img#slogan{position:absolute; top:41px; left:372px}
#header img#btn_presentation{position:absolute; top:54px; left:521px}
#header img#slogan2{position:absolute; top:173px; left:372px}
#header img#btn_readmore{position:absolute; top:310px; left:579px}



#header ul.menu{position:absolute; top:242px; left:28px; width:660px}
#header ul.menu li{float:left; height:15px; margin-right:20px}
#header ul.menu li a{height:15px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:15px;}

#header ul.menu li.home a{width:77px; background:url('../images/btn_1.gif') no-repeat 0 0; }
#header ul.menu li.home a:hover{width:77px; background:url('../images/btn_1_over.gif') no-repeat 0 0;}

#header ul.menu li.about a{width:70px; background:url('../images/btn_2.gif') no-repeat 0 0; }
#header ul.menu li.about a:hover{width:70px; background:url('../images/btn_2_over.gif') no-repeat 0 0;}

#header ul.menu li.services a{width:63px; background:url('../images/btn_3.gif') no-repeat 0 0; }
#header ul.menu li.services a:hover{width:63px; background:url('../images/btn_3_over.gif') no-repeat 0 0;}

#header ul.menu li.solutions a{width:76px; background:url('../images/btn_4.gif') no-repeat 0 0; }
#header ul.menu li.solutions a:hover{width:76px; background:url('../images/btn_4_over.gif') no-repeat 0 0;}

#header ul.menu li.support a{width:63px; background:url('../images/btn_5.gif') no-repeat 0 0; }
#header ul.menu li.support a:hover{width:63px; background:url('../images/btn_5_over.gif') no-repeat 0 0;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:70px; background:url('../images/btn_6.gif') no-repeat 0 0; }
#header ul.menu li.contacts a:hover{width:70px; background:url('../images/btn_6_over.gif') no-repeat 0 0;}

#header ul.menu li.bullet{width:5px; background:url('../images/spacer_m.gif') no-repeat 0 5px; }

/* CONTENT */

#content{width:705px; position:relative; margin-top:5px}
#leftPan{width:350px; position:relative; margin:0 5px 0 0; float:left; }
#rightPan{width:350px; position:relative; float:left;}

.ad ul.btn_details{width:72px; height:22px; background:url('../images/b_btn_details.gif') no-repeat 0 0; }
.ad ul.btn_details li{text-align:center; padding-top:4px}
.ad ul.btn_details li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
.ad ul.btn_details li a:hover{text-decoration:underline;}

.ad{width:350px; height:159px; background: url('../images/b_ad.gif') no-repeat 0 0; position:relative; margin-bottom:16px}
.ad img{position: absolute; top:10px; left:10px}
.ad#ad01 h2{height:51px; position:relative; background:url('../images/onlineaccountancy.png') no-repeat 107px 29px; margin-bottom:2px}
.ad#ad02 h2{height:51px; position:relative; background:url('../images/onlineCRM.png') no-repeat 107px 29px; margin-bottom:2px}
.ad#planning h2 {height:51px; position:relative; background:url('../images/YourBusinessOnline.png') no-repeat 107px 29px; margin-bottom:2px}
.ad p {width:217px}
.ad p.subtitle{margin-left:107px; margin-bottom:6px}
.ad p.ad_text{margin-left:107px; margin-bottom:6px}
.ad ul{position: absolute; top:103px; left:22px}

#why{ width:325px; margin-left:12px}
#why h2{height:38px; position:relative; background:url('../images/h_why.png') no-repeat 9px 0; margin-bottom:10px}
.why_topic{margin-bottom:9px}
.why_topic img{float:left;}
.why_topic p{float:left; width:263px; padding-top:6px}

.clear#end{height:15px}

/* FOOTER */

#footer{
	height:70px;
	clear:both;
	background:#999999 url('../images/b_footer.gif') repeat-x 0 0;
	margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:0; background-color:#999999
}
#footer p{padding: 16px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#ffffff;}
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#ffffff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#ffffff; color:#000}