@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	color: #777;
	font-family: tahoma, geneva, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 16px;
	color: #fff;
	margin: 0 0 7px 0;
}

h2 {
	font-family: arial, geneva, sans-serif;
	font-size: 16px;
	color: #c21919;
	margin: 7px 0 7px 0;
}

p {
	margin: 5px 0 15px 0;
}

.themecolor {
	color: #c21919;
}

.bold {
	font-weight: bold;
}

.nobold {
	font-weight: normal;
}

.clear {
	clear: both;
}

#wrapper {
	margin: 10px auto;
	text-align: left;
	width: 945px;
}

#header {
	background: url(../images/headerbg-red.png) top right no-repeat;
	height: 185px;
	margin-top: 0px;
	padding: 0px;
	position: relative;
}

	#sitetitle {
		background: url('../images/titlelogo.jpg') top center no-repeat;
		height: 116px;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 329px;
	}
	
	#loginbox {
		height: 20px;
		position: absolute;
		top: 15px;
		right: 10px;
		width: 380px;
	}
	
		#loginbox input[type="text"] {
			border: 1px #ccc solid;
			color: #777777;
			font-size: 12px;
			float: left;
			height: 17px;
			margin-right: 5px;
			padding-left: 3px;
			width: 120px;
		}
		
		#loginbox input[type="password"] {
			border: 1px #ccc solid;
			color: #777777;
			font-size: 12px;
			float: left;
			height: 17px;
			margin-right: 5px;
			padding-left: 3px;
			width: 120px;
		}
		
		#loginbox input[type="image"] {
			background: url('../images/login-red.png') top center no-repeat;
			float: left;
			height: 20px;
			width: 85px;
		}
			#loginbox input[type="button"] {
			float: left;
			height: 20px;
			width: 85px;
		}
	
	#resizetext {
		font-size: 11px;
		font-weight: bold;
		height: 20px;
		left: 450px;
		position: absolute;
		top: 100px;
		width: 135px;
	}
	
		#resizetext img {
			cursor: pointer;
			vertical-align: text-top;
		}
	
	#changecolor {
		font-size: 11px;
		font-weight: bold;
		height: 20px;
		position: absolute;
		top: 100px;
		left: 605px;
		width: 310px;
	}

		#changecolor img {
			cursor: pointer;
			vertical-align: text-top;
		}
	
	#horizontalmenu {
		background: url('../images/horizontalmenubg.png') top left no-repeat;
		height: 55px;
		left: 0px;
		padding-left: 10px;
		position: absolute;
		top: 125px;
		width: 950px;
		cursor:pointer;
	}
	
	#menuwrapper {
		float: left;
		width: 100%;
		line-height: normal;
	}
	
	#horizontalmenu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#horizontalmenu li {
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
		#horizontalmenu a {
			background: transparent url('../images/btn-right.png') center left no-repeat;
			margin: 12px 2px 10px 0px;
			padding: 0px;
			height: 30px;
			text-decoration: none;
			display: inline-block;
		}
	
		#horizontalmenu span {
			color: #777777;
			font-weight: bold;
			cursor: pointer;
			display: inline-block;
			height: 30px;
			margin-right: 2px;
			padding: 7px 15px 0px 15px;
			text-align: center;
		}
	
	#horizontalmenu a:first-child {
		background: none;
	}

	#horizontalmenu a:hover {
		background: url('../images/hoverbg-right-red.png') right no-repeat;
	}
		
		#horizontalmenu a:hover span {
			background: url('../images/hoverbg-left-red.png') left no-repeat;
			padding-top: 7px;
			height: 23px;
			color: #ffffff;
		}
	
#banner {
	background: url('../images/bannerbg-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-design {
	background: url('../images/bannerbgdesign-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-products {
	background: url('../images/bannerbgproducts-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-access {
	background: url('../images/bannerbgaccess-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-hosting {
	background: url('../images/bannerbghosting-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-contact {
	background: url('../images/bannerbgcontact-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-marketing {
	background: url('../images/marketing.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-clients {
	background: url('../images/bannerbgclients-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-support {
	background: url('../images/bannerbgsupport-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
#banner-logo {
	background: url('../images/bannerbgmobile-red.jpg') top center no-repeat;
	width: 940px;
	height: 230px;
	position: relative;
}
	#featuredwork {
		color: #fff;
		font-size: 12px;
		height: 175px;
		left: 43px;
		position: absolute;
		top: 20px;
		width: 345px;
	}
		
			#ourproductsmenu {
		color: #fff;
		font-size: 12px;
		height: 175px;
		left: 820px;
		position: absolute;
		top: 11px;
		width: 150px;
		line-height:24px;
	}
#content {
}

	#leftcontent {
		float: left;
		margin: 20px;
		width: 440px;
	}
	
	#rightcontent {
		float: right;
		width: 425px;
		margin-top: 5px;
		margin-right: 15px;
	}
	
		.box {
			background: url('../images/gradientbg.png') bottom center no-repeat;
			height: 215px;
			margin-top: 0px;
			padding-bottom: 8px;
		}
		
		.boxtext {
			color: #777;
			width: 210px;
			float: left;
			margin: 25px 0 0 35px;
		}
		
		.boximage {
			height: 215px;
			margin-right: 12px;
			overflow: hidden;
			background-position:right;
			background-repeat: no-repeat;
		}
		
		.learnmore {
			background: url('../images/learnmore-red.png') top center no-repeat;
			height: 29px;
			width: 94px;
		}
	
	#bottomcontainer {
		width: 940px;
		height: 200px;
		clear: both;
	}
	
		#box1 {
			background: url(../images/bottom-ctn1.jpg) top left no-repeat;
			float: left;
			width: 305px;
			height: 200px;
			padding-right: 12px;
		}
		
		.btm-text {
			color: #777;
			width: 130px;
			padding-left: 25px;
		}
		
		#box2 {
			background: url(../images/bottom-ctn2.jpg) top left no-repeat;
			float: left;
			width: 305px;
			height: 200px;
			padding-right: 12px;
		}
		
		#box3 {
			background: url(../images/bottom-ctn3.jpg) top left no-repeat;
			float: left;
			width: 305px;
			height: 200px;
		}
		
#footer {
	background: url(../images/footer-bg.png) top left no-repeat;
	width: 945px;
	height: 50px;
	margin-top: 10px;
}

	#footerlinks {
		float: right;
		padding-right: 40px;
		padding-top: 8px;
	}
	
	#footerlinks a {
		font-weight: bold;
		text-decoration: none;
		color: #777;
	}
	#centerwrapper { 
 width:980px; 
 margin:0 auto; 
 overflow:hidden; 
} 
#centerwrapper div { 
 float:left; 
 width:320px; 
 height:290px; 
}