/*  CSS Document for Biisiin */
/*

Title:			site.css
Browser(s): 	All 

Copyright (c) 2009 Maarten Raaijmakers

Date: 2009-08-21 12:22 +0100 (Fri, 21 Aug 2009)

*/

/* CONTAINER */
#container{width:100%;min-height:100%;height:100%;position:relative;}

/* header */
#container .header{display:block;margin:-65px 0px 0px -144px;width:288px;position:absolute;top:50%;left:50%;}
#container .header h1{background:url(../images/logo.png) no-repeat;height:99px;text-indent:-6000px;}
#container .header h2{background:url(../images/slogan.png) no-repeat;height:30px;text-indent:-6000px;}
#container .header.hide{display:none;}


/* TOP */
#top{position:relative;}

/* navigation */
#top .navigation{border-bottom:1px solid #ddd;padding:20px 0px 20px 0px;text-align:center;position:relative;}
#top .navigation ul{position:relative;}
#top .navigation ul li{display:inline;padding:5px;position:relative;}
#top .navigation ul li a{color:#666;}
#top .navigation ul li a:hover{color:#3d3c3e;}
#top .navigation ul li.active a{color:#ccc;}

#top .navigation ul li em{display:none;margin-left:-60px;padding:20px 10px 10px 10px;width:100px;height:38px;color:#fff;font-style:normal;position:absolute;top:30px;left:50%;z-index:2;}
#top .navigation ul li em.yellow{background:url(../images/ttd_yellow.png) no-repeat;}
#top .navigation ul li em.red{background:url(../images/ttd_red.png) no-repeat;}
#top .navigation ul li em.purple{background:url(../images/ttd_purple.png) no-repeat;}
#top .navigation ul li em.blue{background:url(../images/ttd_blue.png) no-repeat;}
#top .navigation ul li em.black{background:url(../images/ttd_black.png) no-repeat;}


/* MIDDLE */
#middle{margin:auto;padding:50px 0px 100px 0px;width:502px;position:relative;}

/* portfolio */
#middle .portfolio{width:502px;position:relative;}
#middle .portfolio .more{text-align:center;padding-bottom:30px;color:#3d3c3e;font-weight:bold;}
#middle .portfolio ul{width:502px;height:400px;}
#middle .portfolio ul li{display:block;width:502px;height:400px;}
#middle .portfolio ul li img{display:block;border:1px solid #aaa;width:500px;height:280px;}
#middle .portfolio .desc{padding-top:12px;line-height:1.5;}
#middle .portfolio .desc h3{display:inline;color:#3d3c3e;}
#middle .portfolio .desc a{color:#1584c4;}
#middle .portfolio .desc a:hover{color:#3d3c3e;}
/* portfolio slider buttons */
#prevBtn{margin-top:-35px;position:absolute;top:50%;left:-60px;}
#prevBtn a{display:block;background:url(../images/previous.png) no-repeat;width:20px;height:24px;text-indent:-6000px;}
#prevBtn a:hover{background:url(../images/previous_over.png) no-repeat;}
#nextBtn{margin-top:-35px;position:absolute;top:50%;right:-60px;}
#nextBtn a{display:block;background:url(../images/next.png) no-repeat;width:20px;height:24px;text-indent:-6000px;}
#nextBtn a:hover{background:url(../images/next_over.png) no-repeat;}

/* aboutus */
#middle .aboutus{margin:auto;width:288px;positon:relative;}
#middle .aboutus h3{font-size:22px;color:#3d3c3e;}
#middle .aboutus p{padding-top:12px;line-height:1.3;}

/* services */
#middle .services{margin:auto;width:288px;positon:relative;}
#middle .services h3{padding-bottom:12px;font-size:22px;color:#3d3c3e;}
#middle .services ul{padding-left:8px;}
#middle .services ul li{padding-top:12px;color:#3d3c3e;font-weight:bold;line-height:1.3;}
#middle .services ul li ul{list-style:disc;}
#middle .services ul li ul li{padding:0;color:#66;font-weight:normal;}

/* contact */
#middle .contact{margin:20px auto 0px auto;width:288px;positon:relative;}
#middle .contact address{padding:30px 0px 0px 89px;font-style:normal;color:#3d3c3e;}
#middle .contact address span{display:block;line-height:1.3;}


/* BOTTOM */
#bottom{background:#3d3c3e;width:100%;position:fixed;bottom:0;left:0;}

/* list */
#bottom .list{padding:10px 0px 10px 0px;text-align:center;position:relative;}
#bottom .list ul{position:relative;}
#bottom .list ul li{display:inline;padding:8px;position:relative;}
#bottom .list ul li a{color:#aaa;}
#bottom .list ul li a:hover{color:#fff;}

#bottom .list ul li em{display:none;margin-left:-60px;padding:10px 10px 20px 10px;width:100px;height:38px;color:#fff;font-style:normal;position:absolute;top:-70px;left:50%;z-index:2;}
#bottom .list ul li em.yellow{background:url(../images/ttu_yellow.png) no-repeat;}
#bottom .list ul li em.red{background:url(../images/ttu_red.png) no-repeat;}
#bottom .list ul li em.purple{background:url(../images/ttu_purple.png) no-repeat;}
#bottom .list ul li em.blue{background:url(../images/ttu_blue.png) no-repeat;}
#bottom .list ul li em.black{background:url(../images/ttu_black.png) no-repeat;}

/* copyright */
#bottom .copyright{display:block;width:300px;font-size:10px;color:#aaa;text-align:right;position:absolute;bottom:40px;right:10px;}