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

	Reliable Networks, Inc
	
	version:   1.0
	date:      08/15/07
	author:    [Martin Olson @ innertwined]
	email:     [info@innertwined.com]
	
	website:   [www.reliablenetworks.com]
	
	version history: [1.0]

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


/* ----------------------------------------------------------------------------
	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("navigation.css");


/* ----------------------------------------------------------------------------
	Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0 auto;
	padding: 0;
	}
	
* :focus {
	outline: 0;
	}
	

/* ----------------------------------------------------------------------------
	Styles
-----------------------------------------------------------------------------*/

.clearall {
	clear:both;
	margin: 0;
	padding: 0;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

/* ----------------------------------------------------------------------------
	Setup
-----------------------------------------------------------------------------*/

/* 	assets

	//	Colors
		Background	#003f5e
	
	
	// 	Font 
		Dark Gray 		#374e5a
		Lt Blue/Gray	#586f7a
		Dark Blue		#003f5e
		Blue			#0f6cb6
		
*/


body {
	background: #003f5e;
	margin: 40px auto;
	text-align: center
	}
	
#wrapper {
	width: 910px;
	background: #fff url(../img/wrap_border.gif) top center repeat-y;
	/* global text */
	font: 100 12px/1.5em Arial, Helvetica, sans-serif;
	color: #374e5a;
	}
	
.refer {
	width: 910px;
	font: 100 10px/2.2em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	}
	
.refer img { float: right; margin: auto 10px; }
	
.wraptop { background: #fff url(../img/wrap_border_top.gif) top center no-repeat; height: 10px; min_height: 10px; }
.wrapbtm { background: #fff url(../img/wrap_border_btm.gif) bottom center no-repeat; height: 10px; min_height: 10px; }

#container {
	/* empty */
	}
	
.header {
	padding: 20px 20px 30px ;
	}
	
.header #logo {
	float: left;
	margin-left: 30px;
	}
	
#ani a {
	width: 395px;
	float: left;
	margin-left: 20px;
	background: url(../img/home_mouse.jpg) top left no-repeat;
	}
	
#ani a:hover {
	background: url(../img/home_mouse.jpg) bottom left no-repeat;
	}
	
#home {
	margin: 5px 0 50px 0;
	padding: 20px 0 20px 40px;
	background: url(../img/content_edge.gif) top left no-repeat;
	text-align: left;
	width: 410px;
	float: left;
	}

#content {
	margin: 5px 30px 30px 50px;
	padding: 20px 0 20px 40px;
	background: url(../img/content_edge.gif) top left no-repeat;
	text-align: left;
	}
	
#content ul {
	margin: 0 45px 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 200px;
	}

#content ul.last {
	margin-left: 0;
	}
	
#content ul li {
	font-size: 95%;
	padding: 2px 0 2px 10px;
	color: #325567;
	background: url(../img/icon_bullet.gif) top left no-repeat;
	}
	
#content ul#checklist {
	margin: 0 55px 10px 15px;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 420px;
	}
	
#content ul#checklist li {
	font-size: 100%;
	padding: 10px;
	line-height: 1.8em;
	color: #325567;
	background: none;
	border-bottom: 1px solid #eaf6fb;
	}
	
#content ul#checklist li:hover {
	background: #eaf6fb;
	}
	
#content ul li.title {
	font-weight: 700;
	color: #0f6cb6;
	font-size: 110%;
	padding-bottom: 4px;
	padding-left: 0;
	line-height: 1.3em;
	background: none;
	}
	
#content p.intro, #home p.intro {
	font-size: 120%;
	line-height: 1.7em;
	color: #374e5a;
	}
	
#content p.intro span, #home p.intro span {
	border-bottom: 1px dotted #0f6cb6;
	padding-bottom: 2px;
	color: #0f6cb6;
	}
	
#content p.intro a {
	border-bottom: 1px dotted #0f6cb6;
	padding-bottom: 2px;
	color: #0f6cb6;
	text-decoration: none;
	}
	
#content p.intro a:hover {
	color: #d6df3d;
	border-bottom: 1px dotted #d6df3d;
	}
	
#content p, #content ul p {
	color: #374e5a;
	font-size: 95%;
	line-height: 1.4em;
	font-weight: 100;
	}
	
.callout {
	background: #d6df3d url(../img/h3_bkgArrow.gif) bottom center no-repeat;
	padding: 10px 0 25px;
	margin: 0 auto .5em;
	color: #003f5e;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	}
	
#footer {
	background: url(../img/footer_shade.gif) top left repeat-x;
	margin: 0 10px;
	padding: 8px 10px 2px;
	color: #586f7a;
	font-size: 90%;
	text-align: left;
	}
	
#footer .coa {
	float: right;
	font-weight: 700;
	color: #0f6cb6;
	}
	
#footer .coa span {
	font-size: 130%;
	margin-left: 5px;
	color: #003f5e;
	}
	
	
/* ----------------------------------------------------------------------------
	Typography
-----------------------------------------------------------------------------*/

h1 {
	font-weight: 700;
	display: block;
	font-size: 19px;
	line-height: 1.5em;
	margin: .2em auto .4em;
	color: #003f5e;
	text-transform: uppercase;
	letter-spacing: .5px;
	text-indent: -9999px;
	}
	
h1.services { background: url(../img/h1_services.gif) top left no-repeat; }
h1.packages { background: url(../img/h1_packages.gif) top left no-repeat; }
h1.green { background: url(../img/h1_green.gif) top left no-repeat; }
h1.contact { background: url(../img/h1_contact.gif) top left no-repeat; }
h1.help { background: url(../img/h1_help.gif) top left no-repeat; }


h2 {
	font-weight: 700;
	font-size: 15px;
	line-height: 2em;
	margin: 0 auto .4em;
	color: #003f5e;
	}

p {
	margin-bottom: 1em;
	}
	
#footer p {
	margin-bottom: 0;
	}
	
/* ----------------------------------------------------------------------------
	Forms
-----------------------------------------------------------------------------*/

#formWrap {margin: 0; float: left;}

label {
	position: absolute;
	width:100px;
	line-height: 1.8em;
	color: #374e5a;
	font-weight: 700;
}
input, textarea { margin-bottom: 5px; padding: 3px; margin-left: 100px; }
input.txtfield, textarea.txtfield { width: 350px; border-top: 1px solid #6c6c6c; border-left: 1px solid #6c6c6c; border-bottom: 1px solid #e4e4e2; border-right: 1px solid #e4e4e2; color: #374e5a; font-size: 12px;}
input.txtfieldReq { width: 350px; background: #eaf6fb; border-top: 1px solid #6c6c6c; border-left: 1px solid #6c6c6c; border-bottom: 1px solid #e4e4e2; border-right: 1px solid #e4e4e2; color: #374e5a; font-size: 12px;}
label.check, label.radio { }