/*
grey: #aba9af  - HKS 92 (N) ; 144,151,147 ; #909793				- #7a8077
#8b898f

lila: #5f2f95  - HKS 37 (N) ; 87,35,129   ; #572381 				- #543478
*/
html,body,div,p {margin:0;padding:0;}
img {border:0;}
a:focus, a:active {outline:none;}
ul, li { margin:0 0 0 8px; padding:0; list-style-type:disc; list-style-position:outside; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


.line { height:1px; background:#8b898f; margin:0 0 10px 0; padding:0; position:relative; top:-14px; }
.line2 { height:1px; background:#8b898f; margin:20px 0 4px 0; padding:0; }
.lila { color:#5f2f95; }

.clearfix:before, .clearfix:after { content: ""; display: table; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.cleared { clear: both; height:0; }


html {
	height:		100%;
	width:		100%;
	overflow:		hidden;
}
body {
    min-height: 100%;
    max-height:	100%;
    /*height: auto !important;*/
	font:			normal normal normal 14px/20px Helvetica, Arial, sans-serif;
	background:	#fff;
	color:			#444;
	height:		100%;
	width:		100%;
	overflow:		hidden;
	/*min-width:		996px;*/
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
/* make transparent link selection, adjust last value opacity 0 to 1.0 */
/*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
}

    .ipad body.landscape {
        width:1024px;
    }
    .ipad body.portrait {
        width:768px;
    }


#wrapper {
	/*width:		100%;*/ /* removal needed, caused by additional padding */
	height:		80px;
	overflow:		hidden;
	background:	#fff;
	padding:	0 16px;
}

#header {
	margin:		0 auto;
	padding:		0;
	background:	#fff;
	color:			#444;
	max-width:		984px; /* 1000 - 16 (padding by wrapper) */
	height:		80px;
	overflow:		hidden;
}
.headerLeft {
	float:		left;
	margin:		14px 0 0 16px;
	cursor:		pointer;
}
#headerText {
	float:		left;
	margin:		16px 0 0 60px;
	display:		none;
}
.headerRight {
	float:		right;
	margin:		8px 20px 0 20px;
	font:			13px/20px Helvetica, Arial, sans-serif;
	display:		inline;
}
.headerRight a {
	color:			#6f2f97;
	font-weight:	normal;
	/*border-bottom:	1px solid;*/
	text-decoration:	none;
}
.headerRight a img{
	visibility:		hidden;
	margin:		0 4px 1px 0;
}
.headerRight a:hover {
	color:			#444;
}
.headerRight a:hover img{
	visibility:		visible;
}


#headerLine {
	width:		100%;
	/*height:		200px;*/
	background-color:	#c0c1c3;
	overflow:	hidden;
	position:	relative;
}
.headerImage {
	position:	absolute;
	/*top:		0;*/
	/*height:		200px;*/
	margin:		0;/* auto;*/
	width:		100%;
	display:		block;
	-webkit-transform:translate3d(0,0,0);
	opacity:		1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}


/*** menu ***/

#headerMenuWrapper {
	width:		100%;
	height:		40px;
	position:	absolute;
	bottom:		60%;
}
#headerMenu {
	margin:		0 auto;
	height:		40px;
	max-width:		990px;
	/*top:		-40px;*/
}
#menu {
	margin:		0 20px 0 0;
	padding:		0;
	float:		right;
	display:		inline-block;
	/*background:		#fff;*/
	height:		42px;
	/*width:		610px;*/
  font: normal normal normal 15px/20px "Trebuchet MS", Arial, sans-serif;
  /*white-space: nowrap;*/
}
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
}
#menu li {
  list-style:none;
  float:left;
  margin:		4px 3px 0 0;
  text-align:center;
  width:120px;
  height:		42px;
  /*background:	#545559;*/
}
#menu li a {
  padding:		2px 0;
  text-align:center;
  width:120px;
  height:		22px;
  color:		#111;
  background: #fff;
	font-weight:	bold;
  text-decoration:none;
  display: block;
  outline: none;
	cursor:	pointer;
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	/* first!  */
	filter: alpha(opacity=60);							/* second! */
}
/*#menu li:hover {
	background:		#fff;
	color:		#555;
	opacity:		1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}*/
#menu li a.selected {
	background:		#fff;
	color:		#444;
	cursor:		default;
	height:		42px;
	opacity:		1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/**************************/
#main {
	margin:			0;
	padding:		0 0 0 16px;
	color:			#555;
	background-color: #fff;
	background-position: right bottom;
	background-repeat: no-repeat;
	/*background-attachment: scroll;*/ /* causes layout error in chrome */
	overflow:		hidden;
	overflow-y:		scroll;
	position:		absolute;
	top:			40%;/*280px;*/
	right:			0;
	bottom:			0;
	left:			0;
}
#content {
	margin:		0 auto;/*0 -20px 0 0;*/
	padding:		0;
	height:		auto;/* for iScroll */
	/*background:		#fff;*/
	/* //width:		100%;
	height:		400px;
	overflow:		hidden;
	overflow-y:		scroll;*/
}

.gdiv {
	margin:0 auto;
	padding:0;
	max-width:984px;
	/*min-height:400px;*/
	font: normal normal normal 15px/23px Helvetica, Arial, sans-serif;
	letter-spacing:0.2px;
	position:		relative;
}
.gdiv_half {
	margin:		40px 20px 20px 20px;
	width:		452px;
	float:		left;
	display:		inline;
}
.gdiv_triple {
	margin:		40px 20px 20px 20px;
	width:		288px; /* (984-120)/3 */
	float:		left;
	display:		inline;
}
.gdiv_triple2 {
	margin:		92px 20px 20px 20px;
	width:		288px;
	float:		left;
	display:		inline;
}
.gdiv_triple_border {
	margin:		0;
	width:		288px;
	float:		left;
	display:		inline;
	border-width:	4px 0 1px 0;
	border-style:	solid;
	border-color:	#8b898f;
	/*-moz-border-radius:	10px;*/
	background-color: #f5f5f5;
	position:	relative;
	top:		-15px;
}
.gdiv_full {
	margin:		40px 20px 20px 20px;
}
.gdiv_triple_img {
	width:		284px;
	border:		1px solid #8b898f;
	margin-top:	26px;
}
ul.ok_list {
	list-style-type:	none;
	margin:		0;
}
ul.ok_list li{
	/*background-image: url(../img/check_icon.png);
	background-position: 0 2px;
    background-repeat: no-repeat;*/
    list-style-type: disc;
    margin: 4px 0 0;
    padding: 0 0 0 30px;
}

.gheader_full {
	margin:		36px 20px 10px 20px;
	/*padding-top:	20px;*/
	/*height:60px;*/
	/*border-bottom: 4px solid #d0d0d0;*/
	/*max-width:		960px;*/
}
.gheader_half {
	margin:		0 20px;
	/*border-bottom:1px solid #dbdbdb;*/
	max-width:		452px;
}
.gdiv h2 {
	font: normal 19px/38px Arial, sans-serif;
	padding:	0;
	margin:		2px 0 0 -1px;
	color:		#8b898f;
	/*font-variant: small-caps;*/
	text-transform:	uppercase;
	height:		39px;
}
.gdiv h3 {
	font:		15px/23px Arial, sans-serif;
	padding:	0 0 6px 0;
	margin:		0;
}
.gdiv h6 {
	font:		21px/40px Arial, sans-serif;
}
.grey {
	/*border: 1px solid #6f2f97;*/
	background: #d0d1d3;/*#cbcbcc;*/
	padding:11px 15px;
}
.grey h4 {
	font:21px/25px Arial, sans-serif;
	color:#111;
	margin-bottom:6px
}

/*.glist {
	margin:		16px 0 0 2px;
	padding:		0;
	list-style:		square;
	list-style-position: inside;
}*/
.glist li {
	color:		#5f2f95;
	/*list-style:		square;
	list-style-position: inside;*/
}
.glist li span {
	color:		#444;
}

.colorspan {
	color:		#5f2f95;
}

#canvas {
	margin:		0 auto;
	padding:	0;
	background:	transparent;
	color:		#444;
	/*height:		200px;*/
	width:		800px;
	/*overflow:	hidden;*/
	display:	block;
	position:	relative;
	-webkit-transform: translate3d(0,0,0);
}
#score {
	font-size:		26px;
	font-weight:	bold;
	margin-top:16px;
}



/*** SLIDESHOW ***/
#home_slideshow p{padding-bottom:1em;}
#home_slideshow a{text-decoration:none; color:#cd2903;}
#home_slideshow a:hover{text-decoration:underline;}
.text_replace{background-repeat:no-repeat; outline:0; text-indent:-9999px;}
a.text_replace:active{outline:0;}
#home_slideshow{ position:relative; width:288px; height:202px; margin-top:26px; overflow:visible; text-transform:uppercase; font-size:11px; line-height:22px;}
#home_slideshow #home_slideshow_violator{z-index:1000; background-color:transparent; width:220px; height:31px; float:left; position:relative; top:0; left:0px;}
#home_slideshow #home_slideshow_violator #project_caption{display:none; padding:4px 10px; color:#b6b077; float:left;}
#home_slideshow #home_slideshow_violator #project_caption a{margin-left:8px;}
#home_slideshow #home_slideshow_violator #slide_navigation{position:absolute;left:0;top:10px;}
#home_slideshow #home_slideshow_violator #slide_navigation span{outline:none; text-indent:-9999px; overflow:hidden; display:block; background-color:transparent; border:1px solid #8b898f; width:14px; height:11px; float:left; margin-right:6px; cursor:pointer; overflow:hidden;}
#home_slideshow #home_slideshow_violator #slide_navigation span:hover{ background-color:#c0c0c0;}
#home_slideshow #home_slideshow_violator #slide_navigation span.activeSlide{ background-color:#5f2f95;} /*#FBC747;}*/
#home_slideshow li span.slide_caption{display:none;}
#home_slides{background-color:#fff; overflow:hidden; height:202px;margin:0;}

#home_slides li img { border: 1px solid #888; }
#home_slides li {position: absolute; top: 0px; left: 0px; display: list-item; width:288px; height:202px; overflow:hidden;margin:0; z-index:1; opacity:0;}


#web_slideshow p{padding-bottom:1em;}
#web_slideshow a{text-decoration:none; color:#cd2903;}
#web_slideshow a:hover{text-decoration:underline;}
#web_slideshow{ position:relative; width:288px; height:202px; margin-top:26px; overflow:visible; text-transform:uppercase; font-size:11px; line-height:22px;}
#web_slideshow #web_slideshow_violator{z-index:1000; background-color:transparent; width:220px; height:31px; float:left; position:relative; top:0; left:0px;}
#web_slideshow #web_slideshow_violator #web_caption{display:none; padding:4px 10px; color:#b6b077; float:left;}
#web_slideshow #web_slideshow_violator #web_caption a{margin-left:8px;}
#web_slideshow #web_slideshow_violator #web_navigation{position:absolute;left:0;top:10px;}
#web_slideshow #web_slideshow_violator #web_navigation span{outline:none; text-indent:-9999px; overflow:hidden; display:block; background-color:transparent; border:1px solid #8b898f; width:14px; height:11px; float:left; margin-right:6px; cursor:pointer; overflow:hidden;}
#web_slideshow #web_slideshow_violator #web_navigation span:hover{ background-color:#c0c0c0;}
#web_slideshow #web_slideshow_violator #web_navigation span.activeSlide{ background-color:#5f2f95;}
#web_slideshow li span.slide_caption{display:none;}
#web_slides{background-color:#fff; overflow:hidden; height:202px;margin:0;}

#web_slides li img { border: 1px solid #888; }
#web_slides li {position: absolute; top: 0px; left: 0px; display: list-item; width:288px; height:202px; overflow:hidden;margin:0; z-index:1; opacity:0;}