#container {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.logo {
	background-image: url(images/logo.gif);
	height: 99px;
	width: 581px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
}
#nav {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 39px;
	width: 1000px;
	font-weight: bold;
	font-size: 14px;
}
.main {
	background-color: #FFF;
}
.main-top {
	background-image: url(images/container-top.gif);
	height: 12px;
	width: 1000px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
}
.main-bottom {
	background-image: url(images/container-bottom.gif);
	height: 10px;
	width: 1000px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #FFF;
	background-position: 0px bottom;
}
.intro-left {
	width: 460px;
	float: left;
	padding: 20px;
}
.intro-right {
	width: 460px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.intro-title {
	color: #0E4ED1;
	font-size: 36px;
}
.portfolio-button {
	background-image: url(images/portfolio-button.gif);
	height: 49px;
	width: 221px;
	line-height: 49px;
	text-align: center;
	font-size: 18px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 60px;
	vertical-align: bottom;
}
.portfolio-button a {
	text-decoration: none;
	color: #444;
}
.featured-image {
	background-image: url(images/featured-image.gif);
	height: 248px;
	width: 481px;
}
body {
	background-color: #444;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #444;
}
.left {
	padding: 20px;
	width: 460px;
	float: left;
}
.left-project {
	width: 290px;
	float: left;
	padding: 20px;
}
.right {
	padding: 20px;
	float: left;
	width: 460px;
}
.right-featured {
	float: right;
	padding-top: 20px;
	width: 480px;
	padding-right: 20px;
}
.title1 {
	color: #BE1502;
	font-size: 36px;
	padding-bottom: 20px;
}
.seperator {
	background-color: #E6E4E4;
	height: 4px;
	clear:both;
}
.vertical-seperator {
	float: left;
	background-attachment: scroll;
	background-image: url(images/seperator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 480px;
	width: 1px;
}
.title2 {
	color: #06F;
	font-size: 18px;
	font-weight: bold;
}


.nav-seperator {
	background-color: #000;
	width: 1px;
	margin-right: 15px;
	margin-left: 15px;
	height: 38px;
}
.nav-seperator2 {
	background-color: #000;
	width: 1px;
	margin-right: 15px;
	margin-left: 15px;
	height: 56px;
}
.main .left ul  {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.main .left li {
	list-style-type: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
}
.main .right ul  {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.main .right li {
	list-style-type: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
}
.web-design-thumb {
	background-image: url(images/web-design-thumb.gif);
	background-repeat: no-repeat;
}
.cms-thumb {
	background-image: url(images/cms-thumb.gif);
	background-repeat: no-repeat;
}
.ecommerce-thumb {
	background-image: url(images/ecommerce-thumb.gif);
	background-repeat: no-repeat;
}
.main-content {
	padding: 20px;
}
.hosting-left {
	float: left;
	width: 320px;
	background-attachment: scroll;
	background-image: url(images/seperator.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.hosting-left-container {
	float: left;
	width: 320px;
	background-attachment: scroll;
	background-image: url(images/seperator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 14px;
}
.hosting-title {
	font-size: 18px;
	color: #3F9FF1;
	font-weight: bold;
	padding-left: 20px;
}
.logo-design-thumb {
	background-image: url(images/logo-design-thumb.gif);
	background-repeat: no-repeat;
}
.print-design-thumb {
	background-image: url(images/print-design-thumb.gif);
	background-repeat: no-repeat;
}
.illustration-thumb {
	background-image: url(images/illustration-thumb.gif);
	background-repeat: no-repeat;
}
.web-hosting-thumb {
	background-image: url(images/hosting-thumb.gif);
	background-repeat: no-repeat;
}
.seo-thumb {
	background-image: url(images/seo-thumb.gif);
	background-repeat: no-repeat;
}






.tab-container{
	padding: 20px;
}
#tabs{
	margin:0;
	padding:0;
	width:460px;
	float:left;
	display:inline;
}
#tabs h3{
	margin: 0px;
	color:#BF0000;
	font-size: 36px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	font-weight: normal;
}
#tabs ul{
	margin:0;
	padding:0;
	font-size: 18px;
}
#tabs li{padding:0;margin:5px 0;list-style-type:none;}
#tabs li a {
	color:#000;
	margin:0;
	padding:3px 40px;
	display:block;
	text-decoration:none;
}
#tabs li a:hover{color:#BF0000; text-decoration: underline;}
#tabs li.active a{color:#BF0000; text-decoration: underline;}
.tabcontent {
	width:461px;
	border-left:none;
	padding:0 10px;
	margin:0;
	float:right;
	display:inline;
}
.tabcontent h3{
	padding: 0 0 10px 0;
	margin: 0px;
	color:#06f;
	font-size: 18px;
}
ul.nav-left {
	list-style: none;
	float: left;
	clear: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

ul.nav-left li {
	float: left;
}

ul.nav-left li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	margin-right: 8px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 15px;
}

ul.nav-left li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -10px;
	height: 39px;
}

ul.nav-left li a:hover {
	color: #CCC;
	background: url(images/nav-left.png) no-repeat top right;
}

ul.nav-left li a:hover span {
	background: url(images/nav-left.png) no-repeat top left;
	color: #CCC;
}

ul.nav-left li a.current {
	color: #444444;
	background-image: url(images/left-active-nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.nav-left li a.current span {
	background-image: url(images/left-active-nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.nav-left li a.link {
	color: #444444;
	background-image: url(images/nav-link.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.nav-left li a.link span {
	background-image: url(images/nav-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
}





ul.nav-right {
	list-style: none;
	float: right;
	clear: right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

ul.nav-right li {
	float: left;
}

ul.nav-right li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	margin-right: 8px;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 15px;
}

ul.nav-right li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -10px;
	height: 39px;
}

ul.nav-right li a:hover {
	color: #CCC;
	background: url(images/nav-left.png) no-repeat top right;
}

ul.nav-right li a:hover span {
	background: url(images/nav-left.png) no-repeat top left;
	color: #CCC;
}

ul.nav-right li a.current {
	color: #444444;
	background-image: url(images/left-active-nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.nav-right li a.current span {
	background-image: url(images/left-active-nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.nav-right li a.link {
	color: #444444;
	background-image: url(images/nav-link.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.nav-right li a.link span {
	background-image: url(images/nav-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.nav-right li a.client-area {
	color: #FFF;
	background-image: url(images/nav-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.slogan {
	font-weight: bolder;
	background-attachment: scroll;
	background-image: url(images/slogan.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 85px;
	width: 460px;
}

ul.nav-right li a.client-area span {
	background-image: url(images/nav-right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}




#s3slider {
   width: 460px; /* important to be same as image width */
   height: 354px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
}

#s3sliderContent {
	width: 460px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	list-style-type: none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px;
   width: 400px;
   background-color: #000;
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span a {
	color: #FFF;
}
.s3sliderImage span a:visited {
	color: #FFF;
}
.clear {
   clear: both;
} 
.followmeon {
	color: #FFF;
	font-size: 14px;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	clear: right;
	margin-bottom: 0px;
}
.flashbanner {
	float: right;
}
.bottom-nav-right a {
	text-decoration: none;
	color: #444;
}
.bottom-nav-right a:visited {
	color: #444;
	text-decoration: none;
}
.followmeon a img {
}
#footer {
}
#facebook-icon , #twitter-icon{
	margin-top: -5px;
}
.valid {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #FFF;
	padding-bottom: 10px;
	clear: right;
}
.valid a #css {
}
.valid a #xhtml {
	margin-top: 6px;
}
#footer {
	margin-bottom: 20px;
}
.style2 {
	font-size: 90%;
}
.style4 {
	font-size: 80%;
	color: #666666;
}
.style6 {
	color: #FFFFFF;
	font-size: medium;
}
.style8 {
	color: #FFFFFF;
	font-weight: lighter;
	text-decoration: none;
	font-size: small;
	line-height: 30px;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#left5 {
	float: left;
	width: 570px;
}
.style11 {text-decoration: none; font-size: small; line-height: 30px; color: #FFFFFF;}
.centre_text {
	text-align: center;
}
#table_hosting {
}
.comparisontable {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.starter {
	background-image: url(images/hostingcontainertop.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	color: #FFF;
	font-weight: bold;
}
.hostingcontainercontent {
	background-attachment: scroll;
	background-image: url(images/hostingcontainercontent.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	height: 30px;
	line-height: 30px;
}
.small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
.white {
	color: #FFF;
}
.hostingcontainerbottom {
	background-attachment: scroll;
	background-image: url(images/hostingcontainerbottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.td.starter {
background:transparent url(/library/images/v2/compare_border.png) no-repeat scroll center bottom;
font-size:0.9em;
height:2.6em;	
}
.hosting-left-container ul {
	list-style-type: none;
}
.hosting-left-container ul li {
	padding-bottom: 5px;
	padding-top: 5px;
}
.hosting-left-container ul li a {
}
.hosting-price {
	font-weight: bold;
	color: #F00;
}
.contact-left {
	float: left;
	width: 400px;
}













#gallery{
 width: 400px;
 height: 326px;
 position: relative;
 float:left;
 }
 #gallery img{
 position: absolute;
 top: 0;
 left: 0;
 }
#text {
	
	float:right;
	width:200px;
}
#previous {
float:left;	
}
#next {
float:right;	
}