

 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td {
	margin:0pt;
	padding:0pt;
}
 
body {
	padding: 0;
	background-image:url(images/MtSthelenWfox.jpg);
	background-repeat:no-repeat;
	background-color:#999999;
	width:1025px;
	height:auto;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:80.5%;
}

p {
	padding-top:10px;
	padding-right:15px;
	font-size:12px;
	z-index: 4;
	}
 
#TopNav {
	list-style-type: none;
	text-align: center;
	list-style-image: none;
	
	}
#wrapper #TopNav #whatdo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #666666;
	display: inline;
	list-style-image: none;
	list-style-type: none;
}
#wrapper #slider .scroll .scrollContainer #Internet #TopNav #whatdo {
	display: inline;
}
#slider .scroll .scrollContainer #internet #samples {
	clear: left;
	float: right;
}
#wrapper  #intro {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	padding-top: 10px;
}
 
#wrapper {
	width: 780px;
	height:auto;
	margin: 0 auto;
	clear: none;
	float: left;
	position:relative;
 
}
 
#intro {
	
}
 
h1 {
	margin: 30px 0 30px 0;
	height:57px;
	margin-bottom: 14px;
	padding: 0;
	text-indent: -1500px;
	background-image:url(images/masthead2.png);
	background-repeat:no-repeat;
	background-position: center;
}
 
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
	text-indent:-999px;
}
 
h3 {
	margin: 0;
	padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-position: center;
}
 
#slider {
	width: 600px;
	margin: 20px auto 0 150px;
	position: relative;
	/*background-position: center;*/
	clear: both;
	z-index: 5;
}
 
.scroll {
	height: 450px;
	width: 500px;
	overflow-x: hidden;
	position: relative;
	clear: left;
}
 
.scrollContainer div.panel {
	padding: 20px;
	height: 410px;
	width: 465px;
	background-image:url(images/main.png);
	background-repeat:no-repeat;
	background-position: center;
	z-index: 2;	
}
 
div.panelsanstabs {
	padding: 20px;
	height: 410px;
	width: 460px;
	background-image:url(images/main.png);
	background-repeat:no-repeat;
	background-position: center;
	margin: 80px 140px 100px 160px;	
	
}
 
/*#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}*/
 
ul.navigation {
	font-size: 0.6em;
	color: #666666;
	height:auto;
	overflow:hidden;
}
 
ul.navigation li {
	display: block;
	width:83px;
	height: 30px;
	float:left;
	/*background-image:url(images/Tab.png);*/
 
	
	
}
 
ul.navigation a {
	display: block;
	width:83px;
	height:30px;
	text-decoration: none;
	text-indent:-999px;
}
 
ul.navigation a:hover {
	width:83px;
	height:30px;
/*	background-image:url(images/Tab-over.png);
	background-repeat: no-repeat;*/
}
 
ul.navigation a.selected {
	width:80px;
	height:30px;
	/*background-color: #fff;
	background-image:url(images/Tab-selected.png);
	background-repeat: no-repeat;*/
}
 
ul.navigation a:focus {
    outline: none;
/*	display: inline-block;*/
 
}
 
/*ul.navigation li {
	width:100px;
	height:40px;
	}*/
 
.scrollButtons {
    position: absolute;
    top: 50px;
    cursor: pointer;
}
 
.scrollButtons.left {
    left: -85px;
}
 
.scrollButtons.right {
    right: 30px;
}
 
.hide {
    display: none;
}
 
#myaddress {
background-image:url(images/locationBkgrnd.png);

position:absolute;
top:700px;
left:150px;
width:500px;
height:125px;
text-align:center;
}

#myaddress .address {
padding:15 0 0 0;
}
 
 
#grayFoxBlurb {
/*	margin:-150px 30px 100px 400px;
*/	background-image:url(images/foxcopybanner2.png);
	width:245px;
	height:100px;
	background-repeat:no-repeat;
	position:absolute;
	top:605px;
	left:420px;
}

#LocalsBanner {
	width:auto;
	position:absolute;
	top:620px;
	left:150px;
	border:none;
}



#grayFoxBlurb p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: oblique;
	color: #333333;
	padding: 3 5 5 5;
	margin-left: 32px;
	width:190px;
}

#slider .scroll .scrollContainer #contact #container #sendEmail .forms {
	list-style-type: none;
}
/*#slider .scroll .scrollContainer #contact #container #sendEmail .forms li {
	margin: 15px;
}*/
#subfooter {
	background-position: center;
	list-style-type: none;
	border: 0.25em solid #FFFFFF;
}
 
 
#wrapper .footerTable {
	width: auto;
 
}

 #address {
	float: left;
	margin-right: 400px;
}
#wrapper #slider .scroll .scrollContainer p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #666666;
}
#wrapper #slider .scroll .scrollContainer #ink #printParagraph {
	font-size: .8em;
}
 
 .sideOfferings {
 	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	
div#container {
	font-size:1.0em;
	margin:0pt auto;
	padding:5px;
/*	//width:480px;*/
	display: block;
}
 
/*p {
margin-bottom:1.5em;
}*/
/*.clearing {
clear:both;
}*/
.alert, .error {
color:#FF0000;
}
 
ol.forms {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:100%;
}
ol.forms li {
clear:left;
float:left;
line-height:1.5em;
margin-bottom:0.5em;
width:100%;
}
ol.forms label {
	cursor:pointer;
	display:block;
	float:left;
	line-height:1.5em;
	padding-right:5%;
	text-align:right;
	width:30%;
	color: #666666;
}
ol.forms input {
width:39%;
}
ol.forms textarea {
height:10em;
width:75%;
}
ol.forms input, ol.forms textarea, ol.forms button {
-x-system-font:none;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
ol.forms .error {
display:block;
margin:0.25em 0pt 0pt 11%;
}
ol.forms li.buttons {
padding-left:11%;
width:89%;
}
 
 
 
#wrapper #slider .navigation #philosophyTab a {
	background-image: url(images/TabPhilosophy.png);
	background-repeat: no-repeat;
}
 
#wrapper #slider ul.navigation #philosophyTab a:hover {
	background-image: url(images/TabPhilosophy-over.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #philosophyTab a:active {
	background-image: url(images/TabPhilosophy-selected.png);
	background-repeat: no-repeat;
}
 
 
#InternetTab a {
	background-image: url(images/tabInternet.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #InternetTab a:hover {
	background-image: url(images/tabInternet-over.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #InternetTab a:active {
	background-image: url(images/tabInternet-selected.png);
	background-repeat: no-repeat;
}
 
 
 
 
#wrapper #slider .navigation #corpidTab a {
	background-image: url(images/TabID.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #corpidTab a:hover {
	background-image: url(images/TabID-over.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #corpidTab a:active {
	background-image: url(images/TabID-selected.png);
	background-repeat: no-repeat;
}
 
 
 
 
 
#wrapper #slider .navigation #inkTab a {
	background-image: url(images/TabInk.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #inkTab a:hover {
	background-image: url(images/Tabink-over.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #inkTab a:active {
	background-image: url(images/Tabink-selected.png);
	background-repeat: no-repeat;
}
 
 
 
 
 
#wrapper #slider .navigation #photoTab a {
	background-image: url(images/TabPhotography.png);
	background-repeat: no-repeat;
}
 
#wrapper #slider ul.navigation #photoTab a:hover {
	background-image: url(images/TabPhotography-over.png);
	background-repeat: no-repeat;
}
 
#wrapper #slider ul.navigation #photoTab a:active {
	background-image: url(images/TabPhotography-selected.png);
	background-repeat: no-repeat;
}
 
 
 
 
#wrapper #slider .navigation #contactTab {
	background-image: url(images/TabContact.png);
	background-repeat: no-repeat;
}
#wrapper #slider ul.navigation #contactTab a:hover {
	background-image: url(images/Tabcontact-over.png);
	background-repeat: no-repeat;
}
 
#wrapper #slider ul.navigation #contactTab a:active {
	background-image: url(images/Tabcontact-selected.png);
	background-repeat: no-repeat;
}
 
 
 
	
#wrapper #slider .scroll .scrollContainer #ink .flashSamples {
	margin-left: 50px;
	margin-top: 5px;
}

#wrapper #slider .scroll .scrollContainer #corpid .flashSamples {
	margin-left: 50px;
	margin-top: 5px;
}
 
 
@import url(http://www.google.com/cse/api/branding.css);
/*#wrapper #slider .scroll .scrollContainer #photo #Photosamples {
	margin-top: 30px;
}*/
#Sidebar {
	background-color: #CCCCCC;
	clear: left;
	float: right;
	height: 830px;
	width: 200px;
	border-right-width: 0.5em;
	border-left-width: 0.5em;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 15px;
}
 
#Sidebar #allServices {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	list-style-position: inside;
	list-style-image: url(images/grfxsBullet.png);
	list-style-type: disc;
	padding-right: 20px;
	border-bottom-width: 0.5px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	line-height: 1em;
	padding-bottom: 10px;
		}
		
#IntOfferings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 5px;
	list-style-type: none;
	list-style-image:none;
	padding-right: 10px;
	/*border-bottom-width: 0.5px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;*/
	line-height: 1em;
}

#allServices .sublist {
	font-family:"Times New Roman", Times, serif;
	padding-left: 10px;
	list-style-type: disc;
	/*padding-top: 20px;
	padding-bottom:5px;*/
	/*border: 0.5px dotted #666666;
	background-color: #A3B6D0;*/
	list-style-image: none;
	font-weight: normal;
}


	
#offerings #hostingList {
	list-style-type: circle;
	border-bottom-width: .5px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.style1 {font-size: x-small}
 
#offerings .services {
	padding-top: 15px;
	text-transform: none;
}
/*#grayFox {
	display: block;
	width: auto;
	text-align: center;
	border: 2px ridge #6EA9E5;
	text-indent: 20px;
	margin-top: 25px;*/
}
.footerList   {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #333333;
	vertical-align: bottom;
}
 
ul>ul>li {
	font-family:"Times New Roman", Times, serif;
	margin-top:5px;
	margin-bottom:5px;
	}
	
fieldset{
padding:3px;
width:420px;
margin:20px;
border:1px solid #eee;
}
fieldset p{
margin:6px 0 6px 29px;
font-size:12px;
color:#004EA0;
}
label{
width:120px;
float:left;
text-align:right;
margin:8px 6px 0 6px;
font-size:12px;
line-height:1.4em;
color:#004EA0;
}
form div.error, form div.warning{
color:#990000;
float:none;
clear:both;
padding:5px 0 5px 134px;
text-align:left;
font-size:1.2em;
font-style:italic;
}
label.required{
font-weight:bold;
}
legend{
padding:3px 8px;
margin:2px 67px;
border:none;
color:#004EA0;
font-weight:bold;
font-size:14px;
}
input,textarea,select{
margin:10px 6px 0 6px;
padding:1px;
border:1px solid #004EA0;
color:#004EA0;
background:#F5F5F5;
}
input.submitButton{
padding:0 1px;
border:1px solid #004EA0;
color:#FFFFFF;
font-weight:100;
cursor:pointer;
background-color:#004EA0;
margin:12px 0 12px 0;
}
#searchForm input.submitButton{
margin:0;
}
.formResponse{
padding:45px;
height:240px;
font-size:1.4em;
}
.formResponse a{
text-decoration:none;
}
.formResponse a:hover{
text-decoration:underline;
}
 
#Photosamples {
	background-color: #FFFFFF;
	
}

#hubSpot {position:absolute;
top:900px;
}
