/* ---------------------------------------------------------

	1.	GLOBAL STYLES		
	2. 	TYPOGRAPHY									
	3.	DIV CONTAINERS																					
	4.	HEADER	
	5.	CONTENT STYLES										
	6.	NAVIGATION
	7.	FORMS / TABLES							

-----------------------------------------------------------	*/



/* ---------------------------------------------------------
	1.	GLOBAL STYLES												
-----------------------------------------------------------	*/

html, body {
	font				: 11px tahoma, arial, verdana, sans-serif;
	color				: #000;
	text-align			: center;
	line-height			: 14px;
}

html, body {
	height				: 100%;
}

body.table {
	background 			: none;
	background-color 	: #FFF;
}

* { 
	padding				: 0; 
	margin				: 0;
}

a img, img a {
	border				: none;
}

.left {
	float				: left
}

.right {
	float				: right
}

.clear {
	clear				: both;
}

.list {
	list-style-type		: none;
}

.list li a, .list li a:active, .list li a:visited {
	font-size			: 11px;
	font-weight			: bold;
	line-height			: 20px;
	padding-left		: 20px;
	color				: #07276C;
}

.list li a:hover {
	color				: #FFF;
}

.btn {
	position			: absolute;
	right				: 20px;
	bottom				: 10px;
}

a, a:visited, a:active {
	color				: #07276C;
	text-decoration		: underline;
}

a:hover {
	color				: #397694
}




/* ---------------------------------------------------------
	2.	TYPOGRAPHY											
-----------------------------------------------------------	*/

p {
	margin-bottom		: 15px;
}

h1 {
	margin-bottom		: 10px;
	color				: #000;
}


h3 {
	color				: #000;
	font-size			: 11px;
	margin-bottom		: 5px;
}

h2 {
	margin-bottom		: 5px;
	font-size			: 15px;
}
	
	
	
/* ---------------------------------------------------------
	3.	DIV CONTAINERS								
-----------------------------------------------------------	*/	

#container {
	width				: 600px;
	margin				: 0 auto 0 auto;
	text-align			: left;
	position			: relative;
}

#content {
	width				: 600px;
	float				: left;
	z-index				: 3
}

#content_mid {
	width				: 600px;
	float				: left;
}

#content_side {
	display				: none;
}



/* ---------------------------------------------------------
	4.	HEADER								
-----------------------------------------------------------	*/	
	
.navcontainer {
	display				: none;
}

	
/* ---------------------------------------------------------
	5.	CONTENT	STYLES	
-----------------------------------------------------------	*/	

/* Panel Intro */

.panel_intro {
	width				: 600px;
	position			: relative;
	float				: left;
}

.panel_intro .bot_lt, .panel_intro .bot_rt {
	display: none}
	
.panel_intro .content {
	float: left;
	width: 320px;
}


/* Panel Entry */

.panel_entry {
	width				: 600px;
	float				: left;
	margin-bottom		: 20px;
}

.panel_entry .img{
	width				: 145px;
	float				: left;
	padding				: 15px 0 10px 15px;
}

.panel_entry .content {
	width				: 360px;
	float				: left;
	padding-top			: 3px;
}

.panel_entry .btm {
	display: none;
}

.panel_entry .btm .btnC1 {
	position			: absolute;
	left				: 10px;
	top					: 5px;
}

.panel_entry .btm .btnC2 {
	position			: absolute;
	left				: 160px;
	top					: 5px;
}

.panel_entry .content h3 {margin-bottom: 10px;}



/* Homepage Features */

.panel_features .feature {
	width				: 200px;
	padding				: 10px 10px 0 10px;
	float				: left;
	position			: relative;
	margin-right		: 25px;
	margin-top			: 20px;
}

.panel_features  .btm {
	width				: 220px;
	height				: 7px;
	position			: absolute; 
	left				: 0;
	bottom				: 0;
}

.panel_features .feature img {
	margin				: -10px -10px 0 -10px;
}



/* Panel Products */

.panel_products .product {
	width				: 147px;
	padding				: 0 10px 0 10px;
	margin-right		: 13px;
	float				: left;
	position			: relative;
}

.panel_products .product img {
	margin				: 0 -10px 0 -10px;
}

.panel_products .product .btm {
	width				: 167px;
	height				: 7px;
	position			: absolute; 
	left				: 0;
	bottom				: 0;
}
	
.pop_img {
	padding				: 20px;
	background-color	: #FFF
}

.pop_img img {
	padding-bottom		: 20px
}



/* ---------------------------------------------------------
	9.	FOOTER								
-----------------------------------------------------------	*/	
#footer {
	display: none;}
	
	
	
/* ---------------------------------------------------------
	7.	FORMS / TABLES						
-----------------------------------------------------------	*/	

.info {
	width				: 520px; 
	padding-bottom		: 20px;
	text-align			: left; 
	background-color	: #FFF; 
	padding				: 10px
}

.info h1{padding: 10px; font-size: 18px; text-align: center}

.info a {float: right; display: block; padding: 0 20px 20px 0}
.R1 {background-color: #FFF;}
.R2 {background-color: #9DD4FF;}
.C1 {width: 200px; padding: 3px 0 3px 10px}
.C2 {width: 150px; text-align: center; padding: 3px 0 3px 0}
.C3 {width: 150px; text-align: center; padding: 3px 10px 3px 0}


input, select{
	display				: block;
	width				: 240px;
	float				: left;
	margin				: 0 2px 7px 0;
	font 				: 11px verdana, sans-serif;	
	padding				: 2px;
	border				: 1px solid #7BB7F0;
}

select {
	padding				: 0;
	width				: 245px;
	border				: 1px solid #7BB7F0;
}

label {
	display				: block;
	width				: 150px;
	padding-right		: 20px;
	float				: left;
	font-weight			: bold;
}

textarea {	
	width				: 240px;
	float				: left;
	border				: 1px solid #7BB7F0;
	padding				: 2px;
	font 				: 11px verdana, sans-serif;	
}

.checkbox {
	width				: 20px;
	height				: 15px;
	border				: none;
}

form .button {
	width				: 100px;	
	background-color	: #9DD4FF;
	cursor				: pointer;
}