* { margin: 0; padding: 0; font-family: "Big Caslon", Georgia;}
a{
	color: #1F87AB;
}
a:hover{
	color: #1F87AB;
}
.clear { width: 100%; height: 1px; clear: both}

html, body { height: 100%; width: 100%;  color: #1F87AB;}

#page { width: 1000px; height: 100%; margin: 0 auto; }

/* start header style */
#page #header .topheader { width: 998px; height: 75px; background-position: bottom center;}
#page #header .bottomheader {position:relative; width: 998px; height: 386px; padding: 60px 0 0 0;border-top: 1px solid #E3F3F9; border-left: 1px solid #E3F3F9; border-right: 1px solid #E3F3F9; background-position: top center;}

.home #header .topheader { background: url('/images/header-home1.jpg') no-repeat; }
.home #header .bottomheader {  background: url('/images/header-home2.jpg') no-repeat;}

#page.philosophy #header .bottomheader {  background: url('/images/header-philosophy.jpg') no-repeat;}

#page.concept #header .bottomheader {  background: url('/images/header-concepts.jpg') no-repeat;}

#page.contact #header .bottomheader {  background: url('/images/header-contact-3.jpg') no-repeat;}


#page #header .bottomheader h1 {position: absolute; top: 342px; left:344px; width: 332px; height: 59px; margin: 0px auto 0px; background: url('/images/logo.jpg') no-repeat center center; }

/* end header style */



/* start content style */

#page #content { width: 998px; padding-top: 30px; margin-left: 1px;  border-left: 1px solid #e3f3f9; border-right: 1px solid #e3f3f9; border-bottom: 1px solid #e3f3f9;}

#page #header  #menu {position: absolute; top: 400px; left:230px; color: #999999; width: 550px; height: 37px; margin: 0 auto; background: url('/images/menu.jpg') no-repeat; padding: 9px 0 15px 8px; text-align: center; }

#page #header  #menu li { display: inline; margin: 0 15px 0 0;  }

#page #header  #menu li a { text-decoration: none; color: #999999; }

#page #header  #menu  .current a { text-decoration: none; color: #278bae; }

#page #content .briefing { width: 974px; min-height: 190px; margin: 0 auto; }

#page #content .briefing  h2 { font-size: 25px; display: inline; font-style:italic; font-weight: normal; color: #333;}

#fancybox-content h4 { font-size: 25px; font-style:italic; font-weight: normal; color: #333; width: 100%; text-align: center; padding-top: 10px}
#fancybox-content h5 { font-size: 18px; font-style:italic; font-weight: normal; color: #0086C9; width: 100%; text-align: center; padding-top: 0px; margin-bottom: 8px}

#fancybox-content .pdf {font-size: 11px; color: #6C6C6B; position: absolute; right: 20px; top: 350px; padding-right:30px;  background: url(../images/sml-pdf.jpg) no-repeat top right}
#fancybox-content .enlarge {font-size: 11px; color: #6C6C6B; position: absolute; right: 20px; top: 367px; padding-right:30px; padding-top: 2px; background: url(../images/sml-download.gif) no-repeat bottom right}
#fancybox-content .enlarge-high {font-size: 11px; color: #6C6C6B; position: absolute; right: 20px; top: 350px; padding-right:30px; padding-top: 2px; background: url(../images/sml-download.gif) no-repeat bottom right}


#fancybox-content .pdf a, #fancybox-content .enlarge a{ color:#6C6C6B; font-style:normal }
#fancybox-content .pdf a:hover, #fancybox-content .enlarge a:hover{ color:#1B1B1B }

#fancybox-content p {font-size: 12px; color: #6C6C6B; margin: 0px 30px; text-align: center; font-style:italic;}

#page #content .briefing .textControl { display: inline;}

#page #content .briefing .auxSpacing { width: 974px; height: 20px;}

#page #content .briefing .contactLeftSpace { width: 105px; height: 10px; float: left;}
#page #content .briefing .contactLeft { width: 340px; float: left;}

#page #content .briefing .contactRight { width: 340px; float: left; border-left: 1px solid #deeef9; padding-left: 47px; margin: 0px 0px 10px 47px}

#page #content .briefing .contactLeft p { font-size: 10pt; font-style:italic; text-align: right; }

#page #content .briefing .contactRight p { font-size: 10pt; font-style:italic; text-align: left; }

#page #content .briefing .contactRight p  input, #page #content .briefing .contactRight p  textarea { width: 278px; border: 1px solid #deeef9; margin: 0 0 2px 0; }

#page #content .briefing .contactRight p #submit { margin-left: 57px; border: 0px solid; background-color: #999999; padding: 3px; color: #fff;}

#page #content .briefing .contactRight p #cancel { border: 0px solid; background-color: #f1efef; padding: 3px; color: #fff; }

#page #content .briefing #contactTitle1 { font-size: 18pt; font-style:italic; color: #000; text-align: right; padding: 0 0 10px 0; border-bottom: 1px solid #deeef9; }

#page #content .briefing #contactTitle2 { font-size: 18pt; font-style:italic; color: #000; text-align: left; padding: 0 0 10px 0; border-bottom: 1px solid #deeef9;}

#page #content .briefing  .text { width: 960px; font-size: 12px; font-style:italic; color: #6D6C6B;} 

#page #content .briefing  .text p { text-align: center; padding: 0 40px 0 40px; }

#page #content .briefing .concepts { padding: 0 0 0 0px; }

.concepts div, .concepts a{
	display: block;
	width: 160px;
	height: 125px;
	float: left; 
	margin: 0px 6px 14px 6px;
	text-decoration: none;
	padding: 0px;
}
.concepts a.large{
	width: 180px;
}
.concepts a.tiny{
	width: 60px;
}

.concepts a img{
	border: 0px;
}
.concepts span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	padding: 0px;
}
.concepts a span{ 
	text-decoration: underline;
	color: #6C6C6B;
}
.concepts div span{ 
	text-decoration: none;
	color: #CCCCCC;
}

#page #content .contactLeft, .smallprint {color:#6C6C6B !important}
#page #content .contactLeft a, .concepts a span{color:#6C6C6B !important}
#page #content .contactLeft a:hover, .concepts a:hover span{color:#373737 !important}
.smallprint {font-size: 10px !important; margin-bottom: 10px;}

label{ width: 57px; display: block; float: left; clear:left}
label.error{ width: 200px; color: #F00}
input#submit{ width: 75px !important;}

/* end content style */

h3 { text-align: center; color: #166479; font-weight: normal; font-size: 58px; font-style:italic; position: relative; top: -7px }

h4 { text-align: center; color: #0384a8; font-weight: normal; font-size: 19px; font-style:italic; padding-top: 38px; }


/* start footer style */

#page #footer { width: 998px; height: 60px; font-size: 12px; font-style: italic; padding-top:7px;}

#page #footer .footerright { width: 332px; height: 50px; float:left; }

#page #footer .footerright p { text-align: right; }

#page #footer .footercenter  {width: 332px; height: 50px; float:left; }

#page #footer .footercenter p { text-align: center; }

#page #footer .footerleft {width: 332px; height: 50px; float:left; }

#page #footer .footerleft { text-align: left; }

/* end footer style */

#new-version
{
	border: 2px solid #f00;
	margin: 1em 0;
	padding: .5em 1em 0;
	background: #ffe;
}

#new-version h1
{
	margin-top: 0;
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
	width: 5px;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}