@charset "utf-8";
/* CSS Document */
html, body {
				height: 100%;}
				
body { 			background:#E2E2E2 url("../images/codeweb-logo-bg.png") center 136px fixed no-repeat;
				color:#024e6b;
				font:62.5%/1.6 Tahoma, Arial, "MS Sans Serif", Geneva, sans-serif;}
	
#topcap {		background: url("../images/header-bg.png") center top repeat-x;
				height:109px;
				width:100%;}

#container {	background:transparent url("../images/page-bg.png") repeat-y;
				width:960px;
				min-height: 100%;
				position: relative;
				margin:-109px auto -189px auto;}
	
#content {		position: relative;
				padding:26px;
				font-size:1.1em;}
								
.slides img{ 	float:left;}

h2 {			font-size:1.7em;
				color:#00AEEF;
				text-shadow: 0 1px 1px #fff;}
				
p{				margin:0 0 1.6em;}
				
.slides ul li p {
				width: 360px;
				float:right;
				margin:0 109px 1.6em 0}
	
#header {		position:relative;
				background: url("../images/header.jpg");
				height:109px;
				width:960px;
				top:0;
				z-index:19;}

#about {		position:relative;
				width:640px;
				height:360px;
				margin: 20px 0 0 0;
				padding:10px;
				float:right;
				clear:both;
				background: #eee url("../images/John.jpg") 425px 40px no-repeat;;
				border: 1px solid #cacaca;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;}

#about p {		width:400px;}

#sorry {		position:absolute;
				top:26px;
				left:625px;
				width:299px;
				height:80px;
				background:transparent url("../images/sorry.png") no-repeat;
				z-index:999;
				}
				
.clearfooter {	height:189px;
				clear: both;}

#footer {		position:relative;
				background: url("../images/footer.jpg") 0 0px;
				height:189px;
				width:960px;
				z-index:10;
				margin:0 auto;}
				
#footer #logo{	
				position:absolute;
				top:136px;
				left:435px;}
	
#bottomcap {	position:relative;
				background: url("../images/footer-bg.png") center top repeat-x;
				height:118px;
				margin-top:-118px;
				width:100%;}
	
h1#logo {		position:absolute;
				top:18px;
				left:26px;}
				
/*************************************************************************************
	panel slide: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html 
*************************************************************************************/
#panel-container{position:absolute;
				top:109px;
				right:22px;
				z-index:990;}

#panel {		display: none;				
				width:320px; 
				height:320px;
				padding: 0 0 9px 9px;
				z-index:999;}
/*** none for IE6 ***/
* html panel {	background:none}	
	
#panel-inner {	margin-top:0px; 
				height:320px;
				padding:4px;
				background: #00AEEF;
				color:#fff;
				border:1px solid #fff; 
				border-width:0 0 1px 1px;
				z-index:999;}
				
#slide {		position:relative;
				display: block;
				right:0px;
				width:329px;
				background:url(../images/btn-slide.png) no-repeat center top;
				z-index:997;
}
a.panel-slide {	background: url(../images/slide-arrow.png) no-repeat 130px -53px;
				text-align: center;
				width: 144px;
				height: 31px;
				padding: 5px 10px 0 0;
				margin: 0 auto;
				display: block;
				font: bold 120%/100% Arial, Helvetica, sans-serif;
				color: #fff;
				text-decoration: none;
				z-index:998;
}
a.panel-slide.active {
				background-position: 130px 6px;
}

/* Form Styles */
h1.form, h1.success {font-size:1.7em; margin-bottom:0.167em;color:#fff;text-shadow: 0 1px 1px #888;}
p.form, p.success{font-size:1.1em;margin-bottom:1.5em;}
a.form {color:#333;}
.clearing {		clear:both;}
.alert, .error {color:#fff;}
ol.form {		float:left;list-style:none;padding:4px;width:290px;}
ol.form li {	clear:left;float:left;line-height:1.5em;margin-bottom:0.5em;width:100%;}
ol.form label {	cursor:pointer;display:block;float:left;font-size:1.2em;line-height:1.5em;padding-right:1%;text-align:right;width:65px;}
ol.form input {	width:190px; border:1px solid #024e6b;}
ol.form textarea {height:150px;width:190px;font:1.1em/1.5 Tahoma, Arial, Helvetica, sans-serif;border:1px solid #024e6b;}
ol.form .error {	margin:4px 0 0 4px;}
ol.form li.buttons {padding-left:11%;width:89%;}
	li.buttons button{background:#fff;color:#00ADEF;border:1px solid #000;font-weight:bold;}
ol.form li.hidden {display:none;}




/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
				width: 910px;
				background-color: #eee;
				border: 1px solid #ddd;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;}

#slideshow ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				height: 1%; /* IE fix */}

#slideshow ul:after {
				content: ".";
				clear: both;
				display: block;
				height: 0;
				visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
				overflow: hidden;
				width: 910px;}

#slideshow .slides ul {
/* total width of all slides -
910px multiplied by 19 in this case */
				width: 17290px;}

#slideshow .slides li {
				width: 870px;
				float: left;
				padding: 20px;}
				
#slideshow .slides h2 {
				margin-top: 30px;}

#slideshow .slides a {
				color:#00AEEF;
				}
#slideshow .slides a:hover {
				border-bottom: 1px dotted #00AEEF;}

#slideshow .slides a[href^="http:"]{
				background: url("../images/tab_go.png") no-repeat right bottom;
				padding:0 20px 0 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
				background-color: #ddd;
				border-top: 2px solid #fff;}

#slideshow .slides-nav li {
				float: left;
				/*-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;*/}

#slideshow .slides-nav li a {
				display: block;
				padding: 8px 6px;
				outline: none;}
#slideshow .slides-nav li a:hover {
				background-color:#fff;
				border-right: 0px solid #ccc; 
				border-top:none;
				margin:0px;
				}
				
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
				background-color: #eee;}

.js #slideshow .slides-nav li.on a {
				position: relative;
				top: -2px;}



/****************************************
	News Feeds
****************************************/
#news_container {
				float:left;
				padding:0 0px;}

.feed_box {		width: 220px;}

.feed_content{	height:360px;
				margin: 20px 0px;
				padding:10px;
				background: #eee;
				border: 1px solid #cacaca;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;}

.feed_content h2 {	
				font-size:13px; 
				color:#00AEEF;
				margin: 0 0 10px 0;}

.feed_content img {	
				float: left;
				margin: 2px 4px 2px 0;
				width: 16px;
				height: 16px;}
.feed_content li {
				font-size: 11px;
				margin:0 0 9px;
				}
.feed_content li a{
				color: #555;
				text-decoration:none;}
.feed_content li a:hover {
				color: #222;
				border-bottom: 1px dotted #333;}
/*#facebox, #facebox_overlay{display:none !important}*/