/* 
	SAGA DESIGN v1.0
	Author: FL1 Group - www.fl1group.com
	Created: 13 May 2010
*/

body { margin:0; padding:0; background-color:#333; font-family:Verdana, Geneva, sans-serif;}
img { border:none;}

:focus { outline: 0px #fff dotted; }

#intro { width:100%; height:100%; margin:0 auto; padding:0; background: url(../img/intro.jpg) center center #fff no-repeat; overflow:hidden; position:absolute; z-index:9999; text-align:center; left:0; top:0;}
a.intro { width:974px; height:789px; display:block; width:100%; height:100%;}

#wrapper { width:892px; margin:0 auto;}

#header { width:892px; margin:0 auto;}

/* Type */
h1 { font-size:30px; font-weight:lighter; color:#fff;}
h2 { font-size:20px; font-weight:lighter; color:#333333; margin-top:-15px; margin-bottom:5px; padding-top:0;}
h3 { font-size:17px; font-weight:lighter; text-transform:uppercase; color:#993366; margin-top:0; margin-bottom:5px;}
h4 { font-size:12px; color:#b5457d; margin-bottom:4px; font-weight:500;}
p { font-size:10px; color:#333;}
p.contact-text { font-size:10px; color:#fff; margin-top:0;}
p.contact-text a { font-size:10px; color:#fff; text-decoration:none;}
p.contact-strapline { font-size:18px; color:#fff; clear:both; padding-top:15px; margin-bottom:0;}
span.contact-title { color:#999; font-size:10px;}

a.blocklink { background-color:#993366; padding:2px 0; text-align:center; font-size:10px; color:#fff; text-decoration:none; text-transform:uppercase; position:absolute; bottom:20px; left:70px; width:67px; height:11px;}
ul { margin:0 0 20px 13px; padding:0;}
ul li { font-size:10px; color:#333;}

.strategic-logo { position:absolute; bottom:16px; left:150px; }

/* Navigation */ 
.nav { width:550px; float:left; margin:62px 0 35px 55px;}

ul.sections { margin:0; padding:0;}
ul.sections li { list-style:none; float:left; border-left:1px #fff solid;}
ul.sections li a.home { background:url(../img/home.jpg) no-repeat; width:93px; height:18px; display:block;}
ul.sections li a.home span { display:none;}
ul.sections li a.services { background:url(../img/services.jpg) no-repeat; width:149px; height:18px; display:block;}
ul.sections li a.services span { display:none;}
ul.sections li a.news { background:url(../img/news.jpg) no-repeat; width:87px; height:18px; display:block;}
ul.sections li a.news span { display:none;}
ul.sections li a.portfolio { background:url(../img/portfolio.jpg) no-repeat; width:105px; height:18px; display:block;}
ul.sections li a.portfolio span { display:none;}
ul.sections li a.contact { background:url(../img/contact.jpg) no-repeat; width:79px; height:18px; display:block;}
ul.sections li a.contact span { display:none;}

/* Submenus */
ul.services { margin:5px 0 0 103px; padding:0; clear:both; width:130px; float:left;}
ul.services li { list-style:none; margin:0; padding:0 0 2px; font-weight:lighter;}
ul.services li a { font-size:10px; color:#b9bfa8; text-decoration:none; padding:0; margin:0;}
ul.services li a:hover { color:#b54277;}

ul.news { margin:5px 0 0 20px; padding:0; width:80px; float:left;}
ul.news li { list-style:none; margin:0; padding:0 0 2px; font-weight:lighter;}
ul.news li a { font-size:10px; color:#b54277; text-decoration:none;}
ul.news li a:hover { color:#b9bfa8;}

ul.pfolio { margin:5px 0 0 10px; padding:0; width:130px; float:left;}
ul.pfolio li { list-style:none; margin:0; padding:0 0 2px; font-weight:lighter;}
ul.pfolio li a { font-size:10px; color:#b9bfa8; text-decoration:none;}
ul.pfolio li a:hover { color:#b54277;}

.nav-right { width:270px; float:right; margin:0; padding:0;}
a.years { background:url(../img/40years.jpg) no-repeat; width:135px; height:116px; display:block; float:right;}
a.logo { background:url(../img/logo.jpg) no-repeat; width:147px; height:32px; display:block; float:right; clear:both; margin-right:120px;}

/* Main Content */
.main { width:892px; height:331px; position:relative; margin:0 auto; padding:0; clear:both; background-color:#b9bfa8;}
.main-contact { width:892px; height:331px; position:relative; margin:0 auto; padding:0; clear:both; background-color:#000;}

.top-stripe { background:#993366 url(../img/top-stripe.jpg) right no-repeat; text-align:right; clear:both; height:26px;}
.top-stripe span { display:none;}

.bottom-stripe { background-color:#666; text-align:right; clear:both; height:11px; font-size:10px; color:#fff; padding:10px 10px;}

/* News Pages */
.news-pages { position:absolute; width:200px; bottom:20px; left:80px;}
.news-pages a.next { background:url(../img/news-next.png) left no-repeat; padding:0 0 0 20px; color:#333; font-size:13px; text-decoration:none;}
.news-pages a.prev { background:url(../img/news-prev.png) right no-repeat; padding:0 20px 0 0; color:#333; font-size:13px; text-decoration:none;}

/* Absolute positioned divs */
.current-section { background-color:#993366; text-align:center; padding-top:10px; font-size:12px; color:#fff; width:97px; height:79px; left:65px; bottom:0; position:absolute; z-index:999;}
.current-section h2 { font-size:13px; color:#fff; margin:10px 0 0; font-weight:100;}

.deco-box { background:url(../img/deco.png) right no-repeat #fff; height:139px; clear:both; position:relative;}
.deco-cut { background:url(../img/deco-cut.png) no-repeat; width:65px; height:50px; position:absolute; left:304px; bottom:0; z-index:999;}

.scroller-btns { width:100px; position:absolute; right:50px; bottom:0; z-index:999;}
.scroller-btns a.goleft { background:url(../img/portfolio-left.png) no-repeat; width:44px; height:14px; display:block; float:left;}
.scroller-btns a.goright { background:url(../img/portfolio-right.png) no-repeat; width:52px; height:14px; display:block; float:right;}

.social { width:55px; float:right; position:absolute; right:15px; top:5px;}
.social a.facebook { background:url(../img/facebook.jpg) no-repeat; width:23px; height:23px; display:block; float:left; margin-right:5px;}
.social a.twitter { background:url(../img/twitter.jpg) no-repeat; width:23px; height:23px; display:block; float:left;}

.right { float:right; width:546px; height:331px;}
.right .text { padding:20px 70px; position:relative; height:291px;}
.right .text-contact { padding:20px 20px 20px 80px; position:relative; height:291px;}
.right .contact-left { width:205px; float:left;}
.right .contact-right { width:205px; float:right; padding-top:65px;}

.main-long { padding:15px 0 0;}
.main-brand { padding:20px 0 0;}
.main-literature { padding:2px 0 0;}
.main-web { padding:6px 0 0;}



/* Banners */
.banner {
	width:346px;
	height:331px;
	position:relative;
	float:left;
	background-image: url(../img/banners/banner-trend.jpg);
}
.banner-home { background:url(../img/banners/banner-home.jpg) no-repeat;}
.banner-advertising { background:url(../img/banners/banner-advertising.jpg) no-repeat;}
.banner-trend { background:url(../img/banners/banner-trend.jpg) no-repeat;}
.banner-brand-consultancy { background:url(../img/banners/banner-brand-consultancy.jpg) no-repeat;}
.banner-graphic-design { background:url(../img/banners/banner-graphic-design.jpg) no-repeat;}
.banner-identity { background:url(../img/banners/banner-identity.jpg) no-repeat;}
.banner-online-marketing { background:url(../img/banners/banner-online-marketing.jpg) no-repeat;}
.banner-portfolio { background:url(../img/banners/banner-portfolio.jpg) no-repeat;}
.banner-news { background:url(../img/banners/banner-news.jpg) no-repeat;}
.banner-news2 { background:url(../img/banners/banner-news2.jpg) no-repeat;}
.banner-web { background:url(../img/banners/banner-web.jpg) no-repeat;}
.banner-contact { background:url(../img/banners/banner-contact.jpg) no-repeat;}

/* Portfolio */
.textbox { width:380px; float:left; top:15px; left:75px; height:120px; position:absolute;}
.textbox p { font-size:10px; color:#666; margin-bottom:0; margin-top:5px;}

/* PORTFOLIO SCROLLABLE */ 
#makeMeScrollable {	height:290px; position:relative;}
#makeMeScrollable span { cursor:pointer;}

#makeMeScrollable div.scrollableArea * { position:relative; float:left; margin:0; padding:0;}

/* SUBFOOTER */
.subfooter-left { float:left; width:450px; color:#999; font-size:9px; margin-top:7px;} 
.subfooter-right { float:right; width:430px; color:#999; font-size:9px; margin-top:7px; text-align:right;}