BODY {
	font-family: "Trebuchet MS", tahoma, arial, "Lucida Sans Unicode", Helvetica, Georgia, sans-serif;
	letter-spacing: 85%;
	line-height: 130%;
	font-size: 100%;
	background-color: #fff;
	margin: 0px;
    color:#454545;
}

* {
	margin:0;
	padding:0;
	list-style:none;
}





p {
	font-family: "Trebuchet MS", tahoma, arial, "Lucida Sans Unicode", Helvetica, Georgia, sans-serif;
	color: #454545;
	text-align: left; 
	font-size: 0.775em; /* 16x0.875=14px */
	margin: 1.286em 0; /* 14x1.286=18px */

}
h1 {	
    color: #000134; 
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em;/* 16x1.636=36px */
	margin: 0;
    font-family: "Trebuchet MS", tahoma, "Lucida Sans Unicode", Helvetica, arial, Georgia, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	}

h2 {
    color: #000134; 
	font-size: 1.125em; /* 16x1.125=18px */
	margin:1em 0; /* 18x1=18px */
    font-family: "Trebuchet MS", tahoma, "Lucida Sans Unicode", Helvetica, arial, Georgia, Arial, sans-serif;
	font-weight: normal;
	border-bottom: #999 0px solid;  
}

h3		{ color:#BD004B; font-size: 150%; font-weight: normal; }

img		{ border: 0;}

li		{ list-style: none; }


a { color: #000; background-color: #FFBE00; border-bottom: #CD2266 0px solid; text-decoration: none; }
a:visited { color: #000; background-color: #FFBE00; border-bottom: #CD2266 0px solid; text-decoration: none; }
a:hover {color: #FFBE00; background-color: #000; border-bottom: black 0px solid; text-decoration: none; }

.coming-soon { position: absolute; top:25px; left: 0;  }

input, textarea, select {font-family: "Lucida Sans Unicode", tahoma, arial; }

#about-wrapper			{ width:1050px; padding:0; margin:0; }
#work-wrapper			{ 	width: 8250px;
	height: 509px;
	position: absolute;
	left: 300px;
	
 }
#about-header			{ width:1050px; height:494px; background: url(../images/header.jpg) top left no-repeat; position: absolute; top:0; z-index: -999; }
#work-header			{ width:1050px; height:100px; background: url(../images/header-work.jpg) top left no-repeat;  }
#contact-header			{ width:1050px; height:494px; background: url(../images/header2.jpg) top left no-repeat;  }
#social-icons			{ width: 400px; height: 40px; position: fixed; left: 0; top: -15px; background: #fff; }
#social-icons-new			{ width: 480px; height: 80px; position: fixed; left: 0; top: 0; background: #fff; }

#social-icons a {
   display: block;
   overflow: hidden;
   float:left; 
   height: 50px;
   text-indent:-9999px;
   background-repeat: no-repeat;
   background-position: 0 0; 
   z-index: 999;
   }

#social-icons a:hover { background-position: 0 -50px; }

#social-icons li { float:left; }

#content-area {position: absolute; top: 500px; width: 1050px;}

a.Flickr {
   width:53px;
   background-image:url(../images/SI-flickr.jpg); }	

a.Twitter {
   width:57px;
   background-image:url(../images/SI-twitter.jpg); }
li#Twitter {
   display:block; 
   width:57px;
   height: 50px;
   cursor: hand;
   cursor: pointer;
   background-image:url(../images/SI-twitter.jpg); }
li#Twitter:hover { background-position: 0 -50px; }

li#Flickr {
   display:block; 
   width:53px;
   height: 50px;
   cursor: hand;
   cursor: pointer;
   background-image:url(../images/SI-flickr.jpg); }
li#Flickr:hover { background-position: 0 -50px; }

li#Delicious {
   display:block; 
   width:52px;
   height: 50px;
   cursor: hand;
   cursor: pointer;
   background-image:url(../images/SI-delicious.jpg); }
li#Delicious:hover { background-position: 0 -50px; }

a.LinkedIn {
   width:114px;
   background-image:url(../images/SI-linkedin.jpg); }

a.Delicious {
   width:52px;
   background-image:url(../images/SI-delicious.jpg); }

a.SU {
   width:41px;
   background-image:url(../images/SI-su.jpg); }

#twitter_update_list { width:400px; }

.delicious-banner {
	text-indent:-9999px;
   display:block; 
   width:498px;
   height: 60px;	
  	background-image:url(../images/d-bookmarks.jpg); 
  	}


#toprow				{ width:800px; height:100px; margin: 10px auto; }

#logo				{ margin-top: 20px; width:263px; height: 92px; float:left; background: url(../images/logo.jpg) top left no-repeat; }


/* fading images */
#SLIDESHOW		{ width:800px; margin:40px auto; clear: both;  }
#SLIDESHOW img	{ border: #ccc 0px solid; padding: 0px;  }

.clear			{ clear: both; }

/* fading menu */
#page-wrap		{ margin: 0px auto; padding: 20px; }

.button			{ float: left; margin: 10px; cursor:pointer; }


#home			{ display: block; }
#home-button	{ opacity: 1.0; border-bottom: 1px solid black; }

#about			{ display: none; }
#about-button	{ opacity: 0.5; border-bottom: 1px solid black; }

#photography	{ display: none; }
#photography-button { opacity: 0.5; border-bottom: 1px solid black; }

#contact		{ display: none; }
#contact-button { opacity: 0.5; border-bottom: 1px solid black; }

/**clearing classes**/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{display:inline-block;}

/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

.brclear{ /*Use a break with this class to clear float containers*/
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0;
}
/**end clearing classes**/






.darkgrey				{ color: #333; }
.darkblue				{ color: #122372; }
.grey					{ color: #666; }
.black					{ color: #000; }
.white					{ color: #fff; }
.green					{ color: Green; }
.pink					{ color: #F72E90; }
.red					{ color: red; }

.font_small				{ font-size: 90%; }

.clear_both				{ clear: both; height: 1px; padding: 0px; margin: 0px;}
.clear_both5			{ clear: both; height: 5px; padding-top: 5px; margin-top: 5px;}
.clear_both10			{ clear: both; height: 10px; padding-top: 10px; margin-top: 10px;}
*html .clear_both10			{ clear: both; height: 1px; padding-top: 0px; margin-top: 0px;}
.clear_bothwhite		{ clear: both; height: 1px; padding: 0px; margin: 0px; }
.clear_right			{ clear: right; }
.clear_left				{ clear: left; }

.float_left				{ float: left; border:0; }
.float_right			{ float: right; border:0; width:210px;  }

.text_left				{ text-align: left; }
.text_right				{ text-align: right; }

.noborder				{ border:0; text-decoration: none;}

.home-half_left-l			{ width: 45%; float: left; text-align: left; color: black; font-family:  helvetica, "Helvetica Neue", arial; font-size: 130%; padding-left:20px; font-weight: lighter;}
.home-half_left-r		{ width: 47%; float: left; text-align: left; color: black; font-family:  helvetica, "Helvetica Neue", arial; font-size: 130%; padding-left:50px; font-weight: lighter;}
.home-half_left-l,.home-half_left-r,  p 		{ color: black; font-family:  helvetica, "Helvetica Neue", arial; }


.half_left				{ width: 48%; float: left; text-align: left; }
.half_right				{ width: 40%; float: right; text-align: left; }

.half_left-vd			{ width: 48%; float: left; text-align: left; padding:0;}

.map					{ width: 300px; float: right; text-align: left; margin-right: 20px; }

.designedby				{ width: 40%; float: right; text-align: right; }

.disclaimer				{ width: 40%; float: right; text-align: left; margin-left:50px; }
.image_center			{ margin-left: 270px; }
.image_right			{ float: right; padding-left: 15px; padding-bottom:15px; }
.image_righttop3		{ float: right; margin-top:3px; }
.image_right_main		{ float: right; margin-left:15px; margin-bottom: 15px; }
.image_right_clear_left { float: right; clear: left; }
.image_right0			{ float: right; padding-left: 0px; padding-bottom: 5px; position: relative; top: -20px; }
.image_left				{ float: left; padding-right: 10px; padding-bottom: 5px; }
.div_33					{ width: 30%; float: left; } 
.div33					{ width: 33%; float: right; background: #ff9900; margin-left: 10px; } 

acronym					{ cursor: help; }


.plaintable table		{ border-bottom: 0px solid #fff; border-left: 0px solid #fff; margin-top:-5px; }
td .plaintable			{ padding: 0px 0px 0px 0px; border-top: 0px solid #fff; border-right: 0px solid #fff; }

.hidden					{ display:none; }
.width280				{ width: 260px;	text-align: left; float: left; }
.white_bg				{ background-color: #fff; }
.paddingmain			{ padding: 10px 0px 10px 10px ; }
.padding20_left			{ padding-left: 20px; }
.padding20				{ padding: 20px; text-align: left; }
.padding10				{ padding: 10px; text-align: left; }
.paddingsearch			{ padding: 10px; text-align: left; }



.mainpadding			{ padding: 15px 20px 0 20px; text-align: left; }
.mainpaddingnotop		{ padding: 0px 20px 0px 20px; text-align: left; }
.mainpaddingnoright		{ padding: 15px 5px 0px 20px; text-align: left; }

#thirdleft				{ width: 33%; float: left; padding: 2px; text-align: left;}
#thirdmiddle			{ width: 32%; float: left; padding: 2px; text-align: center; }
#thirdright				{ width: 33%; float: right; padding: 2px; text-align: right; }

#thirdleft, #thirdmiddle, #thirdright {font-size: 10px; color: #fff; text-decoration: none;}

.date					{ font-size: 9px; color: #666; }
.moderator				{ font-size: 9px; color: #333; }
.white					{ color: white; }

.sep_bar				{ clear: both; width: 100%; border-bottom-style: solid; border-bottom-color:#589AC3; border-bottom-width: 
						1px; padding-top: 0px; margin-bottom: 5px; height:10px; }
.right_col				{ width: 380px; float: left;}
.left_col				{ width: 100px; float: left;}

.watch_float_right		{ float: right; width: 260px; }
.tipbox					{ border: 1px solid green; padding: 10px; }
.pad25left				{padding-left: 15px;}

/* contact page */
div.row {
  clear: both;
  padding-top: 0px;
  
  }

div.row span.label {
  float: left;
  width: 150px;
  padding: 0px 10px 0px 0px;
  text-align: left;
  margin-right: 10px; 
 }

div.row span.formw {
  float: left;
  width: 150px;
  text-align: left;
  border-color: #b52352;
  } 

div.row span.formw input {padding:5px; width:250px;
}

div.row textarea {padding:5px; width:250px; 
}

div.row span.labelleft {
  float: left;
  width: 140px;
  padding: 0px 10px 0px 0px;
  text-align: left;
  color: #333;
  margin-right: 10px; 
 }


.calmdesign {font-size: 10px; color: #ccc; text-decoration: none;}
a.calmdesign  {color: #ccc; text-decoration: none; }
a.calmdesign :hover {text-decoration: none;}
a.calmdesign :active {	text-decoration: none; }

.asterix {font-size:14px; color: red;}

#applicant2 {width:95%; background-color: #f0f0f0; border: #333 1px solid;}


/* START ACCORDION CSS CODE */
#basic-accordian{
	border:0px solid #EEE;
	padding:5px;
	width:550px;
	position:absolute;
	left:50%;
	top:370px;
	margin-left:-175px;
	z-index:2;
	margin-top:-50px;
}
/* hack for IE6 */
* html #basic-accordian {	position:absolute;
	left:500px;
	top:350px;
}
.accordion_headings{
	padding:5px;
	background:#ff9900;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#ffffa0;
	color:#666;
}

.accordion_child{
	padding:15px;
	background:transparent;
}

.header_highlight{
	background:#ffffa0;
	color:#666;
}

.tab h1 {margin-top: 10px; }

/* END ACCORDION CSS CODE */


.half_left h1 {margin: 10px 0 0 10px;}
.half_left h2 {margin: 10px 0 0 10px;}
.half_left p {margin-left:10px;}

.warning				{font-size: 10px; color: #cc0000; }

div.prevnext {
	background-color:blue;
	width: 50px;
}

div.prevnext a:link,
div.prevnext a:visited,
div.prevnext a:hover,
div.prevnext a:active{
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	outline: none;
	display: block;
}

div.prevnext a.next{
	background: transparent url(../px/next.gif) 0 0 no-repeat;
}

div.prevnext a.next:hover{
	background-position: 0 -34px;
}


#horizontal_cal		{margin-left: 20px; margin-top:20px;}
*:first-child+html  #horizontal_cal	{margin-top:35px;}

#subcontent			{position:absolute; visibility: hidden; border: 9px solid #ccc; background-color: white; width: 150px; padding: 8px;}
#subcontent	li		{ list-style: none; margin-left:-40px; }	
#subcontent	li	a	{ line-height:100%; }	


/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:175px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}

.companyname{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
}

table					{ border-bottom: 0px solid #fff; border-left: 0px solid #fff; }
td						{ padding: 5px 5px 5px 5px; border-top: 0px solid #fff; border-right: 0px solid #fff; }
table tr.formerror	td		{background:white;  color:#333; padding:10px; border-color: red; border-width: 2px; border-style: solid; }



/*------------ GLOBAL ------------*/

.container {
	float: left;
	display: block;
	height: 1500px;
	width: 2000px;
	position: relative;
	z-index:-99;
}


.interior {
	width: 1280px;
}

.interior img {
	margin-right: 10px;
	margin-bottom: 10px;
}


.back, .next {
	position: absolute;
	height: 26px;
	width: 75px;
	left: 50px;
	top: 2px;
}

.home {
	position: absolute;
	width: 75px;
	height: 26px;
	left: 0px;
	top: 0px;
}

.copygrey {
	color: #333;
}

.border {
	border: 1px solid #555555;
}

#arrows { 
	display: none; 
}


#arrows ul li { 
	display: inline; margin: 10px; 
}




/*------------ HOME ------------*/



#home {
	position: absolute;
	top:0;
	left:0;
	background: url(../images/bg-work.gif) no-repeat top left;
}


#home .title {
	background: transparent url(img/home-title.gif) no-repeat top left;
	width:159px;
	height:119px;
	position:absolute;
	left:296px;
	top:155px;
}

#home .subtitle {
	background: transparent url(img/home-subtitle.gif) no-repeat top left;
	width: 153px;
	height: 74px;
	position:absolute;
	left:295px;
	top:441px;
}

#home .nav {
	width:147px;
	height:131px;
	position:absolute;
	left:301px;
	top:293px;
}

#home .main-nav {
	position:absolute;
	width:290px;
	height:116px;
	top:33px;
	left:228px;
	padding:0px;
	margin:0px;
}

#home .interior {
	margin-left:200px;
	margin-top:20px;
	padding:0px;
}


#home h2 {
	width: 270px;
	float: left;
}
.folioblocks		{ margin-top: 270px; }
.col1 				{ width: 231px; float: left; margin-left: 144px; }
.col2 				{ width: 231px; float: left; margin-left: 40px; }
.col3 				{ width: 231px; float: left; margin-left: 40px; }
.col1 a, .col2 a, .col3 a 			{ text-decoration: none; background: none; }

/*------------ BIO ------------*/

#bio {
position: absolute;
left:1988px;
top:0;
width: 2830px;
z-index: -999;
background: url(../images/bg-about.gif) no-repeat top left;

}

#bio .interior {
	padding-top: 60px;
	padding-left: 210px;
	font-size: 12pt;
	width:620px;
	color:#333;
}

#bio .copy {
	position:absolute;
	width:441px;
	height:534px;
	top:66px;
	left:381px;
	color:#222222 !important;
}

#bio .copy p {
	font-size:10pt;
}

#bio .copy h1 {
	font-weight:bold;
	font-size:20pt;
	color:#6bc6c5;
}

#bio .copy h2 {
	font-weight:bold;
	font-size:11pt;
	color:#c5d053;
}

#bio .copy h3 {
	font-weight:bold;
	font-size:14pt;
	color:#6bc6c5;
	text-transform:uppercase;
}

#contactpage {
position: absolute;
left:4800px;
top:0;
z-index: -999;
background: #FFB300 url(../images/bg-contact.gif) no-repeat top left;


}