@charset "utf-8";
* {
	font-family:"Gill Sans", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
html, body, applet, object, iframe, div, h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 100%;
}
body, html {
	height:100%;
	width:100%;
	
}
#masterBc {
	width:100%; height:100%;
}

#leftPane {
	background-color: #ededed;
}
#bottomPane {
	background-color: #FFF;
}

body {
  background-color: #ffffff;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
 
}
h1 {
  color: #69c;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
h2 {
	color: #69c;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
h3 {
	color: #69c;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
a,  a:link {
	color: #69c;
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	color: #69c;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #600;
	text-decoration: underline;
}
a:focus {
  color: #600;
}
a:active {
	color: #C00;
}
#clearRight {
	float: left;
	height: 1px;
	width: 100%;
}
.transparent {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#header {
	background-color: #FFFFFF;
	background-image:url(../images/tealHeader.png);
	background-repeat:repeat-x;
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 0px;
	z-index:500;
}
#header h1{
 	color: #333333;
 	font-size: 18px;
 	font-weight: bold;
	text-align:center;
	
}
#header #headerLeft{
	float:left;
}
#header #headerRight{
	float:right;
}

#content {
  margin: 0 55px 0 20px;
  padding: 10px 10px 10px 10px;
}
#content h1 {
  color: #69c;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
#content h2 {
  color: #69c;
  text-transform:none;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
#content h3 {
	color: #666666;
	text-transform:none;
	font-size: 14px;
	font-weight:normal;
	line-height: 16px;
}
#content p{
	color: #666666;
	text-transform:none;
	font-size: 11px;
	font-weight:normal;
	line-height: 16px;
}
.clearFloat {
  clear: both;
  display: block;
}
#splashHead{
	position:absolute;
	top:110px;
	left:15px;
	width:265px;
	height:265px;
}
#panelOne{
	background-color:#000;
	position:absolute;
	top:0px;
	left:12px;
	width:262px;
	height:157px;
}
#panelTwo{
	background-color:#999;
	position:absolute;
	top:56px;
	left:177px;
	width:267px;
	height:148px;
}
#panelThree{
	background-color:#333;
	position:absolute;
	top:12px;
	left:369px;
	width:262px;
	height:165px;
}
#panelFour{
	background-color:#666;
	position:absolute;
	top:98px;
	left:518px;
	width:267px;
	height:155px;
}
#panelFive{
	position:absolute;
	top:52px;
	left:587px;
	width:355px;
	height:116px;
	z-index:800;
	overflow:hidden;
}
#signature{
	position:absolute;
	top:148px;
	left:853px;
	width:65px;
	height:41px;
	z-index:810;
}
#proLogos{
	position:absolute;
	top:311px;
	left:879px;
	width:165px;
	height:141px;
	z-index:810;
}


#eventSignup{
	position:absolute;
	top:450px;
	left:50px;
	width:110px;
	height:60px;
}
#bodyCopy{
	position:absolute;
	top:301px;
	left:301px;
	width:467px;
	height:100px;
	overflow:visible;
}
#sketchPad{
	position:absolute;
	top:-500px;
	left:-500px;
	float:right;
	width:350px;
	height:250px;
	background-image:url(../images/sketchPad.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#sketchPages{
	position:relative;
	width:100%;
	height:100%;
}
#sketchPad #sketchPages #sketchLeft{
	margin:50px 15px 0px 25px;
	height:125px;
	width:125px;
	float:left;
}
#sketchPad #sketchPages #sketchLeft p{
	font-family:"Lucida Console", Monaco, monospace;
	font-size:10px;
	color:#600;
}

#sketchPad #sketchPages #sketchRight{
	margin:40px 0px 0px 10px;
	height:200px;
	width:150px;
	float:right;
}
#floatPane {
	position:absolute;
	top:270px;
	left:509px;
	width:384px;
	height:195px;
	overflow:visible;
}
#capelloLogo{
	position:absolute;
	top:55px;
	left:185px;
}
#tealLogo{
	position:absolute;
	top:89px;
	left:138px;
	width:652px;
	height:166px;
}
#menuContact{
	position:absolute;
	top:12px;
	left:652px;
	width:94px;
	height:24px;
	z-index:999;
}
#menuStaff{
	display:none;
	position:absolute;
	top:128px;
	left:828px;
	width:24px;
	height:110px;
	z-index:999;
}
#menuServices{
	display:none;
	position:absolute;
	top:18px;
	left:22px;
	width:24px;
	height:123px;
	z-index:999;
}
#menuEducation{
	position:absolute;
	top:169px;
	left:373px;
	width:25px;
	height:107px;
	z-index:999;
}
#menuArtwork{
	display:none;
	position:absolute;
	top:269px;
	left:52px;
	width:26px;
	height:99px;
	z-index:999;
}
#menuBlog{
	position:absolute;
	top:43px;
	left:286px;
	width:58px;
	height:20px;
	z-index:999;
}
#menuPictures{
	display:none;
	position:absolute;
	top:89px;
	left:138px;
	width:652px;
	height:265px;
	z-index:999;
}
#menuHome{
	position:absolute;
	top:351px;
	left:217px;
	width:58px;
	height:20px;
	z-index:999;
}
.largeWhite{
	font-family:"Gill Sans", Arial, Helvetica, sans-serif;
	font-size:45px;
	line-height:85px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;
	font-stretch:ultra-expanded;
	letter-spacing: 105px;
}
.largeGrey{
	font-family:"Impact", Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#333333;
	line-height:60px;
	text-transform:lowercase;
	font-stretch:ultra-expanded;
	letter-spacing: 50px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
#bottomPane p{
	font-family:"Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bottomPane #footerLeft{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 35px;
	float:left;
}
#bottomPane #footerLeft p{
	font-size:9px;
	font-style:normal;
	font-stretch:ultra-expanded;
	letter-spacing: .2em;
	word-spacing: 5px;
}
#bottomPane #footerRight{
	padding:0px 0px 0px 0px;
	margin: 0px 35px 0px 0px;
	float:right;
}
#bottomPane #footerRight p {
	font-size:9px;
	font-stretch:ultra-expanded;
	letter-spacing: .3em;
	word-spacing: 10px;
}