/*	this script is property of www.kristielee.com
use of this script without contract is strictly prohibited */
html {
	background: #000 url(../images/bg.jpg) no-repeat top center;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	text-align: center;
	font-size: 11px;
	}
body {
	font-family: Verdana, Myriad, Arial, Helvetica, sans-serif;
	color: #b1b2a9;
	text-align: left;
	font-size: 11px;
	background: #26042d url(../images/bg-tile.gif) repeat-x top right;
	height: auto;
	text-align: center;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	}
.hide, legend {
	display:none !important;
	visibility:hidden !important;
	}
	.hidden {
	color: #000 !important;
	}
.clearer {
	clear: both !important;
	}

/*   MAIN TAGS   */
#website {
	width: 100%;
	height: 100%;
	background: transparent url(../images/bg.jpg) no-repeat top center;
	}
#container {
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 88%;
	min-width: 660px;
	max-width: 1060px;
	background: transparent url(../images/bg-border.gif) repeat-x bottom;
	}
	#left {
	background: transparent url(../images/bg-fade.gif) no-repeat bottom left;
	margin: 0px;
	padding: 0px;
	}
	#right {
	background: transparent url(../images/bg-fade.gif) no-repeat bottom right;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 8%;
	}
	#footer {
	font-size: 10px;
	padding: 35px 10px 10px 0px; 
	margin: 0px;
	clear: both;
	text-align: left;
	}
	#banner {
	height: 169px;
	}
	.banner {
	display: block;
	height: 169px;
	width: 99%;
	margin: 0px auto 10px auto;
	}
	#main {
	text-align: left;
	padding-left: 6%;
	}
	#content {
	float: left;
	width: 42%;
	clear: left;
	margin-right: 20px;
	color: #d5d5d5;
	}
	#portfolio {
	float: left;
	width: 42%;
	clear: left;
	margin-right: 20px;
	color: #d5d5d5;
	height: 460px;
	min-width: 300px;
	max-width: 560px;
	}
	#text {
	border: 1px solid #98888c;
	background-color: #000;
	-moz-opacity:0.75;
	filter: alpha(opacity=75);
	opacity: 0.75;
	padding: 8px 28px 18px 0px;
	clear: left;
	}
	#thumbs {
	margin: 0px;
	float: left;
	width: 54%;
	height: 420px;
	overflow: auto;
	}
	#highlight {
	position: absolute;
	width: 420px;
	height: 420px;
	margin-left: 23%;
	margin-top: 10px;
	}


/*   LINK TAGS   */
a:link, a:visited {
	white-space:nowrap;
	color: #b4d358;
	text-decoration: none;
	}
	a:hover, a:active {
	color: #5299a6;
	text-decoration: underline;
	}	
a.thumb:link, a.thumb:visited {
	color: #b2bf5b !important;
	text-decoration: none;
	}
	a.thumb:hover, a.thumb:active {
	text-decoration: underline;
	}	
	#footer a, #footer a:link, #footer a:visited {
	color: #636b2c;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	}
	#footer a:hover, #footer a:active {
	color: #2a7b8a;
	text-decoration: none;
	}
	#footer a.on, #footer a.on:link, #footer a.on:visited, #footer a.on:hover, #footer a.on:active {
	color: #41262b;
	text-decoration: none;
	cursor: default;
	}
li a {
	text-transform: uppercase;
	}

/*   NAVIGATION   */
#navigation {
	margin: 0px;
	padding: 4px 7px 4px 10px;
	text-align: center;
	font-size: 13px !important;
	line-height: 23px !important;
	font-weight: bold;
	letter-spacing: 1px;
	border-top: 3px solid #859191;
	border-left: 3px solid #859191;
	border-right: 3px solid #859191;
	background: #f0f2f2 url(../images/bg-nav.gif);
	text-align: left;
	color: #27535d;
	text-shadow: #745145 0px 0px 3px;
	}
.button {
	padding: 0px 2px;
	margin: 0px 0px;
	text-transform: uppercase;
	}
	 a.button:link,  a.button:visited {
	color: #060708;
	text-decoration: underline;
	}
	 a.button:hover,  a.button:active {
	color: #348594;
	text-decoration: none;
	text-shadow: #999 0px 0px 3px;
	}
	 a#on,  a#on:link,  a#on:hover {
	color: #502822 !important;
	text-decoration: none;
	cursor: default !important;
	text-shadow: #745145 0px 0px 2px;
	}

/*   FONT TAGS   */
h1 {
	font-weight: normal;
	font-size: 48px;
	color: #425684;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	white-space: nowrap;
	text-transform: uppercase;
	}
h2 {
	font-weight: bold;
	font-size: 14px;
	color: #f3f5f5;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-family: Verdana, Myriad, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-transform: uppercase;
	clear:right;
	}
h3 {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #425684;
	margin: 5px 80px 0px 18px;
	padding: 0px;
	}
h4, h3 small {
	clear: left;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #c5b6bb;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}
h3 small {
	white-space:nowrap;
	font-size: 15px;
	margin-bottom: 0px;
	}
	form h4 {
	margin: -5px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	}
h5 {
	background: transparent url(../images/dna.gif) no-repeat top left;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #8d4688;
	margin: 10px 0px 8px 5px;
	padding: 15px 0px 10px 45px;
	letter-spacing: -1px;
	}
span#footer {
	display:block;
	font-weight: normal;
	font-size: 10px;
	color: #515657;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	}
p {
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	margin: 0px 0px 8px 25px;
	padding: 5px 0px 0px 0px;
	}
blockquote {
	font-weight: normal;
	font-size: 13px;
	line-height: 12px;
	margin: 0px;
	color: #346562;
	padding: 0px 30px 15px 40px;
	letter-spacing: 0px;
	text-transform: capitalize;
	}
blockquote small {
	font-size: 10px;
	padding-top: 5px;
	text-align: right;
	display:block;
	color: #68a380;
	}
ul {
	list-style-image: url(../images/ul.gif);
	font-size: 12px;
	margin:  -5px 0px 0px 0px;
	}
li {
	color: #cdcdcd;
	margin:  0px 0px 8px 0px;
	}


/*   THUMBNAILS   */
.thumb {
	display: block;
	float:left;
	display: inline-block; 
	font-weight: bold;
	margin-right: 3px;
	}
	a.thumb:hover, a.thumb:hover span {
	color: #91bfc8 !important;
	cursor: pointer;
	}
	.thumb span{
	text-align: left;
	display: block;
	clear:left;
	padding: 3px 5px 8px 5px;
	font-size: 11px;
	white-space: nowrap;
	}
	.thumb img {
	width: 128px;
	height: 80px;
	border:3px solid #ccc;
	margin: 5px 5px 0px 5px;
	float: left;
	}
	.thumb:hover img {
	border:3px solid #fff;
	cursor: pointer;
	}
acronym {
	text-decoration: underline;
	font-style: normal;
	outline: none;
	cursor: help;
	}
	acronym:hover {
	text-decoration: none;
	}
dl {
	padding-left: 20px;
	}
dt {
	color: #8d4688;
	text-transform: uppercase;
	font-size: 13px;
	margin: 13px 0px 3px 0px;
	}
dfn {
	color: #fff !important;
	text-transform: none;
	font-style:normal;
	}
dfn span {
	display:block;
	line-height: 15px;
	padding: 5px 0px 0px 0px;
	font-weight: normal;
	color: #fff;
	font-size: 12px !important;
	margin: 0px 3px 0px 8px;
	}
dfn span strong {
	letter-spacing: -1px;
	font-size: 15px !important;
	margin: 8px 0px 3px 0px;
	font-weight: normal;
	}
dfn span big {
	font-weight: bold;
	font-size: 13px;
	display:block;
	padding: 13px 10px 0px 5px;
	margin-right: -40px;
	margin-top: 8px;
	}
.launch {
	white-space: nowrap;
	background: #050202;
	padding: 3px 8px; 
	border: 1px solid #201717;
	font-size: 12px;
	text-transform: uppercase;
	}
.launch:hover {
	text-decoration: none;
	border: 1px solid #5f365f;
	}
	.pagination {
	margin: 10px 20px 0px 20px;
	}




/*   FORMS   */
fieldset, legend {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	}
#form {	
	padding-left:10px;
	margin-left: 5px;
	padding-bottom: 10px;
	}
	#form form {	
	text-align:left;
	width:100%;
	}
	form div span {	
	width: 150px;
	display: block;
	float: left;
	}
	form div  {	
	clear:right;
	display: block;
	}
	label {	
	width: 150px;
	display: block;
	text-align:left;
	clear:left;
	margin: 8px 0px 0px 0px;
	}
	input, textarea, select {	
	margin: 0px 5px 10px 5px;
	clear:right;
	color: #ccc;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	}
	input {
	padding: 3px;
	margin-top: 3px;
	background-color: #050202;
	border-width: 2px;
	border-style: solid;
	border-color: #2e4259 !important;
	outline-width: 0px;
	outline-style: none;
	outline-color: #441616 !important;
	}
	#form input {
	border-color: #2e4259 !important;
	}
	#button, textarea, select{
	padding: 3px 6px 0px 8px;
	color: #2e4259;
    border-top:1px solid #2e4259;
    border-left:1px solid #2e4259;
    border-right:1px solid #2e4259;
    border-bottom:1px solid #2e4259;
    background-color: #000;
	-moz-opacity:0.75;
	filter: alpha(opacity=75);
	opacity: 0.75;
	}	
	.google input, select {
	background-color: #050202;
	border-width: 1px;
	border-color: #444 !important;
	}
	form textarea {
	font-family: Verdana, Myriad, Arial, Helvetica, sans-serif;
	border-width: 2px;
	margin-bottom: 10px;
	padding: 3px 5px 3px 5px;
	color: #fff;
	}	
	#general #button {
	margin: 0px 5px 0px 5px;
	background-color: #050202;
	text-transform: uppercase;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #2e4259 !important;
	color: #b4d358;
	letter-spacing: 0px;
	padding: 3px 7px 4px 9px;
	}
	#button:hover, #form #button:hover {	
	border-color: #000 !important;
	background-color: #201717;
	color: #5299a6 !important;
	cursor:pointer;
	}
	input.button {
	visibility: hidden;
	}	
	span.button {
	border: none;
	background-color: transparent;
	margin: 0px 20% 15px 5px;
 	clear:both;
	display: block;
	float:right;
	width:130px;
	height:22px;
	}	
	span.button:hover {
	cursor:pointer;
	}
.validation-advice {
	margin: -5px 0px 0px 10px;
	padding: 0px;
	color : #ef81dc;
	font-weight: bold;
}