/* COLOR GUIDE */
/* 
Deep Blue	rgb(19,72,119) or #134875
Lime Green	rgb(111,191,78) or #6FBF4E
*/
/********  L A Y O U T  *********/

body {
	margin:0;
	padding:0;
	overflow-x: hidden;	/* prevents bottom scroll bars in IE*/
	width: 100%;		/* prevents bottom scroll bars in IE*/
 	}
#header, #container, #footer {
	position:relative;
	width:760px;
	margin:24px auto;
}
#content	{	}
#col2	{
	float:right;
	width:320px;
}
#col2 img	{
	padding:0px;
	border:1px solid #999;
}
#headshot img	{
	padding:10px;
	border:1px solid #999;
}
#col1	{
	float:left;
	width:400px;
}

#footer_container	{
	clear:both;
	position:relative;
	margin:12px 0px 0px 0px;
	border-top:1px solid #999;
	padding:0;
	width:100%;
	background:#70BF4F url(/images/green-gradient_bg.jpg) repeat-x;
}
div.slideshow, div.feature	{
	width:760px;
	height:240px;
	padding:0px;
	margin:12px 0px;
}
.slideshow div, .feature div	{
	width:712px;
	height:192px;
	padding:24px;	
	margin:0 auto;
	top:0;
	left:0;
	border:1px solid #999;	
}
div#network_troubleshooting	{
	background:transparent url(/images/servers.jpg) no-repeat bottom right;
}

div.testimonials	{
	position:relative;
	float:left;
	width:400px;
	clear:both;
	padding:0px;
	margin:12px 24px 24px 0px;
	border-top:1px solid #ccc;
}
body#index div.testimonials	{
	border:0px;
	width:476px;	
	}
body#latest div.testimonials, body#services div.testimonials, body#contact div.testimonials	{
	width:300px;
	}
body#contact div.testimonials	{
		border:0;
		}	
div.get_in_touch {
	position:relative;
	float:right;
	width:300px;;
	padding:12px;
	margin:24px auto;
}
body#index div.get_in_touch	{
	width:236px;
}	
p.below_footer	{
	position:relative;
	width:760px;
	clear:left;
	margin:12px auto 0px auto;
	font:normal 12px/1.4 verdana, helvetica, arial, sans-serif;
	text-align:right;
}
/************** TEXT ELEMENTS **************/
/* FONT STACKS */
/* Times New Roman-based serif stack:	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* Georgia-based serif stack:			font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
/* Garamond-based serif stack:		font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
/* Helvetica/Arial-based sans serif stack:	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
/* Verdana-based sans serif stack:		font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
/* Trebuchet-based sans serif stack:		font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
/* Impact sans serif stack:			font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
/* Monospace stack:				font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
*/
body, textarea{font-size:100%;}	
body, textarea{line-height:23px;	font-family:Verdana, Helvetica, Arial, sans-serif;; }
pre, code, tt {line-height:19px;	font-family:"Andale Mono", "Courier New", monospace; } /* IE will likely need a different line-height  */

h1, h2, h3, h4, h5, h6	{
	color:#111111;
	
} /* Header Color  */
p{} /* Text Color E2R recomends #111 - #444 */

h1 {font-weight:bold;	font-size:24px;	margin:8px 0px;	line-height:1.4;}
h2 {font-weight:bold;	font-size:18px;	margin:0;	line-height:1.4;}
h3 {font-weight:bold;	font-size:16px;	margin:0;}
h4 {font-weight:bold;	font-size:14px;	margin:0;}
h5 {font-weight:bold;	font-size:12px;	margin:0;}
h6 {font-weight:normal;	font-size:11px;	margin:0; font-variant:small-caps; letter-spacing:.8px;}
p, td  {font-weight:normal;	font-size:12px;	margin:11px 0 12px 0; } /* e.g. baseline split between top and bottom */
span	{font-weight:normal; font-size:12px;}

pre, code, tt	{font-size:16px;}
pre 	{white-space:pre;}

small{font-size:12px;}
strong{font-weight:bold;}
sup, sub{line-height:0;}

abbr, acronym {}
address {}
blockquote {}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
del{}
dfn	{}
dd {}
dl {}
dt{}
em	{}
hr{width:100%; color:#000; background-color:#000;} /* background and color need to be the same for IE/FF cosistency */


/****************** LINKS *******************/
a, a:visited{ color:#134875; text-decoration:none;}
a:hover, a:active, a:focus { color:#6FBF4E; }
#footer_container a:hover , a:active, a:focus #footer_container { color:#134875; text-decoration:underline; }
a img	{border:0; text-decoration:none;}
/****************** FORMS *******************/
legend   {}
textarea {}
input, select, textarea {}
.wufoo label.desc	{
	font:bold 14px/1.4 verdana, helvetica, arial, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
}

fieldset {}
input, select, textarea {}
input:hover	{}
select:focus	{}
input:focus	{}
textarea:focus{}
button, button:visited		{
		background-color:#134875;
		width:100%;
		height:60px;
		color:#fff;
		font-weight:bold;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border:0;
		font:bold 12px/1.4 verdana, helvetica, arial;
		text-transform:uppercase;
		word-spacing:1px;		
	}
button:hover, button:active, button:focus	{
		background-color:#6FBF4E;
		cursor:pointer;
}

/****************** LISTS *******************/
ul, ol {}
li  ul, ol ol,ul ul ,ol ul,ul ol {}

ol > li {} /* i.e. list-style-type:decimal */
ul > li {}
li {}

/*
ul.service_list {
	margin:24px auto;
}
ul.service_list li {
	position:realtive;
	list-style-type:none;
	display:inline;
	float:left;
	width:154px;
	height:120px;
	margin-right:12px;
	padding:12px;
	background-color:#0E4875;
	color:#fff;
}
ul.service_list li:hover	{
	background-color:#70BF4F;
}
*/
div#nav_container	{
	position:relative;
	float:right;
	margin-top:8px;	
}
/*ul.nav	{
	position:relative;
	float:right;
	margin-top:40px;
	}*/
ul.nav li	{
	list-style:none;
	display:inline;
	margin-left:24px;
	color:#0E4875;
	font:bold 14px/1.4 verdana, helvetica, arial, sans-serif;
	text-transform:uppercase;
	}
body#services ul.nav li#services a,
body#about ul.nav li#about a,
body#latest ul.nav li#latest a,
body#contact ul.nav li#contact a	{
	color:#6FBF4E;
}
.services_label	{
	color:#111111;
	font:italic 11px/1.4 verdana, helvetica, arial, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
}
ul#footer li	{
	position:relative;
	display:inline;
	float:left;
	width:192px;
	padding:12px;
	margin:0px 12px;
	text-align:left;
	}
li.contact_us span	{
	display:block;
	}
table ul	{
	padding:0;
	margin:0;
}
table ul li	{
	list-style-position:inside;
	margin-left:2px;
}
	
/****************** TABLES *******************/
caption, th { }
tfoot {}
table, tr, td {
	border-collapse;collapse;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
td	{
	padding-right:3px;
}
tr.even td {}


/*** Table Layout ***/
table {}
table, tr, td  {}
caption, th, td, tr, tbody, thead, tfoot {}


/************ COMMON CLASSES *************/
.alignleft	{text-align:left;}
.alignright	{text-align:right;}
.centered	{text-align:center; margin:0 auto;}
.floatleft	{float:left;}
.floatright	{float:right;}
.hidden		{display:none;}
.highlight	{background-color:#ff0;} /* use in em/strong tag*/
.success	{}
.error {}
.quiet {} /* color:#ddd - #555 */
.small{}
.tiny{}

.rounded {
  border: 4px solid #000;
  -moz-border-radius: 20px;
  -webkit-border-radius:20px;
}



/*****************  EXCEPTIONS ******************/

div.testimonials p.attribution	{
	text-align:right;
	margin:0;
	padding:0;
}
div.rss-box	{
	margin:0;
	padding:0;
}
ul.rss-items	{
	margin:0;
	padding:0;
}
li.rss-item	{
	font:normal 12px/24px verdana, helvetica, arial;
	list-style-type:disc;
	margin:4px 0;
}


.wufoo div.info	{display:none;}
/*****************  D E B U G  ******************/

/* body {background: transparent url(grid.png) repeat scroll 0 0; }   /*  Sets up Grid for verifying horizontal rule   */


