/* browser defaults reset
 * ------------------------------------------------------------------------- */

* { 
	margin: 0; 
	padding: 0
	}

table { 
	border-collapse:collapse; 
	border-spacing:0
	}
	
table td { padding-right: 8px; vertical-align: top }
	 
fieldset,img,abbr,acronym { border:0 }

h1 {
	color: #d55712;
	font-family: "helvetica neue", helvetica, arial;
	font-size: 20px;
	line-height: 1.25em;
	font-weight: normal
	}


h2 {
	color: #585858;
	font-family: "helvetica neue", helvetica, arial;
	font-size: 20px;
	line-height: 1.25em;
	font-weight: normal
	}


h3 {
	color: #d55712;
	font-family: "helvetica neue", helvetica, arial;
        font-size: 16px;
	line-height: 1.25em;
	font-weight: bold
	}

h4 {
	color: #d55712;
	font-family: "helvetica neue", helvetica, arial;
        font-size: 16px;
	line-height: 1.25em;
	font-weight: bold
	}

h5 {
	color: #084B8A;
	font-family: "helvetica neue", helvetica, arial;
        font-size: 14px;
	line-height: 1.25em;
	font-weight: bold;
	font-style: italic
	}

h6 {
	color: #084B8A;
	font-family: "helvetica neue", helvetica, arial;
        font-size: 12px;
	line-height: 1.25em;
	font-weight: normal;
	font-style: italic
	}


ul { list-style: none }


/* default type selectors
 * ------------------------------------------------------------------------- */

body { 
	background: #abbfc4 url("../images/body-bg.jpg") repeat-x; 
	color: #243543; 
	font: 12px/1.5em arial, helvetica, sans-serif
	}
	
input { color: #243543 }
	
a:link, 
a:visited { 
	color: #d55712; 
	text-decoration: underline 
	}
	
a:hover,
a:active,
a:focus { 
	color: #006FFF; 
	text-decoration: underline
	}	
	
a { outline: none }

p,ul,ol,h1,h2,h3,h4,h5,h6 { margin-bottom: 1em }

/* default classes
 * ------------------------------------------------------------------------- */

.clear { 
	clear: both; 
	height: .01em; 
	overflow: hidden 
	}

.clearfix:after {
    clear: both;
	content: ""; 
    display: block; 
    height: 0;
    visibility: hidden
	}

.ir {
	height: 0;
	overflow: hidden
	}

.left { 
	float: left;
	margin: 0 1em 1em 0
	}
	
.right { 
	float: right;
	margin: 0 0 1em 1em
	}
	
.feed-icon {
	background: url("../images/feed-icon.gif") no-repeat top right;
	height: 25px;
	line-height: 25px;
	}
	
.top { text-align: right }

.feed { 
	display: inline;
	float: left;
	margin-right: 40px;
	width: 230px
	}
	
.case-studies li {
	background: url("../images/bullet.gif") no-repeat 0 4px;
	list-style-type: none;
	margin-left: -16px;
	padding-left: 16px
	}


/* layout
 * ------------------------------------------------------------------------- */

#top,#content,#menu,#featured,#footer {
	clear: both;
	margin: 0 auto; 
	width: 940px 
	}
	
#featured {
	margin: 0 auto;
	width: 900px
	}

#top {
	background: url("../images/top.jpg") no-repeat;
	height: 556px
	}
	
#content {
	background: url("../images/content-bg.gif") repeat-y;
	}

#content-top {
	background-color: #fff; 
	background-image: url("../images/content-top-home.gif");
	background-repeat: no-repeat;
	height: 64px;
	margin: 0 auto;
	width: 940px
	}
	
body#inside #content-top {
	background-image: url("../images/content-top-inside.jpg");
	height: 297px;
	}
	

/* mast
 * ------------------------------------------------------------------------- */
	
#mast {	
	height: 301px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	overflow: hidden;
	position: relative; 
	width: 940px;
	z-index: 0
	}

#mast .logo { 
	position: absolute; 
	top: 10px; 
	left: 20px; 
	height: 151px; 
	width: 245px; 
	display: block; 
	z-index: 1 
	}

#mast .panel { 
	height: 301px;
	width: 900px;
	}
	
#mast .panel .photo { margin-left: 20px; position: relative; z-index: 0 }
	
#mast .panel .photo { display: none }
#mast .panel#one .photo { display: block }
	
#mast .panel h3 {
	position: absolute;
	font-size: 22px;
	line-height: 30px;
	left: 52px;	
	top: -160px;
	z-index: 2
	}
	
#mast .panel p {
	position: absolute;
	font-size: 12px;
	line-height: 20px;
	left: 52px;
	top: -180px;
	width: 410px;
	z-index: 2;
	}
	
#mast .panel#one h3 { top: -155px }
#mast .panel#one p { top: -175px }
	
body#inside #mast {
	height: 172px
	}
	
body#inside #mast img { margin-left: 20px }
	
	
/* #main and #sidebar
 * ------------------------------------------------------------------------- */

#main,
#sidebar { 
	float: left; 
	display: inline 
	}	

body#inside #main, 
body#inside #sidebar {
	margin-top: -267px
	}

#main {
	margin: 0 20px 0 50px;
	width: 546px
	}

#main ul, #tabs .panel ul {
	list-style-type: disc;
	margin-left: 16px;
	}		

#main ul ul { list-style-type: circle; margin-bottom: 0 }

#main h2,#main h3,#main h4,#main h5,#main h6 { margin-top: 2em }

#sidebar {
	margin: 0 50px 0 20px;
	width: 254px
	}


/* tabs
 * ------------------------------------------------------------------------- */

#tabs {
	background: #fff url("../images/bottom-tabs.gif") no-repeat bottom;
	margin-left: 30px;
	margin-top: -54px;
	width: 879px
	}

#tabs .panel {
	padding: 20px;
	height: 110px
	}
	
#tabs .panel h1, #tabs .panel h2 { margin-bottom: .5em }
	
#tabs .panel .block-left {
	border-right: 1px solid #d1d1d1;
	float: left;
	padding-right: 20px;
	width: 515px
	}

#tabs .panel .block-right {
	float: left;
	padding-left: 20px;
	width: 283px;
	}
	
#tab-2, #tab-3, #tab-4, #tab-5 { display: none }


/* footer
 * ------------------------------------------------------------------------- */

#footer {
	background: url("../images/footer-home.gif") no-repeat;
	margin-bottom: 20px;
	padding-top: 42px;
	text-align: center
	}
	
body#inside #footer { 
	background: url("../images/footer.gif") no-repeat;
	padding-top: 62px
	}


#footer a { 
	color:  #243543;
	text-decoration: none
	}

#footer a:hover { 
	color: #006FFF;
	}


/* #contact-form
 * ------------------------------------------------------------------------- */

#contact-form {
	font-size: 14px;
	margin-bottom: 2em;
	width: 520px;
	}

#contact-form input, #contact-form textarea {
	border: 1px solid #c9dbdf;
	float: left;
	font-size: 14px;
	padding: 6px;
	width: 250px;
	margin-bottom: 2em
	}

#contact-form label { display: block; width: 120px; float: left }

#contact-form br { clear: both; line-height: 0; height: 20px }

#contact-form .asterisk,#contact-form label.error {
	color: #d21b1b;
	}

#contact-form label.error {
	width: 135px;
	font-style: italic	}

#contact-form textarea {
	height: 180px
	}

#contact-form input.submit {
	background-color: #fff;
	margin-left: 120px;
	cursor: pointer;
	width: 100px
	}


/* .page-menu
 * ------------------------------------------------------------------------- */	

.page-menu { margin-bottom: 2em }
	
.page-menu li { border-bottom: 1px solid #c9dbdf }
.page-menu li.first { border-top: 1px solid #c9dbdf }
.page-menu li a {
	display: block;
	font-size: 14px;
	text-decoration: none;
 	padding: 10px;
	}
	
.page-menu li a:hover {
	background-color: #fafafa;
	}
	
	
/* menu
 * ------------------------------------------------------------------------- */

#menu { 
	height: 46px;
	margin: 0 auto;
	margin-top: -534px
	}

#menu, 
#menu a { background-image: url("../images/menu.gif") }

#menu li {
	float: left;
	list-style-type: none;
	display: inline
	}

#menu a {	
	background-position: 0 0;	
	background-repeat: no-repeat;
	display: block;
	height: 0;
	padding-top: 46px;
	overflow: hidden;
	}

#menu-1 a { background-position: -10px 0; width: 76px; margin-left: 10px }
#menu-2 a { background-position: -86px 0; width: 90px }
#menu-3 a { background-position: -176px 0; width: 87px }
#menu-4 a { background-position: -263px 0; width: 218px }
#menu-5 a { background-position: -481px 0; width: 83px }
#menu-6 a { background-position: -564px 0; width: 103px }
#menu-7 a { background-position: -794px 0; width: 136px; margin-left: 127px }

#menu-1 a:hover { background-position: -10px -46px }
#menu-2 a:hover { background-position: -86px -46px }
#menu-3 a:hover { background-position: -176px -46px }
#menu-4 a:hover { background-position: -263px -46px }
#menu-5 a:hover { background-position: -481px -46px }
#menu-6 a:hover { background-position: -564px -46px }
#menu-7 a:hover { background-position: -794px -46px }


/* menu-slides
 * ------------------------------------------------------------------------- */

#menu-slides{ 
	height: 45px;
	margin: 0 auto;
	position: absolute;
	width: 167px;
	top: 266px;
	left: 20px;
	z-index: 2
	}

#menu-slides, 
#menu-slides a { background-image: url("../images/menu-slides.gif") }

#menu-slides li {
	float: left;
	list-style-type: none;
	display: inline
	}

#menu-slides a {	
	background-position: 0 0;	
	background-repeat: no-repeat;
	display: block;
	height: 0;
	padding-top: 45px;
	overflow: hidden;
	width: 28px
	}

#menu-slides-1 a { background-position: -28px 0; margin-left: 28px }
#menu-slides-2 a { background-position: -56px 0 }
#menu-slides-3 a { background-position: -84px 0 }
#menu-slides-4 a { background-position: -112px 0 }

#menu-slides-1 a:hover,#menu-slides-1.selected a { background-position: -28px -45px }
#menu-slides-2 a:hover,#menu-slides-2.selected a { background-position: -56px -45px }
#menu-slides-3 a:hover,#menu-slides-3.selected a { background-position: -84px -45px }
#menu-slides-4 a:hover,#menu-slides-4.selected a { background-position: -112px -45px }


/* menu-tabs
 * ------------------------------------------------------------------------- */

#menu-tabs { 
	width: 879px;
	height: 33px;
	margin-bottom: 0;
	}

#menu-tabs, 
#menu-tabs a { background-image: url("../images/menu-tabs.gif") }

#menu-tabs li {
	float: left;
	list-style-type: none;
	display: inline
	}

#menu-tabs a {	
	background-position: 0 0;	
	background-repeat: no-repeat;
	display: block;
	height: 0;
	margin-left: 1px;
	padding-top: 33px;
	overflow: hidden;
	width: 175px
	}

#menu-tabs-1 a { background-position: 0 0; margin-left: 0 }
#menu-tabs-2 a { background-position: -176px 0 }
#menu-tabs-3 a { background-position: -352px 0 }
#menu-tabs-4 a { background-position: -528px 0 }
#menu-tabs-5 a { background-position: -704px 0 }

#menu-tabs-1 a:hover, #menu-tabs-1.selected a { background-position: 0 -33px }
#menu-tabs-2 a:hover, #menu-tabs-2.selected a { background-position: -176px -33px }
#menu-tabs-3 a:hover, #menu-tabs-3.selected a { background-position: -352px -33px }
#menu-tabs-4 a:hover, #menu-tabs-4.selected a { background-position: -528px -33px }
#menu-tabs-5 a:hover, #menu-tabs-5.selected a { background-position: -704px -33px }