/*-----------------------------------------------------------------------------
www.3rdstudio.com
what-we-do.asp
-----------------------------------------------------------------------------*/

/* =Headings
-----------------------------------------------------------------------------*/

#whatWeDo {
	width:131px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#whatWeDo span {
	background-image:url(../img/heading-WhatWeDo.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#webSiteDesignDevelopment {
	width:257px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 5px 0;
	}

#webSiteDesignDevelopment span {
	background-image:url(../img/heading-WebSiteDesignDevelo.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#graphicPrintDesign {
	width:181px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:25px 0 5px 0;
	}

#graphicPrintDesign span {
	background-image:url(../img/heading-GraphicPrintDesign.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#interactiveMedia {
	width:197px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:25px 0 5px 0;
	}

#interactiveMedia span {
	background-image:url(../img/heading-interactiveMedia.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#webSiteHosting {
	width:173px;
	height:30px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#f4f6f7;
	margin:0 0 5px 0;
	}

#webSiteHosting span {
	background-image:url(../img/heading-webSiteHosting.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#webSiteDesign {
	width:343px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#webSiteDesign span {
	background-image:url(../img/heading-WebDesign.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#ourClients {
	width:118px;
	height:17px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#ourClients span {
	background-image:url(../img/heading-ourClients.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#browserTesting {
	width:164px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#browserTesting span {
	background-image:url(../img/heading-browserTesting.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#webSiteHosting2 {
	width:182px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#webSiteHosting2 span {
	background-image:url(../img/heading-webSiteHosting2.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#hostingPlans {
	width:39px;
	height:14px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 10px 0;
	}

#hostingPlans span {
	background-image:url(../img/heading-hostingPlans.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#planDetails {
	width:122px;
	height:17px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#planDetails span {
	background-image:url(../img/heading-planDetails.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#dedicated {
	width:282px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:10px 0 5px 0;
	}

#dedicated span {
	background-image:url(../img/heading-dedicated.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#controlpanel {
	width:172px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 5px 0;
	}

#controlpanel span {
	background-image:url(../img/heading-controlpanel.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#ourservers {
	width:91px;
	height:13px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 5px 0;
	}

#ourservers span {
	background-image:url(../img/heading-ourservers.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#ournetwork {
	width:102px;
	height:14px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 5px 0;
	}

#ournetwork span {
	background-image:url(../img/heading-ournetwork.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#call {
	width:234px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 5px 0;
	}

#call span {
	background-image:url(../img/heading-call.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#domainNames {
	width:155px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#domainNames span {
	background-image:url(../img/heading-domainnames.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#tos {
	width:261px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#tos span {
	background-image:url(../img/heading-termsOfService.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#hostTut {
	width:177px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#hostTut span {
	background-image:url(../img/heading-hostTutorials.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#tutCP {
	width:105px;
	height:14px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:20px 0 5px 0;
	}

#tutCP span {
	background-image:url(../img/heading-tutControlPanel.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#tutEmail {
	width:190px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:20px 0 5px 0;
	}

#tutEmail span {
	background-image:url(../img/heading-emailClients.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#domainFree {
	width:179px;
	height:13px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:0 0 5px 0;
	}

#domainFree span {
	background-image:url(../img/heading-domainFree.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#domainReg {
	width:212px;
	height:18px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 5px 0;
	}

#domainReg span {
	background-image:url(../img/heading-domainReg.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#hostCancel {
	width:220px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#hostCancel span {
	background-image:url(../img/heading-hostCancel.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#hostCancelComplete {
	width:336px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#hostCancelComplete span {
	background-image:url(../img/heading-hostCancelComplete.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#comingSoon {
	width:146px;
	height:23px;
	font-size:100%;
	position:relative;
	color:#fffffe;
	background-color:#fff;
	margin:30px 0 30px 0;
	}

#comingSoon span {
	background-image:url(http://www.3rdstudio.com/img/heading-comingSoon.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

/* =Content
-----------------------------------------------------------------------------*/

p {
	margin:0 0 1em 0;
	}

.services {
	float:left;
	width:495px;
	}

#hostingWrap {
	float:right;
	width:175px;
	margin:0 0 20px 20px;
	padding:12px;
	background-color:#f4f6f7;
	border:1px solid #d2d7de;
	color:#f3f6f7;
	}
	
.hosting {
	color:#393939;
	background-color:#f4f6f7;
	}

.hosting p {
	line-height:1.3em;
	margin:1em 0;
	}

.hosting ul {
	margin:0 10px 10px 20px;
	padding:0;
	font-size:90%;
	}

.hosting ul li {
	line-height:1.3em;
	}

#what .hosting a:link, #what .hosting a:visited {
	background-color:#f4f6f7;
	color:#ff9900;
	padding:1px 2px;
	}

#what .hosting a:hover, #what .hosting a:active {
	background-color:#ff9900;
	color:#ffffff;
	padding:1px 2px;
	}

#what-designImg a:link, #what-designImg a:visited, #what-designImg a:hover, #what-designImg a:active {
	float:left;
	width:120px;
	height:60px;
	margin:5px 10px 0 0;
	background-color:#ffffff;
	color:#fffffe;
	padding:0;
	}

#what-mediaImg a:link, #what-mediaImg a:visited, #what-mediaImg a:hover, #what-mediaImg a:active {
	float:left;
	width:120px;
	height:60px;
	margin:5px 10px 0 0;
	background-color:#ffffff;
	color:#fffffe;
	padding:0;
	}

#what-graphicImg a:link, #what-graphicImg a:visited, #what-graphicImg a:hover, #what-graphicImg a:active {
	float:left;
	width:120px;
	height:60px;
	margin:5px 10px 0 0;
	background-color:#ffffff;
	color:#fffffe;
	padding:0;
	}

.learnMore {
	margin-top:-10px;
	}

#slideshowWrap {
	width:202px;
	padding:10px;
	border:1px solid #d2d7de;
	background-color:#f5f6f7;
	color:#393939;
	float:right;
	margin:0 0 20px 20px;
	}

#what #slideshowWrap a:link, #what #slideshowWrap a:visited {
	background-color:#f4f6f7;
	color:#ff9900;
	}

#what #slideshowWrap a:hover, #what #slideshowWrap a:active {
	background-color:#ff9900;
	color:#ffffff;
	}

#slideshow {
	border:1px solid #666666;
	width:200px;
	height:150px;
	margin:0 0 10px 0;
	}

h2 {
	margin:1em 0 0 0;
	}

#browserList {
	list-style:none;
	}

#browserList ul {
	margin:0 0 1em 2em;
	padding:0;
	list-style:none;
	}

#browserList ul li {
	margin:4px 0;
	}

.Firefox {
	background:url(../img/icon_browser_firefox.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Konqueror {
	background:url(../img/icon_browser_konqueror.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Mozilla {
	background:url(../img/icon_browser_mozilla.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}
	
.Opera {
	background:url(../img/icon_browser_opera.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Camino {
	background:url(../img/icon_browser_camino.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Explorer {
	background:url(../img/icon_browser_explorer.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Netscape {
	background:url(../img/icon_browser_netscape.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Safari {
	background:url(../img/icon_browser_safari.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.AOL {
	background:url(../img/icon_browser_aol.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	}

.Linux {
	background:url(../img/icon_os_linux.gif) no-repeat 0 0;
	padding:0 0 0 24px;
	}

.Mac {
	background:url(../img/icon_os_mac.gif) no-repeat 0 0;
	padding:0 0 0 24px;
	}

.Windows {
	background:url(../img/icon_os_windows.gif) no-repeat 0 0;
	padding:0 0 0 24px;
	}

#hostStarter, #hostStudio2 {
	float:left;
	width:227px;
	height:100px;
	margin:0 40px 20px 0;
	}
	
#hostStudio1, #hostStudio3 {
	float:left;
	width:227px;
	height:100px;
	margin:0 0 20px 0;
	}
	
#what #hostStarter a:link, #what #hostStarter a:visited, #what #hostStarter a:hover, #what #hostStarter a:active, #what #hostStudio1 a:link, #what #hostStudio1 a:visited, #what #hostStudio1 a:hover, #what #hostStudio1 a:active, #what #hostStudio2 a:link, #what #hostStudio2 a:visited, #what #hostStudio2 a:hover, #what #hostStudio2 a:active, #what #hostStudio3 a:link, #what #hostStudio3 a:visited, #what #hostStudio3 a:hover, #what #hostStudio3 a:active {
	padding:0;
	}

#domains {
	clear:both;
	}

#what #domains a {
	padding:0;
	}
	
#domains img {
	margin:10px 0 40px 40px;
	}

#starter {
	font-size:80%;
	margin:40px 0 0 0;
	padding:10px;
	background-color:#f4f6f7;
	border:1px solid #d2d7de;
	color:#393939;
	font-style:italic;
	}

#detailTable table {
	width:100%;
	border-right:1px solid #d2d7de;
	border-bottom:4px solid #052b5e;
	}

#detailTable td {
	width:20%;
	}

#detailTable .header {
	background-color:#052b5e;
	color:#ffffff;
	font-weight:bold;
	padding:3px 0;
	border-bottom:1px solid #ffffff;
	}

#detailTable .section {
	background-color:#31598c;
	color:#ffffff;
	font-weight:bold;
	padding:2px 6px;
	}

#detailTable .setup {
	border-top:1px solid #052b5e;
	border-left:1px solid #d2d7de;
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
	color:#FF6600;
	}

#detailTable .itemShade {
	border-top:1px solid #d2d7de;
	border-left:1px solid #d2d7de;
	padding-left:2px;
	padding-right:2px;
	}

#detailTable .item {
	border-top:1px solid #d2d7de;
	border-left:1px solid #d2d7de;
	padding-left:2px;
	padding-right:2px;
	}

#detailTable .toprow {
	border-left:1px solid #d2d7de;
	padding-left:2px;
	padding-right:2px;
	}

.center {
	text-align:center;
	}

.tosList {
	margin:1em 4em 1em 4em;
	}

#what #planDownload a {
	padding:0;
	}

.rowHighlight {
	background:#FFFDE9;
	color:#393939;
	}

.rowShade {
	background-color:#f4f6f7;
	color:#393939;
	}

.emphasis {
	font-weight:bold;
	color:#FF6600;
	}