/* ***
burnfit
stylin styles
copyright eric smith 2009

colors:

blue - #1c568e

green - a3ba7f

pink - d26365

*** */

/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption and th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; }




body { color:#999; font:normal 80% Arial, sans-serif; text-align:center; background: #fff; margin: 0 auto; }
a:link, a:visited {color:#900;  text-decoration:underline;  }
a:hover, a:active {color:#900; text-decoration:none;  background-color:transparent;  }
h1 { font-weight:normal; font-size: 2em; }
h2 { font-weight:normal; font-size: 1.5em;}
h3 { font-weight:bold; font-size: 1.1em; }
h4 { font-weight:normal; font-size: .9em; color:#888; padding:0 0 2px; }
h5 { font-weight:bold; font-size: 1em; color:#333; padding:7px 0 0px; }

.container { margin: 100px auto 0; width: 748px; text-align:left; }

.header { height: 298px; width: 100%;  display:block; background:#eee;}


.hero {height:298px; width:341px; display:block;  background: url(../images/hero.jpg) no-repeat center; float:left;}
.hero.hero-about {  background-image: url(../images/hero-about.jpg); }
.hero.hero-services {   background-image: url(../images/hero-services.jpg) ; }
.hero.hero-client-list {  background-image: url(../images/hero-client-list.jpg) ; }
.hero.hero-our-work {   background-image: url(../images/hero-our-work.jpg) ; }
.hero.hero-press {  background-image: url(../images/hero-press.jpg) ; }
.hero.hero-contact {  background-image: url(../images/hero-contact.jpg); }


.header .right{width:407px; height:298px;}

.slogan {height:220px; width:100%; display:block;  background: url(../images/slogan.jpg) no-repeat center; }
.slogan.slogan-about {  background-image: url(../images/slogan-about.jpg); }
.slogan.slogan-services {   background-image: url(../images/slogan-services.jpg) ; }
.slogan.slogan-client-list {  background-image: url(../images/slogan-client-list.jpg) ; }
.slogan.slogan-our-work {   background-image: url(../images/slogan-our-work.jpg) ; }
.slogan.slogan-press {  background-image: url(../images/slogan-press.jpg) ; }
.slogan.slogan-contact {  background-image: url(../images/slogan-contact.jpg); }

#navtitle {height:20px; width:100%; display:block;  background: url(../images/navtitle.jpg) no-repeat center; }
#navtitle.navtitle-welcome {  background-image: url(../images/navtitle-welcome.jpg); }
#navtitle.navtitle-about {  background-image: url(../images/navtitle-about.jpg); }
#navtitle.navtitle-services {   background-image: url(../images/navtitle-services.jpg) ; }
#navtitle.navtitle-client-list {  background-image: url(../images/navtitle-client-list.jpg) ; }
#navtitle.navtitle-our-work {   background-image: url(../images/navtitle-our-work.jpg) ; }
#navtitle.navtitle-press {  background-image: url(../images/navtitle-press.jpg) ; }
#navtitle.navtitle-contact {  background-image: url(../images/navtitle-contact.jpg); }





.mainmenu { width:100%; height: 58px;}
.mainmenu li { float: left; margin:0; width:58px; }
.mainmenu li a { font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; width:58px; height:58px; display:block; background: url(../images/home.jpg) no-repeat 0 0;  }

.mainmenu a.welcome { background-image: url(../images/home.jpg); }
.mainmenu a.about {  background-image: url(../images/about.jpg); }
.mainmenu a.services {   background-image: url(../images/services.jpg) ; }
.mainmenu a.client-list {  background-image: url(../images/client-list.jpg) ; }
.mainmenu a.our-work {   background-image: url(../images/our-work.jpg) ; }
.mainmenu a.press {  background-image: url(../images/press.jpg) ; }
.mainmenu a.contact {  background-image: url(../images/contact.jpg); }


.mainmenu a:hover, .mainmenu a.selectedPage { background-position: bottom!important; }

.shadow{ display:block; background: url(../images/shadow.jpg) no-repeat center; height: 10px; width: 100%; }



.content{padding:15px 35px 55px; font-size:11px; line-height:1.3;}
.content p {}
.content h2, .FontJazz-swisslt {margin:0 0 35px;}

.leftcol {width:200px; float:left; margin-right:30px;}
.rightcol {width:448px; float:left;}
ul.subnav li {margin-bottom:4px;}
ul.subnav ul {margin:4px 0 0 4px;}
ul.subnav li a{color:#888;}
ul.subnav li a:hover{color:#900; text-decoration:underline;}

ul.subnav li.services,
ul.subnav li.our-work{width:200px;height:53px;}

.content h2,
ul.subnav li.services a,
ul.subnav li.our-work a{color:#bebebe;text-decoration:none;  font-size:22pt; margin-left:-2px;}


.content .disp-summary {margin:0 0 20px;}
.content h3.articleTitle {font-size:16px; font-weight:normal;}
.content h3.articleTitle a{color:#888;}
.content h4.articleDate {font-size:11px;}

.footer { font: normal 9px Arial, Helvetica, sans-serif normal; color:#ccc; text-align:center; }
.footer a {  color:#ccc;  }