@charset "UTF-8";
/*
	BLUE 1 || 82D4F7
	BLUE 2 || 44bEF0
	L.GRAY || CCCCCC
	D.GRAY || 787878

	font-family: Georgia, "Times New Roman", Times, serif;	
	font-family: "Lucida Sans Unicode", "Verdana", sans-serif;
	text-shadow: 0px 1px 2px #44bEF0;
*/

textarea, body, html, #footer { overflow: hidden; }
html, body, ul, ol, li {
	margin: 0;
	padding: 0;
}
body, html {
	position: relative;
	font-family: "Lucida Sans Unicode", "Verdana", sans-serif;
	font-size: 11pt;
	color: #EEEEEE;
	overflow-x: hidden;
	overflow-y: auto;
}
body {
	background: url(../images/bg_repeat_body.jpg) repeat fixed;
	min-height: 700px;
	overflow-y: hidden;
}
html {
	background: url(../images/bg_repeat_html.jpg) repeat fixed;
}
h1, h2, h3, h4, h5, h6 {
	color: #FFFFFF;
	font-weight: normal;
}
h1, h2 {
	font-size: 110%;
	font-family: Georgia, serif;
}
h2 span { font-size: 60%; }
h3, h4 { font-size: 100%; }
h5, h6 { font-size: 90%; }
p {
	font-size: 85%;
	line-height: 170%;
	margin: 0;
	padding: 5px 10px 5px 10px;
/*
	text-indent: 1em;
*/
}

a, a:visited, a:hover, a:active {
	color: #82D4F7;
	outline: none;
	text-decoration: none;
	border: none;
}
a:hover, a:active { color: #44bEF0; }
p a:hover, p a:active { border-bottom: 1px #44bEF0 dotted; }

ul { list-style: none; }

/*--------------------------------------------------------------------------------------------------
		NAVIGATION BAR
--------------------------------------------------------------------------------------------------*/

#navigation {
	width: 100%;
	height: 125px;
}
#navigation img {
	border: none;
	margin: 10px 0 0 50px;
}
ul.navBar {
	float: right;
	margin: 55px 20px 55px 20px;
}
ul.navBar li {
	
	float: left;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	text-shadow: 0px 0px 1px #777777;
	font-weight: bold;
	font-size: 90%;
}
ul.navBar li:first-child { border-left: none; }
ul.navBar li:last-child { border-right: none; }
ul.navBar li a, ul.navBar li a:visited {
	margin: 0 5px;
	padding: 0 15px;
	color: #999;
	display: block;
	
/*	background-color: rgba(0, 0, 0, .9);
*/}
ul.navBar li a:hover, ul.navBar li a:active {
	color: #E4E4E4;
	display: block;
}
ul.navBar li.selected a, ul.navBar li.selected a:visited { color: #CCCCCC; }
ul.navBar li.selected a:hover, ul.navBar li.selected a:active { color: #E4E4E4; }

/*--------------------------------------------------------------------------------------------------
		FOOTER
--------------------------------------------------------------------------------------------------*/

#footer {
	position: absolute;
	z-index: 99;
	bottom: 0;
	width: 100%;
	font-size: 90%;
	padding: 55px 0 10px 0;
	background: url(../images/shine/footer_cityScape.png) top left no-repeat;
}
#footer a:hover, #footer a:active { border-bottom: 1px #44bEF0 dotted; }

/*--------------------------------------------------------------------------------------------------
		NAVIGATION BAR
--------------------------------------------------------------------------------------------------*/

#container {
	width: 900px;
	min-height: 500px;
	margin: 0 auto 25px auto;/*	display: none;	*/
}
.panel {
	background-color: rgba(0, 0, 0, 0.7) !important;
	background: url(../images/shine/transparent_background.png) top left;
	position: relative;
	display: block;
}
.shadow0 { box-shadow: 0px 0px 8px #111; }
.shadow1 { box-shadow: 0px 0px 10px #000; }

/*--------------------------------------------------------------------------------------------------
		SHINE
--------------------------------------------------------------------------------------------------*/

.absHead {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}
.absBody { z-index: 23; }
.absFoot {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 22;
}
.absBody h1, .absBody h2, .absBody h3, .absBody h4, .absBody h5, .absBody h6, .absBody ul, .absBody ol, .absBody p, .absBody img {
	position: relative;
	z-index: 25;
	border: none;
}
.full { width: 900px; }
.full .absHead {
	min-height: 80px;
	background: url(../images/shine/shine_header_full.png) top left no-repeat;
}
.full .absFoot {
	min-height: 50px;
	background: url(../images/shine/shine_footer_full.png) top left no-repeat;
}
.thirds {
	width: 260px;
	margin: 20px;
}
.thirds .absHead {
	min-height: 50px;
	background: url(../images/shine/shine_header_thirds.png) top left no-repeat;
}
.thirds .absFoot {
	min-height: 30px;
	background: url(../images/shine/shine_footer_thirds.png) bottom left no-repeat;
}
.twoThirds {
	width: 560px;
	margin: 20px;
}
.twoThirds .absHead {
	min-height: 50px;
	background: url(../images/shine/shine_header_twoThirds.png) top left no-repeat;
}
.twoThirds .absFoot {
	min-height: 30px;
	background: url(../images/shine/shine_footer_twoThirds.png) bottom left no-repeat;
}

/*--------------------------------------------------------------------------------------------------
		CONTACT FORM
--------------------------------------------------------------------------------------------------*/

#contact {
	width: 100%;
	display: none;
	border-bottom: 1px solid #4e4e4e;
}
#contactThanks {
	display: none;
	width: 400px;
	padding: 75px 0 0 50px;
}

#formContact {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
#contact a, #contact a:visited {
	color: #82D4F7;
	border-bottom: none;
	font-weight: bold;
}
#contact a:hover, #contact a:active {
	color: #82D4F7;
	border-bottom: 1px dotted #82D4F7;
}
#contact h2 {
	margin: 0 0 20px 0;
	text-shadow: 0px 1px 2px #555555;
	color: #E4E4E4;
	font-weight: normal;
}

/*--------------------------------------------------------------------------------------------------
		SOCIAL NETWORKING LINKS
--------------------------------------------------------------------------------------------------*/

#social {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 25px;
	width: 225px;
	overflow: hidden;
}
ul.listSocial {
	list-style: none;
	padding: 5px;
}
ul.listSocial li {
	float: left;
	margin: 0 0 0 5px;
	background-color: #111111;
	width: 25px;
	position: relative;
	bottom: 0;
}
ul.listSocial li a img, ul.listSocial li a:visited img, ul.listSocial li a:hover img, ul.listSocial li a:active img {
	border: none;
	outline: none;
}
ul.list1 { /*
	background-color: rgba(250, 250, 250, 1);
	border-radius: 15px;
	border: 1px solid #000;
	padding: 10px;
*/
}
ul.list1 li {
	padding: 5px 0 0 10px;
	margin: 5px 0 0 0;
	color: #82D4F7;
	font-size: 90%;
}
ul.list1 li a {
	display: block;
}
ul.list1 li span {
	font-style: italic;
	color: #555555;
	font-size: 80%;
}

/*--------------------------------------------------------------------------------------------------
		JQUERY ACCORDION STYLE
--------------------------------------------------------------------------------------------------*/

.accordion div {
	padding: 5px 0;
	margin: 0 5px;
}
.accordion p {
	padding: 5px 15px;
	margin: 0;
	color: #eee;
	font-size: 85%;
}
.accordion h2.ui-accordion-header {
	cursor: pointer;
	border: none;
	outline: none;
	padding: 15px 0 10px 0;
	margin: 0;
}
.accordion .ui-state-default, .accordion .ui-state-active a, .accordion .ui-state-active, .accordion .ui-helper-reset {
	padding: 0;
	margin: 0;
}
#projectLinks {
/*	
	width: 200px;
	right: 9%;
*/	
	color: #555555;
	text-align: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 98;
	float: left;
	clear: both;
	font-size: 90%;
}
#projectNext {
	position: absolute;
	bottom: 50%;
	right: -10px;
}
#projectPrev {
	position: absolute;
	bottom: 50%;
	left: -10px;
}
.fontReplace { font-weight: normal; }

/*--------------------------------------------------------------------------------------------------
		COMMON
--------------------------------------------------------------------------------------------------*/

.cleaner {
	clear: both;
	width: 100%;
}
.hgt5 { height: 5px; }
.hgt10 { height: 10px; }
.hgt15 { height: 15px; }
.hgt20 { height: 20px; }
.hgt25 { height: 25px; }
.rgt { float: right; }
.lft { float: left; }
.blk { display: block; }
.xSpace {
	margin: 0;
	padding: 0;
}
.pad20 { padding: 20px; }
.pad15 { padding: 15px; }
.pad10 { padding: 10px; }
.blue {
	color: #82D4F7;
}