@charset "utf-8";
/* CSS Document */


body {
	background: #fff url(../i/bg_body.jpg) no-repeat 0 119px;
	background-attachment: fixed;
	color: #2c2c2c;
	font-family: 'SegoeUINormal',sans-serif;
	text-transform: lowercase;
}

strong, b {
	font-family: 'SegoeUISemibold', sans-serif;
	font-weight: bold;	
}

em, i {
	font-style: italic;	
}

h1, h2, h3 {
	font-family: 'SegoeUILight', sans-serif;
	font-weight: lighter;	
}

header#page_head {
	height: 73px;
	width: 100%;
	background: #e8f0f5 url(../i/bg_header.gif) repeat-x top left;	
}


header .logo {
	width: 100%;
	height: 73px;
	background: url(../i/img_logo.png) no-repeat 90% 0.625em ;	
}

nav a {
	display: block;
	text-decoration: none;	
	padding: 0.3em 1.875em;
	background: url(../i/bg_nav.gif) 0 -124px repeat-x ; 	
}

nav a:link {color: #fff;
	background-color: #87a9be;
	background: url(../i/bg_nav.gif) 0 -124px repeat-x ; 	
}   
	
nav a:visited {color: #fff;
	background-color: #87a9be;
}
	  
nav a:hover {color:#fff;
	background-color: #4086b2;
	background: url(../i/bg_nav.gif) 0 -74px repeat-x !important; 	
}  

nav a:active {color:#fff;} 

nav a.current {
	background: #0a5d90 url(../i/img_status.gif) no-repeat .75em 0.5em  ;
	font-weight: bold;
}


section {
	margin:  1.25em 1.875em;	
}


section h2 {
	font-size: 2.9375em;
	line-height: 0.446809em;	
	margin-bottom: 0.5em;
}


section p, section li {
	font-size: 0.833em;
	line-height: 1.25em;
	text-transform: none;
}

section address {
	font-size: 0.833em;
	line-height: 1.25em;
	font-style: normal;	
}

section p, section address {
	margin-bottom: 1.25em;	
}

section ul {
	margin-left: 1em;
	margin-bottom: 1em;	
}

section p a:link {
	color: #0a5d90;
	text-decoration: underline;	
}

section p a:visited {
	color: #0a5d90;
	text-decoration: underline;	
}


section.project {
	margin-left: 0;
	width: 200px;
	height: 113px;
	float: left;
}

section.project img {
	border: 1px solid #b9b9b9;	
}
	

footer {
	clear: both; 
	position: fixed;
	bottom: 12px;	
	font-size: 0.65em;
	left: 1em;
	background: #fff;
	border-top: 1px solid #b9b9b9;	
	padding-right: 1em;
	}

footer li {
	float: left;
	background: none;	
}

footer a.footer {
	font-size: 0.65em;
	margin-right: 20px;	
	}
	
/* Classes */

/* Replaced Text class */

.replaced {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	}
	
	.pad23L {
		position: relative;
		left: 23px;
		}
	
.err {
	font-weight: bold;
	color: #900;	
	}
	
/* Contact Link */

.contactLink {
	font-family: 'SegoeUISemibold', sans-serif;
	position: absolute;
	top: 10px;
	right: 50px;
	font-size: .85em;
	color: #2c2c2c;	
	}
	
.contactLink a {
	font-family: 'SegoeUISemibold', sans-serif;	
	color: #2c2c2c;	
	text-decoration: none;
	}	


/* Background Image Styles */	

  img#expando {
  padding: 0;
  margin: 0;
  position: absolute;
  display: none;
  z-index: 1;
  -ms-interpolation-mode: bicubic;
  }
   
  .wide img#expando,
  .tall img#expando {
  display: block;
  }
   
  .wide img#expando {
  width: 100%;
  height: auto;
  }
   
  .tall img#expando {
  width: auto;
  height: 100%;
  }
    
  .ie6fixed {
  position: absolute;
  top: expression((ignoreMe = document.documentElement.scrollTop ?
  document.documentElement.scrollTop : document.body.scrollTop) + 'px');
  }


/* ADMIN SECTION */

body#admin {
		background: #fff url(../i/bg_body.jpg) no-repeat 0 73px;	
}

body#admin .success, body#admin .confirm {
	color: #900;
	font-weight: bold;	
}

body#admin h3 {
	font-size: larger;
}

body#admin .post {
	border: 1px solid #666;
	margin: 20px 0;	
}

body#admin .post * {
	/* margin-left: 20px;
	margin-right: 20px;	 */
}

body#admin #post_wrap {
	margin: 20px;	
}

body#admin p {
	margin: 2px 0 10px 0;	
}

body#admin table {
	margin: 9px 0 20px 0;	
}

.addPost {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #666;	
}


body#admin #left_column {
	width: 60%;
	float: left;
	margin: 20px auto;
	
}

body#admin .field {
	margin-top: 8px;
	margin-bottom: 20px;	
}


body#admin #right_column {
	width: 35%;
	float: right;
	margin:20px auto;	
}


.postTable {
	width: 	100%;
	margin: 0 auto !important;
}

.form_table .thumb {
	border: 1px solid #B9B9B9;
	margin: 8px 5px 20px 0px;
	padding: 2px;
	background: #fff;
}

.form_table td {
	padding: 5px 0;
}

.postTable td {
	padding: 2px 5px;	
}

.postTable tr.even td {
	background-color: #E7EFF4;	
}

.postTable tr td.unpub {
	background-color: #ffff99 !important;
	color: #cc0000 !important;	
}

td.tableLink {
	text-align: center;	
}

#admin label {
	margin-top: 10px;
	font-weight: bold;	
}

#admin .error {
	font-weight: bold;
	padding-left: 8px;
	color: #c00;
}

.postTable .thead {
	border-bottom: 1px solid #666;	
}

#contact #contact-wrapper h2 {
	font-size: 1.875em;
	font-weight: normal;
}

.mceLayout table, #page_content_tbl * {
	margin: 0 !important;	
}

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/


	body {
	  -webkit-text-size-adjust:none;	
	  padding-bottom: 50px;
	}
	
	section.project {
	  clear:both!important;
	  display:block!important;
	  width:100%!important;
	  float:none!important;
	  margin:0 0 20px 0!important;
	  padding:0!important;			
		}
		


header h1 {
	font-size: 2.0em;
	margin: 0 1em;	
	
}

section h2 {
	font-size: 1.5em;	
}

nav a {
	font-size: .85em;	
}



img{
  max-width:100%;
  height:auto;
}


footer p {
	display: none;	
}

.nomobile {display: none !important;}

}


@media screen and (max-width: 320px){

/* Contact Link */

.contactLink {
	font-family: 'SegoeUISemibold', sans-serif;
	position: absolute;
	top: 50px;
	right: 1em;
	font-size: .85em;
	color: #fff;	
	}
	
.contactLink a {
	font-family: 'SegoeUISemibold', sans-serif;	
	color: #fff;	
	text-decoration: none;
	}	
	
	}