body{
	text-align: center;	/*used to keep content centered in browser window for older browsers*/
	font: 80% Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	background: #3e6083 url(../../images/mainbkg.gif) repeat-y 50% 0%;
}
/*Styling of general Selectors*/
h1{
margin: 0;
padding: 0.25em;
font:  150% Georgia,"Times New Roman", Times, Serif;
}
a:link,a:visited{
text-decoration: none;	
}
a:hover{
background-color: #000;
color: #fff;
}


/*Begin Home Page Box Layout*/
#containingbox /*INLINE CENTERED ON PAGE*/
{
width: 740px; /*fixed  width */
margin: 0px auto; /*auto centers the div in the browser window, 10px top/bottom margins*/
color: #333; /*text color of main containing div*/
line-height: 130%; /*line height to increase readability, inherited by descendant divs*/
text-align: left; /*brings the alignment of text back to left. Refer to body text-align tag.*/
/*border: 10px solid #fff; /*10 px white border to give illusion of a page* replaced with margin on each div*/
background-color: #fff; /*give page complete white background*/
}

/*LOGO AND TOP LEVEL NAVIGATION*/ 
#branding{
    position: relative;
	background-image: url(../../images/logo.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin: 0 0 5px 0 ; /*creates the 10px white border on left and right and 5px space above branding box*/
	padding: 0;
	height: 25px;
	/*border-bottom: 1px solid #000; /*testing purposes only*/
}
#branding h1{
 font-size: 1px;
 color: #fff;
}
ul#topnav
{
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;/*positioned according to the containing block "branding"*/
bottom: 0;/*aligns the navigation to sit on the baseline of the splash box*/
left: 0;
color: #333;
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 85%;
}
ul#topnav li {display: inline;}
ul#topnav li a{
color: #333;
padding: 0.2em .5em;
text-decoration: none;
border-right: 1px solid #ccc;
}
ul#topnav li a:hover{
background-color: #333;
color: #fff;
}

/*HOME PAGE SPLASH GRAPHIC WITH WORDING*/
/*HOME PAGE SPLASH GRAPHIC WITH WORDING*/
#splash{
	position: relative;
	margin: 0;
	background-color: #FFF
	/*border-top: 15px solid #000;*/
	height: 230px;
	background-image: ;
	background-repeat : no-repeat;
	background-position : top right;
}
.splashimgtext{
	position: absolute;
	top: 0px;
	right: 0px;
}

/*AT A GLANCE SERVICES SECTION*/
#summary{
	float:left;
	width: 493px;
	margin: 0 0 5px 0;
	padding-bottom: 15px;
	line-height: 1.6em;
	background-color: #f9f8f2;
	}
#summary ul, #summary li{
	list-style:none;
	/*margin:0;*/
	padding:0;
	}
#summary h1{
	color: #5c9dde;
	background-color: #BFD9F2;
	border-bottom: 1px dashed #e6e3d2
}
#summary em	{	/*font-weight:  bold;	font-style: normal;color: #da6432;	*/}

/*#ROLLOVERS graphics for At-a-glance services section*/
#rollover1 a{
	height: 76px;
	width: 56px;
	display: block;
	background: url(../../images/glance1_itservices.gif) no-repeat;
}
#rollover1 a:hover{
	background-position: bottom;
}
#rollover1{
	height:76px;
	width: 56px;
	/*margin: 0;*/
	background:url(../../images/glance1_itservices.gif) no-repeat;
}
#rollover2 a{
	height: 78px;
	width: 56px;
	display: block;
	background: url(../../images/glance2_appdev.gif) no-repeat;
}
#rollover2 a:hover{
	background-position: bottom;
}
#rollover2{
	height:78px;
	width: 56px;
	/*margin: 0;*/
	background:  url(../../images/imgs/glance2_appdev.gif) no-repeat;
}
#rollover3 a{
	height: 78px;
	width: 56px;
	display: block;
	background: url(../../images/glance3_webdev.gif) no-repeat;
}
#rollover3 a:hover{
	background-position: bottom;
}
#rollover3{
	height: 78px;
	width: 56px;
	/*margin: 0;*/
	background:  url(../../images/glance3_webdev.gif) no-repeat;
}
#rollover4 a{
	height: 78px;
	width: 56px;
	display: block;
	background: url(../../images/glance4_whosting.gif) no-repeat;
}
#rollover4 a:hover{
	background-position: bottom;
}
#rollover4{
	height: 78px;
	width: 56px;
	/*margin: 0;*/
	background:  url(../../images/glance4_whosting.gif ) no-repeat;
}
.thumbnail /*Used in the At-a-glance services section*/
{
	float: left;
	width: 52px;
	margin: 0 25px 15px 0;
}

/*BEGIN 3 COLUMN HOME PAGE LAYOUT*/
#left{
float: left;
width: 244px;
margin: 0 5px 0 0;
line-height: 1.6em;
background-color: #f9f8f2;
}
#left h1{
color: #4AA5FF;
background-color: #B3D9FF;
border-bottom: 1px dashed #e6e3d2;
}
#left em {	font-weight:  bold;	font-style: normal;color: #da6432;	}
#middle{
float: left;
width: 244px;
margin: 0;
line-height: 1.6em;
background-color: #f9f8f2;
}
#middle h1{
color: #5a99b4;
background-color: #c1d9e3;
border-bottom: 1px dashed #e6e3d2;
}
#middle em {	font-weight: bold; font-style: normal;color: #3e6083;}
#right{
float: right;
width: 243px;
margin: 0 ;
line-height: 1.6em;
background-color: #f9f8f2;
}
#right h1{
color:#769345;	
background-color: #d2dfbc;
border-bottom: 1px dashed #e6e3d2;
}
#right em {font-weight: bold; font-style:normal; color: #769345;}
#right a:link, #right a:visited{
	border-bottom: 1px dashed #769345;
	color: #769345;
	font-weight: bold;
	}
#right a:hover,{/*#right a:active*/
	border-bottom: none;
	color: #fff;
}
#cleardiv	{
clear: both;
height: 1em;
}
#footer{ /*INLINE WITH CLEAR:BOTH TO CLEAR ANY FLOATED ITEMS ABOVE*/
/*clear: both; /*forces the footer below any floated elements above*/
/*margin:  0 auto;
width: 740px;
text-align: left;*/
clear: both;
margin: 0 auto;
width: 740px;
}
#footer h3{
margin: 0 ;
padding: 0.25em;
font-size: 85%;
font-weight: normal;
color: #333;
border-top: 1px solid #333;
text-align: left;
}

/*GENERAL COLUMN STYLING CLASSES FOR HOME PAGE 3 COL LAYOUT*/
.coltext{
	font-size: 85%; padding: 0 .5em; margin: .5em 7px 0 7px;
}
.fivepxspacer{
margin: 0 0 5px 0;
padding: 0;
}