/*YAHOO! RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,em,strong,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/

.left{
	float: left;}
	
.right{
	float: right;}
	
.clear{
	clear: both;}
	
.portfolio { text-decoration: underline ; }

body{
	background-color: #fbfbfb;
	height: 100%;
	}
	
#bar{
	z-index: 1;
	position: absolute;
	top: 124px;
	left: 0px;
	width: 100%;
	height: 28px;
	background-position: bottom;
/*
	background-color: white;
	background-image:url(../images/greyBar.png);
*/
	background-repeat: repeat-x; }
	
#headerBg{
	z-index: 1;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 124px;
	background-color: #900000;}
	
#container{
	width: 1120px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	position: relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -1em;
    background-image: url(../images/leftBgTile.png);
    background-position: left;
    background-repeat: repeat-y;
}

#left, #right{
	width: 1146px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	position: relative;
	z-index: 80;
	}
	
#left{
background-image: url(../images/leftGrad.png);
background-position: left;
background-repeat: repeat-y;
}

#right{
background-image: url(../images/rightGrad.png);
background-position: right;
background-repeat: repeat-y;
}

	
#leftCol{
	width: 200px;
	height: auto;
	background-image: url(../images/leftBG.png);
	background-repeat: no-repeat;
	float: left;
	}
	
#leftCol img{
	border: 1px solid #cccccc;
}

#leftCol p{
	color: white;
}
	
#rightCol{
	width: 220px;
	height: 100%;
/* 	background-color: #f4f5fa; */
	float: left;
	padding: 5px;
	padding-right: 0px;}
	
#centerCol{
	float: left;
	width: 670px;
	border-left: 1px solid #cccccc;
/* 	border-right: 1px solid #cccccc; */
	overflow: hidden;

	}
	
#header{
	float: left;
	width: 1120px;
	height: 124px;
	background-image: url(../images/header.png);
	}
	
#headerPattern{
	width: 900px;
	background-color: #900000;
	float: right;}
	
#header img{
	visibility: hidden;}
	
/*TABS*/
	
#nav{float: left;
	width: 1120px;
	background-image: url(../images/greyBar.png);
	height: 28px;
	clear: both;
	background-repeat: repeat-x;
	}
	

	
#tabs{
	margin-left: 200px;}

#tabs a{
	margin: 0px;
}

.nav{
	margin-left: 20px;}

.nav li{
	float: left;
	position: relative;
	display: block;
	z-index: 10;
	width: 190px;}
	
.nav li ul li{
	float: none;}
	
.nav li a img{position: absolute;
	top: 0px;
	left: 50px;}

.nav li img{
	float: right;}
	
.dropdown{
	display: none;
}
	
 
	
/*
.nav li .services{

	}
	
#tabs a.products{
	background-image: url(../images/Products.png);
	border: 1px solid red;
	width: 80px;
	height: 28px;
	margin-left: 55px;
	margin-right: 55px;}
	
#tabs a.support{
	background-image: url(../images/support.png);
	width: 74px;
	height: 28px;
	margin-left: 57px;
	margin-right: 57px;
	}
*/
	
#ServiceDropdown, #ProductsDropdown, #SupportDropdown{
	position: absolute;
	z-index: 10;
	width: 190px;
	top: 28px;
	left: 0px;
	background-color: white;
}

.dropdown li{
	display: block;
	margin: 0px;}

#tabs .dropdown li a{
	background-color: white;
	color: #333333;
	 font-size: 12px;
	font-weight: normal;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	width: 148px;
	text-align: left;
	border-top: none;	}

.dropdown li a{
	background-color: white;
	color: #333333;
	 font-size: 12px;
	font-weight: normal;
	padding: 9px;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	width: 148px;
	text-align: center;
/* 	border: 1px solid #cccccc; */
	border-top: none;	}
	
.dropdown{
	border: 1px solid #cccccc;
}
	
.dropdown li a:hover{
	background-color: #900000;
	color: white;}
	
#tabs .dropdown li a:hover{
	background-color: #900000;
	color: white;
	text-decoration: none;}
	
/*
.dropdown{
	display: none;
}

#tabs ul li:hover ul{
	display: block;}	
*/

	


/*NAVIGATION*/

/*
#menu li a{
	font-family: "Helvetica Neue", "Verdana", "Arial Narrow", "Arial", sans-serif;
	font-size: 14px;
	color: inherit;
	text-decoration: none;
	background-image: url(../images/arrow.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	}
*/
	
	
#menu{
	margin-top: 20px;
	border-top: 1px solid #800000;
}

#menu li a{
	font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: white;
	text-decoration: none;
	padding-left: 0px;
	font-weight: normal;
	padding: 7px;
	padding-left: 20px;
	display: block;
	}
	
#menu li a:hover{
	background-image: url(../images/menuHover.png);
	background-color: white;
	background-repeat: repeat-y;
	color: #900000;
	text-decoration: underline;}
	
#menu li{
	border-bottom: 1px solid #800000;
	width: 200px;
	color: #333333;}
	

	
	
/*
#menu li{
	border-bottom: 1px solid #cccccc;
	color: #333333;}
	
#menu li:hover{
	border-bottom: 1px solid #c00000;
	color: #c00000;}
*/
	
.prodsportsBanner{
	margin-top: 90px;
	padding: 20px;
	text-align: center;}
	
	
/*HOMEPAGE CONTENT*/

#contactAd{
	margin-left: 20px;
	padding: 20px;
	width: 840px;
	background-image: url(../images/redBar.png);
	margin-bottom: 10px;
}

#contactAd p{
	font-size: 26px;
	color: white;
text-align: center;
}

#content{
	margin: 20px;
/* 	border: 1px solid red; */
	overflow: hidden;}
	
#feature{
	border: 1px solid #cccccc;
	width: 563px;
	height: 200px;}
	
#featureImages{
	position: relative;
	top: -26px;
	z-index: 1;}
	
#featureImages li img{
	display: block;
	}
	
#featureText{
	background-image: url(../images/contentBar.png);
	width: 563px;
	height: 26px;
	z-index: 2;
	position: relative;}
	
#featureText p{
	margin: 5px;
	font-family: "Helvetica Neue",   "Arial Narrow", "Arial", sans-serif;
	font-size: 14px;
	color: #333333;}
	
#featureText a{
	margin: 5px;
	margin-top: 7px;}
	
#featureText a:hover{
	color: #960000;}
	
.tileUpper{
	border: 1px solid #cccccc;
	overflow: hidden;
	width: 278px;
	height: 240px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	background-color: white;
	position: relative;
	background-position: left;
	background-position: bottom;
	
	background-repeat: no-repeat;}
	
.tileUpper h6{
	background-repeat: repeat-x;
	width: 278px;
	height: 28px;
	position: relative;
	z-index: 6;
	overflow: hidden;}
	
a:hover{
	text-decoration: underline;
	color: #c00000;}
	



 .tileUpper p{
	position: relative;
	display: block;
	z-index: 10;
	padding: 10px;
	}
.tileUpper ul{
	position: relative;
	margin-left: 20px;
	z-index: 11;}
	
.tileUpper ul li{
	font-weight: bold;}
	

	
.servicesImg, .productsImg, .supportImg{
	position: absolute;
	bottom: 0px;
	z-index: 4;}


	
#services{
	background-image: url(../images/ServicesTileBg.png);}
	
#products{
	background-image: url(../images/ProductsTileBg.png);}
	
#support{
	background-image: url(../images/SupportTileBg.png);}
	

#services h6{
	background-image: url(../images/ServicesTileGrey.png);}
	
#products h6{
	background-image: url(../images/ProductsTileGrey.png);}
	
#support h6{
	background-image: url(../images/SupportTileGrey.png);}	
	
	
.last{
	margin-right: none;}
	
/*FONTS*/
	a{font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: #900000;
	text-decoration: none;
		}
		
	p{font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;}
	
#aboutCol	ul, #content ul{font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin-left: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: square;
		}
		
#content ul li{
	padding-top: 5px;}
	
#featureImages li{
	padding-top: 0px;}
	
#feature ul{
	margin: 0px;
	list-style: none;}
	
.push{
	height: 1em;
	clear: both;}
	
#footer{
position: relative;
z-index: 40;
clear: both;
height: 1em;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
text-align: center;
padding-top: 10px;
width: 1120px;
margin-left: auto;
margin-right: auto;
bottom: 0px;
background-color: white;
}

#footer a{
	padding-left: 20px;
	padding-right: 20px;}
	
	
#newsItems{
	width: 530px;
	padding: 20px;
	border-right: 1px solid #cccccc;
	float: left;}
	
#newsItems p{
padding-top: 5px;}
	
h2, .bgtxt, #contactUsPage div b{
	font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: #900000;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #900000;
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.bgtxt, #contactUsPage div b{
	border-bottom: none;
	font-weight: bold;
	margin-left: 20px;
	width: auto;
}

#contactUsPage div p{
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px;
}

#contactUsPage div b{
	display: block;
	margin-bottom: 1px;
}

#contactUsPage div fieldset{
	margin-left: 20px;
	margin-bottom: 20px;
}

#contactUsPage div p.last{
	border-bottom: none;
	margin: 0px;
}

#contactUsPage div{
	display: block;
	width: 600px;
	overflow: hidden;
}
	
#blogroll{
	float: left;
	padding: 10px;
	width: 120px;
	padding-top: 25px;
}



#blogroll li{
	margin: 5px;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;}
	
#blogroll a:hover{
	font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	font-size: 14px;
	color: #900000;
	text-decoration: none;
	font-weight: bold;
}

h1{
font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 20px;}
	
h6{font-family:"Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	
}

h5{
font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	font-size: 30px;
	color: #212121;
	text-decoration: none;

}

#headerList li h5{
	float: right;}

#headerList li{
	position: absolute;
	text-align: right;
	width: 500px;


	}
	
#headerList{
	left: 50px;
	top: 40px;}

#header{
	position: relative;}
	
#header a{
	position: absolute;
	top:0px;
	left: 0px;}


	
#contactNo{
	position: absolute;
	left: 570px;
	top: 40px;
}
	
	
#tagline{
	position: absolute;
	left: 250px;
	top: 55px;}

	


h3{font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: #900000;
	text-decoration: none;
	margin-left: 5px;
	font-weight: bold;}
	
h3 b{color: #333333;}

.profile{
	width: 390px;
	overflow: hidden;
	float: left;
	margin-left: 5px;}
	
.profile p{
	width: 280px;
	margin: 5px;}
	
	#aboutCol{
	float: left;
	width: 800px;
	border-left: 1px solid #cccccc;
	padding: 10px;}


.contact{
	margin-left: 10px;
	overflow: hidden;
	padding: 0px;}
	
.contact td{
padding-left: 10px;
padding-right: 10px;}

.line{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
	
.contact h3{
	 font-size: 12px;
}

.red{
	color: #900000;}
	
.map{
	float: left;
	padding: 10px;
	margin-top: 20px;
	margin-left: 5px;
	border-top: 1px solid #cccccc;}
	
.contactForm label{
	font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	float: left;
	clear: both;
	margin-top: 10px;}
	
.contactForm input, .contactForm textarea{
	float: left;
	clear: both;}
	
	
.contactForm textarea{
	width: 300px;
	height: 100px;}
	
.SalesForm label{
	font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	float: left;
	clear: both;
	margin-top: 10px;}
	
.SalesForm input, .SalesForm select{
	float: left;
	clear: both;
	margin-left: 0px;
	padding-left: 0px;}
	
	
.SalesForm textarea{
	clear: both;
	float: left;
	width: 260px;
	height: 100px;}
	
.col1{
	float: left;
	width: 160px;
	height: 300px;
	margin-right: 10px;
	border-right: 1px solid #cccccc;}

.col2{
	float: left;}
	
	
.RightMenu li a{
	font-family: "Helvetica Neue", "verdana",   "Arial Narrow", "Arial", Arial,  sans-serif;
	 font-size: 12px;
	color: inherit;
	text-decoration: none;
	padding-left: 0px;
	font-weight: normal;
	padding: 7px;
	display: block;
	}
	
.RightMenu li a:hover{
	background-color: #900000;
	color: white;
	text-decoration: underline;}
	
.RightMenu{
	float: left;
	}
	
.rightNav {
	padding: 0px;
	position: relative;}
	
.rightNav h6{
	position: absolute;
	top: 0px;}
	
	
.RightMenu li{
	border-bottom: 1px solid #cccccc;
	width: 300px;
	color: #333333;}
	
.RightMenu li:hover{}


.rightNav{
	border: 1px solid #cccccc;
	width: 300px;
	float: left;
	margin-top: 0px;
	position: relative;
	background-position: bottom;
	background-repeat: no-repeat;}
	
.rightNav h6{
	background-repeat: repeat-x;
	width: 300px;
	height: 28px;
	position: relative;
	z-index: 6;}
	
	
.c1{
	width: 160px;
	float: left;
	margin-right: 20px;}
	
#portfolio .c1 a {
	display: block;
}
	
#portfolio .c1 a img{
	padding: 2px;
	border: 1px solid #cccccc;
}

#portfolio .c1 a:hover img{
	border: 1px solid #9a0000;
}

#portfolio .c1{
	margin-bottom: 30px;
}
	
.c2{
	width: 160px;
	float: left;
	margin-right: 20px;}
	
.c3{
	width: 160px;
	float: left;}
	
.c4{
	width: 250px;
	float: left;
	margin-right: 15px;}
	
.portfolio a img{
	padding: 3px;
	border: 1px solid #cccccc;
	}
	
.portfolio a:hover img{
	padding: 3px;
	border: 1px solid #900000;
	}
	
.portfolio a{
	float: left;
	display: block;
	clear: both;
	padding-top: 3px;}
	
.portfolio p{
	padding-top: 3px;
	font-weight: bold;}
	
	
.portfolioItem{
	overflow: hidden;
	margin-bottom: 30px;
}
	
.portfolioItem img{
	float: left;
}

.portfolioItem .projectBrief{
	float: right;
	width: 170px;
	margin-top: 10px;
	margin-left: 10px;
}
	
	
	
	
.hostingTable td{
	border: 1px solid #cccccc;
	padding: 5px;
}

#rightCol .c4{
	margin-bottom: 10px;
	padding: 15px;
}

#rightCol div, #contactUsPage div{
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	overflow: visible;
	display: block;
}

#rightCol{
	padding-top: 20px;
}

#rightCol div h6, #contactUsPage div h6{
	 font-size: 12px;
	margin: 0px;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #cccccc;
	background-image: url(../images/rightTileHeader.png);
	margin-bottom: 5px;
}

#rightCol div p{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}

#rightCol Div img {
	float: right;
	vertical-align: middle;
	clear: right;
	margin-right: 30px;
	margin-top: 10px;
}

#rightCol #contactDiv{
	height: 90px;
}

#rightCol #contactDiv p{
	margin-left: 10px;
	padding-left: 25px;
	display: block;
	height: 20px;
	vertical-align: middle;
	padding-top: 3px;
	font-weight: bold;
	color: #900000;
}

#rightCol #msServer{
	background-image: url(../images/smallBusinessServer.png);
	background-repeat: no-repeat;
}

#rightCol #msServer p{
	margin-top: 50px;
	margin-bottom: 10px;
}

#rightCol #contactDiv #mailLink{
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
	
}

#rightCol #contactDiv #phoneNo{
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
}


#rightCol #hostingTile {
	background-image: url(../images/hostingTile.png);
	background-repeat: no-repeat;
	height: 175px;
}

#rightCol #hostingTile p{
	margin-top: 95px;
	padding-top: 2px;
	background-color: white;
	border-top: 1px solid #cccccc;
	margin-bottom: 5px;
}

#rightCol #mapTile {
	background-image: url(../images/mapTile.png);
	background-repeat: no-repeat;
	height: 175px;
}

#rightCol #mapTile p{
	margin-top: 95px;
	padding-top: 2px;
	background-color: white;
	border-top: 1px solid #cccccc;
	margin-bottom: 5px;
}

#rightCol #exchange{
	background-image: url(../images/exchangeTile.png);
	background-repeat: no-repeat;
}

#rightCol #exchange p{
	display: block;
	margin-top: 70px;
	margin-bottom: 10px;
}

#rightCol #seoTile{
	background-image: url(../images/seoTile.png);
	background-repeat: no-repeat;
}

#rightCol #seoTile p{
	margin-top: 70px;
	margin-bottom: 10px;
}

.bold{
	font-weight: bold;
}

#logos{
	list-style-type: none;
}

#logos li{
	float: left;
	list-style: none;
	padding: 10px;
}

#marketing{
	float: left;
	clear: both;
	width: 1000px;
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#marketing a{
	margin-left: 18px;
	padding: 0px;
	width: 280px;
	
}

#marketing a img{border: 1px solid #cccccc;}