@charset "UTF-8";

/* static START */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,blockquote,p,fieldset {
	margin:0;
	padding:0;
}


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 5px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #2f4f77;
}

/* TYPOGRAPHY */

/*
	TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { margin: 0 0 5px 0; font-weight: normal; line-height: 1.5; }
h1, h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 100; }
h1 { font-size: 42px; text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc; font-weight: 100; text-transform: uppercase; }
.giant { font-size: 90px; }
h2 { font-size: 26px; color: #647484; text-shadow: 1px 1px 0 #d7ddf2, 2px 2px 0 #d7ddf2; text-transform: uppercase; letter-spacing: 5px; }
h2 em { font: italic 24px Baskerville, Georgia, Serif; letter-spacing: 0; color: black; text-transform: none; }
h3 { font-size: 22px; background: #647484; color: white; padding: 0 0 0 20px; }
h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 3px; }
h5 { font-size: 14px; line-height: 1.5; }
a { text-decoration: none; color: #647484; }
a img { border: 0; }
.zoomer:active { top: 0; }
.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

h1 a, h2, h4 a, h5 a { color: black; display: block; }
h3 a { color: white; }
a:hover, a:focus { text-decoration: underline; }
a:active { position: relative; top: 1px; }
p { margin: 0 0 10px 0; }
blockquote { padding: 0 0 0 15px; margin: 0 0 15px 0; font-style: italic; color: #666; }
ul, ol { margin: 0 0 15px 15px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
.button { background-image: -moz-linear-gradient(top, #6b7886, #3b4f63); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6b7886),color-stop(1, #3b4f63)); padding: 5px 15px; -moz-border-radius: 20px; color: white; font-weight: normal !important; text-transform: uppercase; border: 2px solid white !important; -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; }
.button:hover { background-image: none; background-color: #6b7886; -moz-box-shadow: 0px 0px 2px #999; text-decoration: none !important; }

#container {
	width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #8b6984;
	text-align: left;
	padding: 1px;
	position: relative;
}

#indexpicture {
	margin-top: -15px;
	height: 155px;
}

#header {
	width: 100%;
	position: relative;
	height:150px;
	
}

#headerlogo {
	position: absolute;
}

#headersamples {
	position: absolute;
	left:450px;
}

#mainContentspecific {
	position: relative;
	padding: 0px;
	background: white;
	margin: 0 auto;
	clear: both;
	font-size: small;
	font-weight: 600;
}

#mainContentspecificIndex {
	position: relative;
	padding: 1px;
	background-image:url(images/woven-background.png);
	margin: 0 auto;
	clear: both;
	font-size: small;
}

#businessnotes {
	clear: both;
	width: 60em;
	position: relative;
	margin: 0 auto;
	top: 300em;
	padding: 5px;
	text-align: left;
}

.backgroundwhite {
	background-color: #FFFFFF;

}

a:link, a:visited  a: hover {
	text-decoration: none;
	color: #0033CC;
}

#reachslideshow {
	background: transparent;
	text-align: center;
	top: 0;
	width: 50em;
}

#navlinks li {
	display: inline;
	list-style: none;
	padding: 1em;
}

#navigation {
	position: relative;
	float: left;
	top: 0;
	width: 100%;
	margin: 0 auto;
	height: 35px;
	text-align: center;
	clear: both;
	background-color: #3F66DA;
	border-top: 5px solid #8b6984;
}

#sprybar_reach {

	text-align: center;
	margin-left: 3em;
}

#navigation a:link, a:visited, a:hover {
	color: #F0EAB7;
}

#navigationlist li {
	display: inline;
	list-style-type: none;
	border-right: white 2px solid;
 	padding: 0 1em 0 1em;
	color: #F0EAB7;
	font-weight: bolder;
	font-size: smaller;
}

ul.navigationlist li {
	display: inline;
}

#navlast {
	border-right: none;
	font-size: large;
}

li.navlast {
	border-right: none;
}

#navnote {
	width: 10em;
	border: #000099;
	background-color: #666666;
	text-align: center;
}

#footer {
	position: relative;
	padding: 1px;
	background:#3F66DA;
	font-size: x-small;
	clear: left;
	text-align: center;
	text-transform: uppercase;
	/* color: #663333; */
	color: #F0EAB7;
	border-top: 3px solid #8b6984;
}

#extraproducts {
	clear: both;
}

#extraproducts a:link, a:visited, a:hover {
	color: #0000FF;
}


<!-- Miscellaneous declarations -->

#sitesearch {
	position: relative;
	top: 300px;
	font-size: x-small;
	font-weight: bold;
}




#computerbackupvail {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: #F0EAB7 solid 1px;
	width: 125px;
	height: 250px;
	font-size: small;
	overflow: hidden;
	padding: 1px;
	float: left;
	text-align: center;

}

#dellcomputervail {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: blue solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	float: left;
	font-size: small;
	text-align:center;

}

#apple_computer_vail_colorado {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: blue solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	float: left;
	font-size: small;
	text-align:center;

}

#dell_business_computer_vail {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: blue solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	float: left;
	font-size: small;
	text-align:center;

}


#computer_memory_vail {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: #F0EAB7 solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	font-size: small;
	float: left;
	text-align: center;

}

#computer_parts_vail {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: blue solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	float: left;
	font-size: small;
	text-align: center;

}

#virusprotectionvail {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: #F0EAB7 solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	font-size: small;
	float: left;
	text-align: center;

}

#web_site_vail_colorado {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: blue solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	font-size: small;
	float: left;
	text-align: center;

}

#quickboooks_pro_vail_colorado {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: #F0EAB7 solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	font-size: small;
	float: left;
	text-align: center;

}

#laptop_battery_vail_colorado {
	position: relative;
	top: 0px;
	margin: 0px .5em 0px .5em;
	border: #F0EAB7 solid 1px;
	width: 125px;
	height: 250px;
	overflow: hidden;
	padding: 1px;
	font-size: small;
	float: left;
	text-align: center;

}



.clearfloat {
	clear: both;
}