/* -------------------------------------------
project:	Penguin / 2upfront
start date:		25/07/2008
------------------------------------------- */
body {margin:0; padding:0; font-family: "Trebuchet MS", sans-serif; text-align:center; background: #ffffff; text-align:right;}

/* HEADINGS
------------------------------------------- */

h1 { font-size: 18px; margin:0px 0px 5px 0px; color:#FCAF17; }

/* TEXT STYLES
------------------------------------------- */

.imgleft {margin: 20px 20px 0px 0px; float:left;}

a { color: #FCAF17; text-decoration: none; font-weight:bold; font-size:11px; }
a:hover {color: #999999; text-decoration:underline; }
a:active {color: #FCAF17; }
a img {border: none;}

p {color: #ffffff; font-size:11px; margin-top:15px; line-height:16px;}
p.blue {color: #3A6E9B; font-size:11px; margin-top:15px; line-height:17px;}
p.form {color: #ffffff; font-size:11px; margin-top:0px; margin-bottom:8px; line-height:13px;}
p.tight {font-size:11px; margin-top:7px; margin-bottom:7px;}
p.tightb {font-size:11px; margin-top:7px; margin-bottom:7px; color: #3A6E9B;}

hr {border: none 1; border-top: 1px solid #000000; margin: 18px 0px 18px 0px;}

input, select, textarea {margin: 0; padding: 0; color: #555555; width:230px; border: 1px solid #B9B8B3;}
.comments {width:230px; height: 80px;}
.trip {width:230px; height:80px;}
.sub {width:230px; height:20px; background-color:#FCAF17;}

.blue-big {color: #00428A; font-size: 30px;}
.white {color: #ffffff; font-weight:bold;}

ul {margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; color:#555555;}
li {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size:12px; font-weight:bold;}

table {border-color: #dbdbdb; border-width: 1px 1px 1px 1px; border-style: solid; font-size:11px; color:#ffffff;}

td {border-color: #dbdbdb;border-width: 0px 0px 0px 0px;border-style: solid;margin: 0;padding: 3px; color:#3A6E9B;}

/* LAYOUT
------------------------------------------- */
#frame {width:980px; margin-left:auto; margin-right:auto; text-align:left;}

#logo-box {padding: 0px 0px 0px 0px; height:145px; width:980px; text-align:right; background:url(images/top-banner.jpg);}
#nav-box {padding: 0px 0px 0px 0px; height:37px; width:980px;}
#left-box {padding: 30px 30px 0px 30px; height:431px; width:359px; float:left; background:url(images/left_bg.gif) #3A6E9B no-repeat top left;}
#right-box {padding: 0px 0px 0px 0px; height:461px; width:561px; float:right; background:#3A6E9B;}

#gallery {padding: 30px 0px 0px 0px; height:431px; width:561px; float:right; background:url(images/left_bg.gif) #3A6E9B repeat-x top left;}

#left-box-white {padding: 30px 30px 0px 30px; height:431px; width:359px; float:left; background:url(images/white_bg.gif) #ffffff no-repeat top left;}

#left-box2 {padding: 30px 30px 0px 30px; height:431px; width:359px; float:right; background:url(images/left_bg.gif) #3A6E9B no-repeat top left;}
#right-box2 {padding: 0px 0px 0px 0px; height:461px; width:561px; float:left; background:#3A6E9B;}

#right-box-white {padding: 30px 30px 0px 30px; height:431px; width:359px; float:right; background:url(images/white_bg2.gif) #ffffff no-repeat top left;}

div.third {width:326px; background:url(images/left_bg.gif) #3A6E9B no-repeat top left; float:left; height:461px;}
div.third2 {width:267px; background:url(images/left_bg.gif) #3A6E9B no-repeat top left; float:left; height:431px; padding: 30px 30px 0px 30px;}
div.third3 {width:267px; background:url(images/third-3-bg.gif) #3A6E9B no-repeat top left; float:left; height:431px; padding: 30px 30px 0px 30px;}
div.third4 {width:267px; background:url(images/third-4-bg.gif) #3A6E9B no-repeat top left; float:left; height:431px; padding: 30px 30px 0px 30px;}
div.tables {width:297px; background:url(images/third-3-bg.gif) #3A6E9B no-repeat top left; float:left; height:431px; padding: 30px 15px 0px 15px;}

div.floatleft {float:left;border-right:1px solid #B9B8B3;border-bottom:1px solid #B9B8B3;}