@charset "utf-8";
/******************************************************** 
* Client: Portico
* Coded by: Marcus Thompson (marcus@brightsquareinc.com)
* Version: 1.0
* Date: October 14th 2008
********************************************************
COLORS
white: #FCFCFC
beige (sand): #f4eddd
blue 1 (light): #AAD6EF
blue 2: #87C7EB
blue 3: #63B6E2
blue 4: #33A0D8
blue 5: #008BC6
blue 6: #005B7D
black: #000 
*/
html {
font-size:100.1%;
}

body {
/*background:#005879 url(../images/bg-body.jpg) bottom left no-repeat;*/
background:#000 url(../images/bg-body.jpg) bottom left no-repeat;
color: #FCFCFC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5;
overflow-y:auto;
}

a {
color:#f2f2f2; 
font-weight:700;
letter-spacing:1px;
text-decoration:none
}

a:visited {
color:#f2f2f2
}

a:hover {
color:#87C7EB
}

a.active, .active a {
color:#87C7EB;
font-weight:bold
}

h1 {
color:#63B6E2;
font-weight:700;
font-size:24px;
text-transform:uppercase;
/*margin-bottom:15px;*/
letter-spacing:1px
}

h2 {
color:#F4EDDD;
font-weight:700;
font-variant:small-caps
}

h3 {
color:#87C7EB;
font-weight:700;
font-variant:small-caps
}

h4 {
color:#333;
font-weight:700
}

h5 {
color:#333;
font-weight:700
}

h6 {
color:#333;
font-weight:700
}

h1 + h2 {
margin-bottom:15px;
}

p,ol,table,dl {
margin-bottom:20px;
}

ol {
list-style:decimal;
}

p {
line-height:1.8;
text-align:justify;
font-weight:normal
}

/*TABLE TYLES*/
table {
width:100%;
border:1px solid #005879;
color:#005879
}

table th,table td {
padding:5px 10px;
border-right:1px solid #005879
}

th {
background:#AAD6EF;
border-bottom:4px solid #005879;
font-size:16px
}

td {
border-bottom:1px solid #005879
}

tr.evenrow td {
background:#e2e2e2;
}

tr.oddrow td {
background:#f2f2f2;
}

/*LAYOUT*/

#wrap {
position:relative;
/*min-width:980px;*/
}

#registertop {
	 height:25px;
	 background:#63B6E2;
	 padding-right:20px;
 	 padding-top:2px;
}

#registertop a {
	color:#ffffff; 
  text-align:right; 
  position: relative;
  right: 0;
}


#registertop a:hover {
	color:	#002535;
}

#registertop #award-line {
  float: left;
  height: 25px;
  padding-left: 10px;
  text-align: left;
}

#registertop #register-line {
  float: right;
  height: 25px;
  text-align: right;
}

/*MASTHEAD*/
#masthead {
height:150px;
overflow:hidden;
background:#fff;
border-top:20px solid #fff;
border-bottom:20px solid #fff;
}

#logo {
width:150px;
height:150px;
float:left
}

#navigation {
height:150px;
float:left;
/*background: url(../siteassets/masthead1.png) left no-repeat*/
}


/*MAIN*/
#main {
position:relative;
background:#000 url(../images/bg-wrap.jpg) bottom left repeat-x;
/*height:430px;*/
overflow:hidden;
border-bottom:3px solid #fcfcfc
}

#main #leftcol {
width:33%;
float:left
}

#main #rightcol {
width: 66%;
float:right;
}

#main ul, #content ul {
margin-bottom:20px;
}

#main ul li, #content ul li {
list-style:square
}

#main li, #content li {
margin-left:18px
}

/*CONTENT*/
#content {
position:relative;
background:#000 url(../images/bg-wrap.jpg) bottom left repeat-x;
border-bottom:3px solid #fcfcfc
}

#content-wrap {
width:980px;
padding-top:15px;
}

#content #leftcol {
width:374px;
float:left;
}

#content #rightcol {
width: 606px;
float:right;
}

/*MODULE*/
#main .module {
padding:15px 15px 15px 29px;
}

#content .module {
margin:15px 0 0 29px
}

/*CONTENTBLOCKS*/
.contentblock {
	margin-top:5px;
}

.contentblock h2 {
margin-bottom:15px;
margin-top:-5px;
font-size:14px
}

.contentblock h3 {
font-size:normal
}

.contentblock li {
margin-bottom:10px
}

/*TEXTPAGE*/
#sectionimage {
width:315px;
margin:0 auto;
text-align:center;
}

#sectionimage img {
border:10px solid #f2f2f2;
}



/*VIEWPORT*/
#viewport {
width:100%;
height:460px;
overflow:hidden;
position:relative;
}

#gallery {
width:7150px;
height:461px;
position:relative;
}

#gallery .image {
position:relative;
height:461px;
float:left;
border-left:3px solid #fcfcfc;
z-index:1;
background: url(../images/fancybox/ajax-loading.gif) center no-repeat;
}

#gallery .image img {
	height:461px;
}

#gallery .caption {
position:absolute;
bottom:15px;
left:0px;
background: url(../images/bg-caption.png) repeat;
z-index:100;
padding:8px 15px 10px 15px;
font-size:16px;
letter-spacing:1px;
white-space:nowrap;
}

#gallery .caption a:hover {
text-decoration:none;
}

#gallery-controls {
margin:10px 0;
}

#gallery-controls .thumb {
width:115px;
/*height:65px;*/
height:123px;
overflow:hidden;
float:left;
margin:0 12px 5px 0;
background: url(../images/bg-caption.png) repeat;
position:relative;
z-index:1
}

#gallery-showcase {
	width:400px;
}


#gallery-controls ul {
	list-style:none;
}

#gallery-controls ul li {
	width:115px;
	height:123px;
	display:inline;
	margin:6px;
}


span.videofile {
width:115px;
height:65px;
background: url(../images/movie-file.png) center no-repeat;
position:absolute;
top:0;
left:0;
z-index:10;
text-indent:-9999px;
}

.thumb:first-child {
border-left:3px solid #fcfcfc;
}

/*BUZZ*/
#buzz-worthy {
overflow:hidden;
padding:10px 0 10px 29px;
}

#buzz-worthy #gallery {
padding-top:10px;
}

/*BUZZ STORY STYLE*/
#buzz-worthy #viewport {
height:auto;
}


#buzz-worthy .buzz-story {
position:relative;
width:500px;
/*height:346px;*/
float:left;
border-left:3px solid #fcfcfc;
z-index:1;
padding:5px 25px;
margin-top:20px;
margin-left:20px;
}

.buzz-publication {
color:#f4eddd;
font-variant:small-caps;
/*margin-bottom:10px*/
}

.buzz-date {
font-weight:bold;
font-style:italic;
margin-bottom:10px;
}

.buzz-image {
padding-top:10px;
padding-bottom:15px;
padding-right:30px;
/*background: url(../images/bg-buzz-image.png) top left no-repeat;*/
margin-bottom:10px;
float:left;
}

.buzz-short-desc {
float:left;
margin-bottom:10px
}

.buzz-pdf-dl {
font-variant:small-caps;
margin-bottom:0;
}

/*BUZZ GALLERY CONTROLS*/
ul#gallery-controls {
width:900px;
position:relative;
padding:10px 0 0 0;
}

ul#gallery-controls li {
list-style:none;
float:left;
margin-left:0;
}

/*HOMEPAGE SLIDESHOW*/
ul#animated-portfolio {
width:434px;
height:648px;
position:relative;
margin:0;
padding:0;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff
}

ul#animated-portfolio li {
margin:0;
padding: 0
}

.mycontrolboxclass{
position: absolute;
right: 35px;
top: 15px;
}

/*TOOLTIP*/
#tooltip{
position:absolute;
border-left:3px solid #fcfcfc;
background: url(../images/bg-tooltip.png) repeat;
padding:2px 5px;
color:#fcfcfc;
display:none;
z-index:100
}	

/*FOOTER*/
ul#footer {
width:980px;
padding: 10px 30px 10px 30px;
font-variant:small-caps
}

ul#footer li {
display:inline;
margin-right:5px
}

/*CONTACT FORM*/
.myform{
/*margin:0 auto;*/
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
/*border:solid 2px #b7ddf2;
background:#ebf4fb;*/
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#aaa;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:240px;
margin:2px 0 20px 10px;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:245px;
margin:2px 0 20px 10px;
}

#stylized textarea {
float:left;
width:240px;
border:solid 1px #aacfe4;
padding:4px 2px;
margin:2px 0 20px 10px;
height:125px;
}

#stylized #submit{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:10px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#stylized input.checkbox {
text-align:left;
width:10px
}

#stylized input.error,#stylized textarea.error,#stylized select.error {

	background-color:#FF8080;

	/*border-color:#FFFFFF;*/

}

div.fullfield {
margin-top:15px;
}

#enquire1 dl {
margin-top:15px
}

#enquire1 dl dt {
display:none
}

#enquire1 dl dd {
width:45%;
float:left;
}

body #enquire1 p {
text-align:left;
}

/*MAP*/
#map {
margin: 15px auto;
width:315px;
color:#333;
border:10px solid #eee
}




.mapdetails {
	width:210px;
	height:150px;
}

.mapdetailsblank {
	width:200px;
	height:10px;
}


.mapdetails #maptext {
	float:left;
	width:160px;
}
.mapdetails h3 {
	font-size:14px;
}

.mapdetails p {
	font-size:10px;
	float:left;
}

.mapdetails img {
	margin-right:10px;
	font-size:10px;
	float:left;
	width:50px;
}

.mapdetails #maptext a:link, .mapdetails #maptext a:hover{
	color:#008177;
	font-size:10px;
	text-decoration:underline;
}