/*
CONTENTS

1.BODY
2.TYPOGRAPHY
3.LINKS
4.DEFAULTS
5.LAYOUT
*/

/* RESET CSS */
@import url('reset.css'); 

/* 1.BODY */

/* 2.TYPOGRAPHY */
body{font:15px arial,sans-serif;}
#header .branding,h1,h2,h3{font-family:helvetica,arial,sans-serif;font-weight:bold;text-transform:lowercase;}
#header .branding{font-size:65px;letter-spacing:-4px;}
#header .branding a{display:block;background:url('/interface/images/logo.gif') no-repeat left;width:523px;height:85px;text-indent:-9999px;}
#tel{font-size:30px;font-weight:bold;letter-spacing:-3px;}
#intro{font-size:20px;}
#main p,
#main h1,
#main ul,
#main ol{margin-bottom:20px;}

/* 3.LINKS */
a:link,a:visited{color:#00aeef;text-decoration:none;}
a:hover,a:active{color:#00aeef;text-decoration:underline;}
.branding a{color:#1b1b1b;text-decoration:none;}
.branding a span{color:#fff;}

/* 4.DEFAULTS */
body{background:#00aeef;color:#1b1b1b;}
strong{font-weight:bold;}
em{font-style:italic;}

/* 5.LAYOUT */
#wrap{width:960px;margin:0 auto;position:relative;}
#main{width:600px;float:left;}
#sidebar{width:320px;float:right;}

	/* HEADER */
	#header{padding:20px;overflow:hidden;}
	#header .branding{float:left;}
	#header #tel{float:right;margin-top:20px;}
	#header #tel span{color:#fff;}

	/* FOOTER */
	#footer{clear:both;text-align:center;margin-top:20px;}
	#footer a{color:#fff;}

/* 6.PAGES */

	/* HOME */
	#home ul#tabs{overflow:hidden;}
	#home ul#tabs li{width:160px;height:83px;float:left;background:url('/interface/images/nav.jpg') no-repeat;cursor:pointer;text-indent:-9999px;}
	#home ul#tabs li#tab_businesscards:hover{background-position:0 -83px;}
	#home ul#tabs li#tab_businesscards.active{background-position:0 -166px;}
	#home ul#tabs li#tab_stationery{background-position:-160px 0;}
	#home ul#tabs li#tab_stationery:hover{background-position:-160px -83px;}
	#home ul#tabs li#tab_stationery.active{background-position:-160px -166px;}
	#home ul#tabs li#tab_leaflets{background-position:-320px 0;}
	#home ul#tabs li#tab_leaflets:hover{background-position:-320px -83px;}
	#home ul#tabs li#tab_leaflets.active{background-position:-320px -166px;}
	#home ul#tabs li#tab_flyers{background-position:-480px 0;}
	#home ul#tabs li#tab_flyers:hover{background-position:-480px -83px;}
	#home ul#tabs li#tab_flyers.active{background-position:-480px -166px;}
	#home ul#tabs li#tab_banners{background-position:-640px 0;}
	#home ul#tabs li#tab_banners:hover{background-position:-640px -83px;}
	#home ul#tabs li#tab_banners.active{background-position:-640px -166px;}
	#home ul#tabs li#tab_posters{background-position:-800px 0;}
	#home ul#tabs li#tab_posters:hover{background-position:-800px -83px;}
	#home ul#tabs li#tab_posters.active{background-position:-800px -166px;}
	#sections{border:1px solid #E1E1E1;border-bottom:0;background-color:#fff;}
	#sections .section{padding:20px;height:300px;}
	#sections .section .info{width:580px;}
	#sections .section .info h2{font-size:35px;letter-spacing:-3px;margin-bottom:10px;}
	#sections .section .info h3{font-size:18px;letter-spacing:-1px;color:#00aeef;margin-bottom:10px;}
	#sections .active{display:block;}
	#sections #section_home{background:url('/interface/images/bg_home.jpg') no-repeat top left;}
	#sections #section_businesscards{background:url('/interface/images/bg_businesscards.jpg') no-repeat 615px -19px;}
	#sections #section_stationery{background:url('/interface/images/bg_stationery.jpg') no-repeat 680px 10px;}
	#sections #section_leaflets{background:url('/interface/images/bg_leaflets.jpg') no-repeat 800px 10px;}
	#sections #section_flyers{background:url('/interface/images/bg_flyers.jpg') no-repeat 720px 10px;}
	#sections #section_banners{background:url('/interface/images/bg_banners.jpg') no-repeat 600px 10px;}
	#sections #section_posters{background:url('/interface/images/bg_posters.jpg') no-repeat 700px 10px;}

	#sections #section_home{padding:0;width:960px;height:290px;padding-top:50px;}
	#sections #section_home .info{background:#fff;padding:10px;}