/* _______________________________________________________________________ */
/*                                                                         */
/* BASE Redefinition                                                       */
/* _______________________________________________________________________ */
/*                                                                         */
body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #6f6f6f;
	background: #a6b3cb;
	color: #fff;
}

html, body, h1, .nav, li, ul, h1 {
	margin: 0;
	padding: 0;
	list-style: none;
}


th, td {
	font-size: 11px;
}

img { border: 0; }

h1, h2, h3 {
	font-size: 12px;
}

h3 {
	padding: 4px 0 0 0;
}

p {
	margin: 0.3em 0 1em 0;
	padding: 0;
	line-height: 1.4;
}
html, body {
	height: 100%;
}

a {
	color: #fbde3b;
	text-decoration: none;
}

a:hover {
   text-decoration: underline;
   cursor: pointer;
}

.centered {
    text-align: center;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* WRAPPER Page Definition                                                 */
/* _______________________________________________________________________ */
/*                                                                         */
.wrapper {
	margin: auto;
	padding: 0;
	list-style: none;
	min-height: 100%;
	text-align: left;
	width: 787px;
	position: relative;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* HEADER Definition                                                       */
/* _______________________________________________________________________ */
/*                                                                         */
.header {
	position: absolute;
	top: 0;
	left: 13px;
	width: 766px;
    height: 170px;
}

.header h1 {
	text-align: right;
	margin: 28px 0 0 0;
    height: 135px;
}

.header .logo {
	width: 286px;
	height: 114px;
    margin-top: 15px;
}

.header-cap {
	position: absolute;
	top: 44px;
	left: 220px;
	width: 258px;
	height: 184px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* NAVigation Definition                                                   */
/* _______________________________________________________________________ */
/*                                                                         */
.nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 766px;
	height: 32px;
}

.nav li {
	float: left;
	text-align: center;
    margin-top: 8px;
    font-size: 12px;
}

.nav li.divider {
	width: 1px;
	margin-top: 0;
}

.nav li a.first {
    margin-left: 15px;
}

.nav li a {
	margin-right: 10px;
    margin-left: 10px;
    font-variant: small-caps;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* BUTTON NAVigation Definition                                            */
/* _______________________________________________________________________ */
/*                                                                         */

.b-nav {
	height: 51px;
    margin-top: -17px;
}

.b-nav a img {
	position: relative;
	top: 2px;
	width: 50;
	height: 51;
}

.b-nav a img.home {
    left: 66px;
}

.b-nav a img.mail {
    left: 79px;
}

.b-nav a img.search {
    left: 90px;
	z-index: 1;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* SPACER Definition                                                       */
/* _______________________________________________________________________ */
/*                                                                         */

.spacer {
	height: 176px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* BODY Definition                                                         */
/* _______________________________________________________________________ */
/*                                                                         */

.body {
	margin: 0 8px 0 13px;
	padding: 24px 14px;
}

.split {
	min-height: 300px;
    position: relative;
}

.no-split {
	float: left;
	width: 100%;
    margin-top: 15px;
    margin-left: 10px;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}


/* _______________________________________________________________________ */
/*                                                                         */
/* LEFT Definition                                                         */
/* _______________________________________________________________________ */
/*                                                                         */
.split-left .left {
	float: left;
	width: 35%;
    margin-top: 15px;
    margin-left: 10px;
}

.split-middle .left {
	float: left;
	width: 50%;
    margin-top: 15px;
    margin-left: 10px;
}

.split-right .left {
	float: left;
	width: 62%;
    margin-top: 15px;
    margin-left: 10px;
}

.left .text {
	margin: .4em 25px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* RIGHT Definition                                                        */
/* _______________________________________________________________________ */
/*                                                                         */
.split-left .right {
	float: right;
	width: 60%;
	margin-top: 15px;
}

.split-middle .right {
	float: right;
	width: 45%;
	margin-top: 15px;
}

.split-right .right {
	float: right;
	width: 33%;
	margin-top: 15px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* FOOTER Definition                                                       */
/* _______________________________________________________________________ */
/*                                                                         */
.footer {
	clear: both;
	height: 24px;
}

.footer-text { 
	color: darkgrey;
	text-align: center;
	position: relative;
	left: 26px;
	height: 49px;
	width: 686px;
}

.footer-text p {
	position: relative;
	margin-top: 0px;
	top: -13px;
	left: 0px;
}

img.footer-left {
	float: left;
	height: 49px;
	width: 26px;
}

img.footer-right {
	float: right;
	position: relative;
	top: -49px;
	height: 49px;
	width: 26px;
	left: 68px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* FOOTer NAVigation Definition                                            */
/* _______________________________________________________________________ */
/*                                                                         */
.foot-nav { 
	text-align: center;
	position: relative;
	left: 141px;
	top: -15px;
	height: 30px;
	width: 404px;
	color: #f8fbc8;
	padding: 8px 0 0 0;
	margin: 0;
}

.foot-nav .text {
	position: relative;
	left: -16px;
}

.foot-nav a {
	color: #f8fbc8;
	text-decoration: none;
	font-variant: small-caps;
}

.foot-nav a:hover {
	color: #f8fbc8;
	text-decoration: underline;
}

img.foot-nav-left {
	float: left;
	position: relative;
	height: 30px;
	width: 16px;
    top: -15px;
	left: 99px;
}

img.foot-nav-right {
	float: right;
	position: relative;
	height: 30px;
	width: 16px;
	top: -53px;
	left: -125px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* TITLE Definition                                                        */
/* _______________________________________________________________________ */
/*                                                                         */
.title {
	padding-top: 25px;
	font-variant: small-caps;
	color: #fbde3b;
	min-height: 40px;
}

.title h2 {
	padding-left: 25px;
	margin: 0;
	min-height: 19px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* TEXTEBOX Definition                                                     */
/* _______________________________________________________________________ */
/*                                                                         */
.textbox {
	width: 265px;
	padding-top: 15px;
}

.textbox-text, .textbox ul li {
    padding-left: 15px;
	margin-right: 15px;
}

.textbox-bottom {
	padding-bottom: 15px;
}

.textbox ul {
	padding-bottom: 15px;
}

.textbox ul li .bullet {
	color: pink;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* IMaGe position Definition                                               */
/* _______________________________________________________________________ */
/*                                                                         */
.img-left {
	float: left;
	margin: 1px 8px 0px 0px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* BULLETS Definition                                                      */
/* _______________________________________________________________________ */
/*                                                                         */
.bullet {
    padding: 0 5px 5px 20px;
	margin: 0;
	font-variant: small-caps;
}

.big-bullet {
    padding: 0 15px 15px 25px;
	margin: 0;
	font-variant:small-caps;
    font-size: 12px;
}

/* _______________________________________________________________________ */
/*                                                                         */
/* TEXT Position Definition                                                */
/* _______________________________________________________________________ */
/*                                                                         */
.float-left {
	margin: 0 253px 0 27px;
}

.float-right {
	float: right;
	width: 246px;
	margin-top: 0.5em
}

.float-right ul {
	float: right;
	width: 130px;
	display: inline;
	margin-right: 10px;
}
