html, body, div, span,
applet, object, h1, h2,
h3, h4, h5, h6, p,
blockquote, pre, a, em,
font, img, strong, sub,
sup, ol, ul, li, fieldset,
form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body
{
	font-size: 100%;
	line-height: 1.4;
	color: #000;
	background-color: #FFFFFF;
	background: url('images/bg.png') repeat-x;
}

ol, ul, li
{
	list-style: none;
	position: relative;
}

a, a:link, a:visited, a:active, a:hover
{
	color: #000;
}

h1, h2, h3, h4, h5, h6, h7
{
	font-size: 1em;
	font-weight: normal;
}

.spacer
{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#wrapper
{
	width: 948px;
	margin: 20px auto;
	border: 1px solid #c0c0c0;
	background-color: #fff;
}

#header
{
	background: url('images/top-gradient.png') repeat-x;
	width: 938px;
	margin: 0 0 0 5px;
}

#header ul
{
	margin: 11px 0 11px 0;
}

#header ul, #header ul li
{
	float: left;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 10pt;
}

#header ul li a
{
	color: #000;
	text-decoration: none;
	padding: 0 9px;
}

#header ul li a:hover
{
	text-decoration: underline;
}

#header address
{
	float: right;
	font-style: normal;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 10pt;
	margin: 11px 14px 11px 0;
}

#header h1
{
	float: left;
	text-indent: -9999px;
	background: url('images/computers-md.png') no-repeat;
	width: 938px;
	height: 147px;
}

#menu ul
{
	width: 938px;
	margin: 0 0 0 5px;
	background: url('images/menu-background.png') repeat-x;
}

#menu ul, #menu li
{
	float: left;
	height: 48px;
}

#menu li.cap
{
	background: url('images/menu-cap.png') no-repeat;
	width: 1px;
	height: 48px;
}

#menu li.right
{
	float: right;
}

#menu li a
{
	display: block;
	text-decoration: none;
	line-height: 42px;
	height: 48px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	padding: 0 19px;
}

#menu li.divide
{
	background: url('images/menu-divide.png') no-repeat;
	width: 2px;
	height: 48px;
}

#menu li a:hover
{
	background: url('images/menu-hover.png') repeat-x;
}

#menu li a.sel
{
	background: url('images/menu-tab.png') no-repeat;
	color: #404040;
	padding: 0 0 0 19px;
}

#menu li a span
{
	display: block;
	height: 48px;
	padding: 0 19px 0 0;
	background: url('images/menu-tab-right.png') top right no-repeat;
}

#splash img
{
	float: left;
	margin: 10px 0 10px 19px;
}

#splash h2
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #718793;
	border-bottom: 1px solid #ccc;
	width: 460px;
	margin: 7px 0 0 3px;
	text-indent: 5px;
}

p, #testimonials span
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	float: left;
}

#left-content
{
	float: left;
	width: 633px;
	border-right: 1px solid #c0c0c0;
	margin: 3px 0 0 0;
}

#splash p
{
	margin: 5px 0 0 9px;
	width: 440px;
}

#service-selector
{
	width: 608px;
	margin: 0 0 0 13px;
	background: url('images/services-background.png') repeat-x;
}

#service-selector, #services li
{
	float: left;
	height: 38px;
}

#service-selector li.cap
{
	background: url('images/services-cap.png') no-repeat;
	width: 1px;
	height: 38px;
}

#service-selector li.right
{
	float: right;
}

#service-selector li a
{
	display: block;
	text-decoration: none;
	line-height: 38px;
	height: 38px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	padding: 0 7px;
}

#service-selector li a.sel
{
	background: url('images/services-tab.png') no-repeat;
	color: #000;
	font-weight: normal;
	padding: 0 0 0 19px;
}

#service-selector li a span
{
	display: block;
	height: 48px;
	padding: 0 19px 0 0;
	background: url('images/services-tab-right.png') top right no-repeat;
}

#enumerated
{
	width: 608px;
	margin: 0 0 0 13px;
}

#enumerated li
{
	background-color: #f1f4f7;
	border-bottom: 1px solid #b1bfcf;
	margin: 7px 0 0 0;
	height: 65px;
}

#enumerated li img
{
	float: left;
	margin: 7px 14px 0 10px;
}

#enumerated li a
{
	
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	line-height: 18pt;
	color: #808080;
	border-bottom: 1px solid #ccc;
	width: 269px;
	text-decoration: none;
	margin: 9px 0 0 0;
}

#enumerated li p
{
	float: left;
	width: 457px;
}

#enumerated li a.service-button
{
	float: right;
	display: block;
	text-indent: -9999px;
	background: url('images/arrow-right.png') no-repeat;
	width: 43px;
	height: 36px;
	border: 0;
	margin: -20px 20px 0 0;
}

#brands ul
{
	float: left;
	margin: 65px 0 0 0;
	border-top: 1px solid #c0c0c0;
	width: 633px;
	background-color: #ececec;
}

#brands li
{
	float: left;
	height: 71px;
	padding: 0 51px;
	border-right: 1px solid #c0c0c0;
}

#brands li#last
{
	border: 0;
}

#brands #microsoft, #brands #apple, #brands #firefox, #brands #internet-explorer
{
	display: block;
	text-indent: -9999px;
	background: url('images/microsoft-windows.png') no-repeat;
	width: 40px;
	height: 35px;
	margin: 20px 0 0 0;
}

#brands #internet-explorer
{
	background: url('images/apple.png') no-repeat;
	width: 91px;
	height: 34px;
	margin: 20px 0 0 0;
}

#brands #firefox
{
	background: url('images/firefox.png') no-repeat;
	width: 44px;
	height: 43px;
	margin: 16px 0 0 0;
}

#brands #apple
{
	background: url('images/internet-explorer.png') no-repeat;
	width: 42px;
	height: 40px;
	margin: 15px 0 0 0;
}

#right-content
{
	float: right;
	width: 314px;
	margin: 6px 0 0 0;
}

#testimonials ul
{
	float: left;
}

#testimonials li
{
	border-top: 1px solid #c0c0c0;
	width: 301px;
	background: #fff url('images/testimonial-background.png') bottom center repeat-x;
	margin: 0 0 0 7px;
	float: left;
}

#testimonials li span
{

	width: 282px;
	line-height: 21px;
	text-align: right;
	border-bottom: 1px solid #dbdbdb;
	height: 34px;
	line-height: 34px;
	margin: 0 0 0 9px;
}

strong
{
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#testimonials li span img
{
	float: left;
	margin: 6px 0 0 0;
}

#testimonials p
{
	margin: 5px 0 15px 15px;
	width: 275px;
}

#testimonials a
{
	float: left;
	display: block;
	height: 40px;
	width: 301px;
	line-height: 40px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #5e5e5e;
	text-indent: 30px;
	background: #d6d6d6 url('images/arrow-right-small.png') 13px 15px no-repeat;
	text-decoration: none;
	border-top: 1px solid #fff;
	margin: 0 0 0 7px;
}

#footer
{
	background-color: #c0c0c0;
	height: 28px;
	line-height: 28px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #404040;
	text-indent: 7px;
}

#faq
{
	float: left;
	margin: -3px 0 0 0;
}

#faq h2
{
	float: left;
}

#faq strong
{
	display: block;
	margin: 5px 0 0 13px;
}

#faq h2
{
	margin: 14px 0 0 9px;
	text-indent: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 16pt;
	padding: 0 0 5px 0;
	color: #718793;
	border-bottom: 1px solid #c0c0c0;
	width: 296px;
}

#faq ul li
{
	float: left;
}

#faq p
{
	float: none;
	margin: 0 13px;
	padding: 0 0 12px 0;
	line-height: 11pt;
	border-bottom: 1px solid #c0c0c0;
	width: 296px;
}

#faq a
{
	float: right;

	text-align: right;
	margin: 4px 17px 0 0;
	color: #0a3b72;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #a7b5c5;
	border-top: none;
	height: 19px;
	line-height: 14px;
	padding: 0 10px;
	text-decoration: none;
}

#padded
{
        margin: 5px 0 0 25px;
	font-family: verdana;
	font-size: 10pt;
}


#enumerated_small
{
	width: 588px;
	margin: 0 0 0 13px;
}

#enumerated_small li
{
	background-color: #f1f4f7;
	border-bottom: 1px solid #b1bfcf;
	margin: 7px 0 0 0;
	height: 65px;
}

#enumerated_small li img
{
	float: left;
	margin: 7px 14px 0 10px;
}

#enumerated_small li a
{
	
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	line-height: 18pt;
	color: #808080;
	border-bottom: 1px solid #ccc;
	width: 269px;
	text-decoration: none;
	margin: 9px 0 0 0;
}

#enumerated_small li p
{
	float: left;
	width: 457px;
}

#enumerated_small li a.service-button
{
	float: right;
	display: block;
	text-indent: -9999px;
	background: url('') no-repeat;
	width: 43px;
	height: 36px;
	border: 0;
	margin: -20px 20px 0 0;
}


#contain{
        padding: 8px;
        background-color: #FFFFFF;
}





.commentbox{
background-color: #ececec;
width: 550px;
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #000;
}


#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}


a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; 
width: 100%;
}