@charset "utf-8";

/* FLYING MOOSE PICTURES :: MAIN CSS DOCUMENT */

/*******************************************************************************************
********************************************************************************************
Tags
********************************************************************************************
*******************************************************************************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgb(48,85,134);
}

a:focus,
a:active {
	outline: none
}

a img {
	border: 0;
}

/*******************************************************************************************
********************************************************************************************
Global Color Setting
********************************************************************************************
*******************************************************************************************/

/********** ORANGE **********/

#sidenav ul li a:hover,
#body h1,
#body p.credit a:hover,
#contact #body h2,
#body dl dt,
#spotlight h1,
#spotlight h2 a,
#spotlight p a,
#news #body h2,
#news #body h2 a,
#news #body h3 a,
#news #body p a:hover,
#popup #body h1,
#popup #body h1 a,
#popup #body h2,
#popup #body p a,
#body dl dd a:hover,
#sitemap #body ul a,
#body ul.anchorList li a,
#body a.anchorList,
#contact #body a,
#contact #body a:visited {
	color: rgb(233,84,26) !important;
}

/********** BLUE **********/

#sidenav ul li a,
#spotlight p,
#home #content div.right ul li a,
#team #body div h2,
#body p.credit a {
	color: rgb(140,173,203);
}


/********** BLUE ON WHITE **********/

#gallery #body h1,
#gallery #body a h2,
#popup #body h3,
#news #body h3 span,
#news #body p a,
#news #body p a:visited,
#body dl dd a,
#testimonials #body h3,
#news #body span.firstsent {
	color: rgb(101,151,197);
}

/********** GRAY TEXT **********/

#body p,
#news #body h3,
#body dl,
#body ul,
#testimonials #body h2,
#sitemap #body ul li ul li a,
#popup #body h4,
#news #body h4 {
	/*color: rgb(127,127,127);*/
	color: rgb(114,114,114);
}

/*******************************************************************************************
********************************************************************************************
Structure
********************************************************************************************
*******************************************************************************************/

#containerOt {
	position: relative;
	/*width: 100%;*/
}

#containerIn {
	position: relative;
	width: 1123px;
	margin: 0 auto;
	background: url(../../gfx/bg_hrz_sec.gif) repeat-y 0 0;
}

#chassis {
	position: relative;
	left: 89px;
	width: 945px;
	background: url(../../gfx/bg_vrt.gif) repeat-x 0 0;
}

/*******************************************************************************************
********************************************************************************************
Header
********************************************************************************************
*******************************************************************************************/

#header {
	position: relative;
	width: 100%;
	height: 113px;
}

#header .logo {
	float: left;
}

/*******************************************************************************************
********************************************************************************************
Main Navigation
********************************************************************************************
*******************************************************************************************/

#header ul.nav {
	position: absolute;
	top: 67px;
	left: 300px;
	width: 645px;
}

#header ul.nav li {
	display: inline;
	list-style-type: none;
}

#header ul.nav li a {
	float: left;
	display: inline;
	text-indent: -1000px;
	overflow: hidden;
	height: 46px;
	width: 70px;
	background-image: url(../../gfx/nav.gif);
}

#header ul.nav li.about a.about {
	margin-left: 30px;
	width: 88px;
	background-position: -30px 0;
}

#header ul.nav li.about a.about:hover,
#header ul.nav li.about a.about.on {
	background-position: -30px 46px;
}

#header ul.nav li.services a.services {
	width: 84px;
	background-position: -118px 0;
}

#header ul.nav li.services a.services:hover,
#header ul.nav li.services a.services.on {
	background-position: -118px 46px;
}

#header ul.nav li.clients a.clients {
	width: 76px;
	background-position: -202px 0;
}

#header ul.nav li.clients a.clients:hover,
#header ul.nav li.clients a.clients.on {
	background-position: -202px 46px;
}

#header ul.nav li.gallery a.gallery {
	width: 80px;
	background-position: -278px 0;
}

#header ul.nav li.gallery a.gallery:hover,
#header ul.nav li.gallery a.gallery.on {
	background-position: -278px 46px;
}

#header ul.nav li.testimonials a.testimonials {
	width: 111px;
	background-position: -358px 0;
}

#header ul.nav li.testimonials a.testimonials:hover,
#header ul.nav li.testimonials a.testimonials.on {
	background-position: -358px 46px;
}

#header ul.nav li.news a.news {
	width: 63px;
	background-position: -469px 0;
}

#header ul.nav li.news a.news:hover,
#header ul.nav li.news a.news.on {
	width: 63px;
	background-position: -469px 46px;
}

#header ul.nav li.contact a.contact {
	width: 80px;
	background-position: -532px 0;
}

#header ul.nav li.contact a.contact:hover,
#header ul.nav li.contact a.contact.on {
	width: 80px;
	background-position: -532px 46px;
}

/*******************************************************************************************
********************************************************************************************
Thumbnails
********************************************************************************************
*******************************************************************************************/

#thumbnails {
	position: relative;
	width: 100%;
	height: 50px;
}

/*******************************************************************************************
********************************************************************************************
Content
********************************************************************************************
*******************************************************************************************/

#content {
	position: relative;
	width: 100%;
}

#content td.left {
	width: 220px;
	padding-top: 282px;
	padding-bottom: 20px;
	/* background: url(../../gfx/_quotes/abbott.png) no-repeat 0 282px; */
}

#content td.left img.quoteBg {
	width: 220px;
	height: auto;
}

#content td.center {
	position: relative;
	width: 505px;
	padding-bottom: 36px;
	background: url(../../gfx/bg_sec.gif) repeat-y 0 0;
}

#content td.right {
	width: 220px;
}

/*******************************************************************************************
********************************************************************************************
Side Nav
********************************************************************************************
*******************************************************************************************/

#sidenav ul {
	position: absolute;
	top: 0;
	width: 201px;
	padding: 55px 19px 0 0;
}

#sidenav ul li {
	display: block;
	list-style-type: none;
}

#sidenav ul li a {
	float: right;
	clear: right;
	height: 8px;
	margin-bottom: 16px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/*******************************************************************************************
********************************************************************************************
Body
********************************************************************************************
*******************************************************************************************/

#body {
	position: relative;
	width: 441px;
	/* height: 395px; */
	height: auto;
	margin-left: 5px;
	padding: 15px 27px;
}

#body h1 {
	font-size: 15px;
	margin-bottom: 17px;
	text-indent: -1000px;
	overflow: hidden;
}

#body p,
#body dl,
#body ul,
#body a {
	font-size: 11px;
}

#body p,
#body dl,
#body ul {
	line-height: 16px;
	margin-bottom: 16px;
}

#body dl.anchorList {
	margin-bottom: 4px;
}

#body dl dt {
	font-weight: bold;
}

#body dl dd,
#body ul li {
	padding-left: 8px;
	background: url(../../gfx/list_bullet.gif) no-repeat 0 6px;
}

#body ul li {
	list-style-type: none;
}

#body dl dd a {
	text-decoration: none;
}

#body dl dd a:hover {
	text-decoration: underline;
}

#body ul.anchorList {
	float: left;
	margin-bottom: 14px;
	line-height: normal;
}

#body ul.anchorList li {
	display: inline;
	padding-left: 0;
	list-style-type: none;
	background: url(../../gfx/home_blt.png) no-repeat 0 0;
}

#body ul.anchorList li a {
	font-size: 11px;
	text-decoration: none;
	margin-right: 27px;
	padding-left: 8px;
}

#body ul.anchorList li a:hover {
	text-decoration: underline;
}

#body a.anchorList {
	display: block;
	font-size: 11px;
	text-decoration: none;
	margin-bottom: 16px;
}

#body a.anchorList:hover {
	text-decoration: underline;
}

/*******************************************************************************************
********************************************************************************************
Spotlight
********************************************************************************************
*******************************************************************************************/

#spotlight {
	position: relative;
	padding: 14px 19px 0 21px;
}

#spotlight h1 {
	margin-bottom: 8px;
	font-size: 12px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../../gfx/rs_spotlight.gif) no-repeat 0px 3px;
}

#spotlight img {
	margin-bottom: 3px;
	width: 180px;
}

#spotlight h2 {
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: normal;
}

#spotlight h2 a {
	text-decoration: none;
}

#spotlight h2 a:hover {
	text-decoration: underline;
}

#spotlight p {
	font-size: 11px;
	line-height: 16px;
}

#spotlight p a {
	text-decoration: none;
}

#spotlight p a:hover {
	text-decoration: underline;
}

/*******************************************************************************************
********************************************************************************************
Footer
********************************************************************************************
*******************************************************************************************/

#footer {
	position: relative;
	width: 1123px;
	height: 93px;
	margin: 0 auto 40px auto;
	text-align: center;
	background: url(../../gfx/bg_btm_sec.gif) no-repeat top left;
}

#footer ul.nav {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-top: 17px;
}

#footer ul.nav li {
	display: inline;
	list-style-type: none;
}

#footer ul.nav li a {
	font-size: 9px;
	color: rgb(161,161,161);
	text-decoration: none;
	margin-right: 4px;
}

#footer ul.nav li a:hover {
	text-decoration: underline;
}