/***** TYPOGRAPHY *****/

body {
	margin: 10px 0;
	padding: 0;
	color: #394663;
	font: 80% Arial, Helvetica, sans-serif;
	background: url(/images/body-bg.jpg) repeat
}

font-blue-bold {
	line-height: 20px;
	margin: 0;
	padding: 15px 20px 0 20px;
	color: #394663;
	font: 14px Arial, Helvetica, sans-serif;
}

.bold-heading {
	font-size: 135%;
	font: Arial, Helvetica, sans-serif;
	color: #394663;
	font-weight: Bold;
}

p {
	line-height: 20px;
	margin: 0;
	padding: 15px 20px 0 20px
}

p.news {
	line-height: 20px;
	margin: 0;
	padding: 0px 20px 0 20px
}

p.credit {
   margin: 0;
	padding: 11px 0px 0px 0px;
	font-size: 10px;
	color: #394663;
	line-height: 15px;
}

.center {
	text-align: center
}

td p {
	line-height: 20px;
	margin: 0;
	padding: 0 20px 15px 20px
}

br.clear {
	clear: both
}

/* -= Roll Overs =- */

#footer a:link, #footer a:visited, #content-middle a:link, #content-middle a:visited {
	font-weight: normal;
	color: #37691a;
	text-decoration: none
}

#footer a:hover, #footer a:active, #content-middle a:hover, #content-middle a:active {
	font-weight: normal;
	color: #529F25;
/*	background-color: #37691a;*/
	text-decoration: underline;
}

a: hover img {
	background-color: transparent;
}

#footer a {
	font-weight: normal
}

.flash-header-padding {
	padding: 0 0 9px 0;
	margin: 0
}

#left-col h3 {
	color: #37691a;
	font-size: 120%;
	line-height: 20px;
	margin: 0 20px
}

#left-col h4 {
	color: #394663;
	font-size: 110%;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #8690a8;
	border-top: 1px solid #8690a8;
	margin: 0 20px 12px 20px
}

#left-col h4.support {
	color: #394663;
	font-size: 110%;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #8690a8;
	border-top: 1px solid #8690a8;
	margin: 0 20px 0px 20px
}

#dividing-line {
	border-bottom: 1px solid #8690a8;
	margin: 0 20px 5px 20px
}

.news-widget-font {
	font: Arial, Helvetica, sans-serif;
	color: #394663;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #8690a8;
	/*border-top: 1px solid #8690a8;*/
	margin: 0 10px 0px 10px
}


img {
	border: 0
}

/***** IMAGE PLACEMENT *****/

.left {
	float: left;
	display: block;
	margin: 0 10px 5px 0
}

.right {
	float: right;
	display: block;
	margin: 0 10px 5px 10px
}

.right {
	float: right;
	display: block;
	margin: 0 10px 5px 10px
}

.screenshot {
	border: 8px solid #ececec
}

ul#portfolio {
	list-style: none;
	margin: 0 20px 15px 20px;
	padding: 0
}

ul#portfolio .siteinfo {
	padding: 4px;
	background-color: #ececec;
	font-weight: bold;
	text-transform: uppercase
}

ul#portfolio li {
	padding: 4px;
	background-color: #F9F9F9;
	margin-bottom: 3px
}

/***** This is just for the temporary Portfolio page *****/

ul#portfolio-temp {
	margin: 0 5px 5px 5px;
	padding: 0;
	list-style: none;
}

ul#portfolio-temp .siteinfo-temp {
	padding: 2px;
	background-color: #ececec;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
}

ul#portfolio-temp li {
	padding: 2px 2px 2px 10px;
	background-color: #F9F9F9;
	margin-bottom: 3px;
	
}
/***** End *****/

.large-screen {
	width: 437px;
	height: 336px;
	margin: 0 auto 15px auto;
	background: url(/images/port-large-image.gif) top left no-repeat
}

.large-screen img, .small-screen img {
	margin: 7px 0 0 8px
}

.small-screen {
	width: 141px;
	height: 110px;
	background: url(/images/port-small-image.gif) top left no-repeat
}

td div.small-screen {
	margin: 0 auto
}

/***** DIVs *****/

#frame {
	width: 762px;
	margin: 0 auto;
/*	overflow: hidden;*/
}

#content-top {
	float: left;
	margin: 0;
	padding: 0;
	width: 762px;
	height: 15px;
	background: url(/images/content-top-bg.gif) bottom left no-repeat
}

#content-middle {
	float: left;
	margin: 0;
	padding: 0;
	width: 762px;
	background: url(/images/content-middle-bg.gif)
}

#content-bottom {
	float: left;
	margin: 0 0 9px 0;
	padding: 0;
	width: 762px;
	height: 15px;
	background: url(/images/content-bottom-bg.gif) top left no-repeat
}

#left-col {
	display: inline;
	float: left;
	width: 480px;
	margin: 4px 0 4px 20px;
	padding: 0
}

#right-col {
	display: inline;
	float: right;
	width: 230px;
	margin: 4px 20px 4px 10px;
	padding: 0
}

#center-col {
	display: inline;
	float: center;
	width: 700px;
	margin: 40px 0 40px 120px;
	padding: 0
}

#footer-top {
	float: left;
	width: 762px;
	height: 16px;
	text-align: center;
	background: url(/images/footer-top.gif) top center no-repeat;
}

#footer {
	float: left;
	width: 762px;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/images/footer-middle.gif) top center repeat-y;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: 10px
}

#footer-bottom {
	float: left;
	width: 762px;
	height: 16px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(/images/footer-bottom.gif) top center no-repeat;
}


ul#green-bullet {
	padding: 0px 40px 0 60px;
	margin: 0;
	list-style: disc url(/images/green-bullet.gif)
}

ul#green-bullet li {
	line-height: 20px
}



/**** STYLES FOR MAIN CONTENT TABLE *****/

.main-table {
	margin-top: 7px
}

.main-top {
	height: 18px;
	background: url(/images/main-top-bg.gif)
}

.main-middle {
	background: url(/images/main-middle-bg.gif) repeat-y
}

.main-bottom {
	height: 16px;
	background: url(/images/main-bottom-bg.gif)
}

span.bwstandards {
	width: 210px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/bwstandards-hdr.gif) no-repeat
}

.bwstandards h2 {
	width: 230px;
	height: 29px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/bwstandards-hdr.gif) no-repeat
}

span.webdesign {
	width: 128px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/home-webdesign-hdr.gif) no-repeat
}

span.webhosting {
	width: 135px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/home-webhosting-hdr.gif) no-repeat
}

span.cms {
	width: 178px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/home-cms-hdr.gif) no-repeat
}

span.database {
	width: 184px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/home-database-hdr.gif) no-repeat
}


span.mediakit {
	width: 178px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/media-kit-hdr.gif) no-repeat
}

span.brochure {
	width: 178px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/workshop-brochure-hdr.gif) no-repeat
}

span.pricing-guide {
	width: 178px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 175px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/pricing-guide-hdr.gif) no-repeat
}

span.audio-clip {
	width: 178px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 180px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/audio-commercial-hdr.gif) no-repeat
}

span.hosting {
	width: 178px;
	height: 18px;
	display: block;
	font-size: 85%;
	margin: 0 0 8px 180px;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/hosting-packages-hdr.gif) no-repeat
}

/***** STYLES FOR NEWS TABLE *****/

.news-table {
	margin-bottom: 8px
}

.news-table ul {
	margin: 15px 15px 0 0px;
	padding: 0 0 0 20px;
	list-style: none
}

.news-table ul li {
	font-size: 10px;
	padding: 10px 0 0 20px;
	list-style: none;
	background: url(/images/news-bullet.gif) center left no-repeat
}

h1.title {
	padding: 0;
	margin-bottom: 10px;
	color: #AACCDD;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center
	/*background: url(/images/body-bg.jpg) repeat-x*/
}

.news-top h2 {
	width: 230px;
	height: 29px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -2000em;
	background: url(/images/headers/tech-news-hdr.gif) no-repeat
}

.news-middle {
	background: url(/images/tech-news-middle-bg.gif) repeat-y
}

.news-bottom {
	height: 16px;
	background: url(/images/tech-news-bottom-bg.gif)
}

.comp-news-top h2 {
	width: 230px;
	height: 33px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -2000em;
	background: url(/images/headers/company-news-hdr.gif) no-repeat
}

.comp-news-bottom {
	height: 16px;
	background: url(/images/tech-news-bottom-bg.gif) no-repeat
}

.top-hoaxes h2 {
	width: 230px;
	height: 33px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -2000em;
	background: url(/images/headers/Top-10-Hoaxes.gif) no-repeat
}

.top-hoaxes-middle {
	margin: 0;
	padding: 5px 0 5px 20px;
	background: url(/images/tech-news-middle-bg.gif) repeat-y
}

.latest-viruses h2 {
	width: 230px;
	height: 29px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -2000em;
	background: url(/images/headers/latest-virus-alerts.gif) no-repeat
}


/***** STYLES FOR RECENTE WORK TABLE *****/

.recent-work-table {
	margin-bottom: 8px
}

.recent-work-top h2 {
	width: 230px;
	height: 29px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/recent-work-hdr.gif) no-repeat
}

.recent-work-middle {
	text-align: center;
	padding: 10px 0px 3px 0px;
	background: url(/images/recent-work-middle-bg.gif) repeat-y
}

.recent-work-middle h4 {
	margin-top: 15px;
	font-size: 13px;
	color: #37691a
}

.recent-work-bottom {
	height: 16px;
	background: url(/images/recent-work-bottom-bg.gif) no-repeat
}

/***** STYLES FOR RECENTE WORK TABLE *****/
.latest-poll-table {	
}

.latest-poll-top h2 {
	width: 230px;
	height: 29px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/latest-poll-hdr.gif) no-repeat
}

.latest-poll-middle {
	padding: 10px 10px 3px 10px;
	background: url(/images/recent-work-middle-bg.gif) repeat-y
}

.latest-poll-middle h4 {
	margin-top: 15px;
	font-size: 13px;
	color: #37691a
}

.latest-poll-bottom {
	height: 16px;
	background: url(/images/recent-work-bottom-bg.gif) no-repeat
}
/***** END *****/

.featured-sites-top h2 {
	width: 230px;
	height: 29px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/featured-sites-hdr.gif)
}

.featured-sites-middle {
	text-align: left;
	background: url(/images/recent-work-middle-bg.gif) repeat-y
}

.featured-sites-middle ul {
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 15px 20px 0 0
}

.featured-sites-middle li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f1f1f1
}

.featured-sites-middle li a:link, .featured-sites-middle li a:visited {
	display: block;
	font-size: 90%;
	background: url(/images/news-bullet.gif) 0 -2px no-repeat;
	padding: 5px 5px 5px 20px;
	text-decoration: none
}

.featured-sites-middle li a:hover, .featured-sites-middle li a:active {
	display: block;
	font-size: 90%;
	background: #72B016 url(/images/news-bullet.gif) 0 -2px no-repeat;
	padding: 5px 5px 5px 20px;
	text-decoration: none
}

/*Webmail Widget*/

.webmail-table {
	margin-bottom: 7px;
}

.webmail-top h2 {
	width: 230px;
	height: 33px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/webmail-hdr.gif)
}

.payment-top h2 {
	width: 230px;
	height: 33px;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	background: url(/images/headers/payment-hdr.gif)
}

.webmail-middle {
	padding: 10px 10px 3px 10px;
	text-align: left;
	background: url(/images/recent-work-middle-bg.gif) repeat-y
}

.login-table td {
	/*padding: 5px 5px 5px 5px;*/
	padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:0px;
}

.login-font {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/*END*/


.support-table td {
	/*margin: 5px 5px 5px 5px;*/
	padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px;
}

/* Main Table Border*/
.left-top-corner-table {
	background: #EEEEED url(/images/images-support/corner-left-top.jpg) top left no-repeat; 
}

.right-top-corner-table {
	background: #EEEEED url(/images/images-support/corner-right-top.jpg) top right no-repeat;
}

.right-bottom-corner-table {
	background: #EEEEED url(/images/images-support/corner-right-bottom.jpg) bottom right no-repeat; 
}

.left-bottom-corner-table {
	background: #EEEEED url(/images/images-support/corner-left-bottom.jpg) bottom left no-repeat;
}
/* Left Table Border*/

/* Start Show/Hide DIV Layer*/

div#availability-tutorial
{
	display: none;
}

div#cms-tutorial
{
	display: none;
}

div#cpanel-tutorial
{
	display: none;
}

div#ftp-tutorial
{
	display: none;
}

div#smartpage-email-tutorial
{
	display: none;
}

div#smartpage-calendar-tutorial
{
	display: none;
}

div#smartpage-special-tutorial
{
	display: none;
}

div#smartpage-links-tutorial
{
	display: none;
}

div#smartpage-packages-tutorial
{
	display: none;
}

div#smartpage-gallery-tutorial
{
	display: none;
}

div#email-tutorial
{
	display: none;
}


div#webmail-tutorial
{
	display: none;
}


/* End Show/Hide DIV Layer*/


/* Play and Download Arrows - Support */
.download-rollover a { 
width: 22px; 
height: 23px;
display:block; 
background: url(/images/images-support/download-arrow.jpg)
}


.download-rollover a:hover { 
 background-position: 0 -23px
}

.play-rollover a { 
width: 22px; 
height: 23px;
display:block; 
background: url(/images/images-support/play-arrow.jpg)
}


.play-rollover a:hover { 
 background-position: 0 -23px
}

/* End */

/* Channel title & link */

/* Item description */
.rsslibdesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	margin-bottom: 5px;
	padding: 5px 0 5px 0;
}

/* Channel Editor */
.rsslibeditor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}

/* Channel Date */
.rsslibdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}

/* Channel Copyright */
.rsslibcopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #AAAAAA;
}

/* END */