﻿p{
	font-family:helvetica, arial, tahoma, verdana, san-serif;
	color:#636363;
	font-size:.9em;
	line-height:2em;
	margin:10px 0px;
	padding:0px;
}

h1{
	font-family:georgia, times new roman, times, serif;
	color:#636363;
	font-size:1.5em;
	font-weight:lighter;
	font-style:italic;
	margin:0px;
	padding:0px;
	letter-spacing:-.025em;
}

h2{
	font-family:"Gills Sans", "Arial", "verdana", "helvetica", sans-serif;
	color:#636363;
	font-size:.7em;
	font-style:normal;
	font-variant:small-caps;
	line-height:.9em;
	letter-spacing:.15em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h3{
	font-family:"Times New Roman", Times, serif;
	color:#636363;
	font-size:1.5em;
	margin:0px;
	padding:0px;

}

h4{
	font-family:"Gills Sans", "Arial", "verdana", "helvetica", sans-serif;
	color:#636363;
	font-size:.8em;
	font-style:normal;
	font-variant:small-caps;
	line-height:.9em;
	letter-spacing:.15em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h5{
	font-family:helvetica, arial, tahoma, verdana, san-serif;
	color:#636363;
	font-size:.9em;
	margin:10px 0px 20px 0px;
	padding:0px;
	font-weight:lighter;
}

h6{
	font-family:georgia, times new roman, times, serif;
	color:#636363;
	font-size:1em;
	font-weight:lighter;
	font-style:normal;
	margin:0px;
	padding:0px;
	letter-spacing:-.025em;

}

.customer{
	font-family:georgia, times new roman, times, serif;
	color:#636363;
	font-size:1.4em;
	font-weight:lighter;
	font-style:italic;
	line-height:1.2em;
	margin:10px 0px;
	padding:0px;
	letter-spacing:-.025em;
	
}

.bigitalic{
	font-size:1.3em;
	font-style:italic;	
}

.boldcondense{
	font-weight:bold;
	letter-spacing:-.1025em;
	font-size:1.3em;
}

ul{
	color:#636363;
	font-family:helvetica, arial, tahoma, verdana, san-serif;
	color:#636363;
	font-size:.9em;
	line-height:2em;
	margin:10px 30px;
	padding:0px;
}

ol{
	color:#636363;
	font-family:helvetica, arial, tahoma, verdana, san-serif;
	color:#636363;
	font-size:.9em;
	line-height:2em;
	margin:10px 0px 10px 50px;
	padding:0px;
}

.footer{
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#AFAFAF;
	font-style:normal;
	font-weight:lighter;
	font-size:.9em;
	margin:0px;
	padding:0px;
}

img{
	border:none;
}

img:link{
	border:none;
	padding:0px;
	maring:0px;
}

img:visited{
	border:none;
	padding:0px;
	maring:0px;
}


img:hover{
	border:none;
	padding:0px;
	maring:0px;
}

img:active{
	border:none;
	padding:0px;
	maring:0px;
}

#contacttop a{
	text-decoration:none;
}

#contact a{
	text-decoration:none;
}

.text{
	font-family:arial, tahoma, verdana, san-serif;
	text-align:left;
	color:#636363;
	font-size:.8em;
	font-weight:lighter;
	line-height:1em;
	letter-spacing:0em;
	margin:0px;
	padding:0px 5px;
}

.text2{
	font-family:arial, tahoma, verdana, san-serif;
	text-align:left;
	vertical-align:top;
	color:#636363;
	font-size:.8em;
	font-weight:lighter;
	line-height:1em;
	letter-spacing:0em;
	margin:0px;
	padding:0px 5px;
}


.input1{
	background:url('images/input1.png');
	width:169px;
	height:16px;
	padding:5px;
	border:none;
	margin:0px 0px 5px 0px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

.input2{
	background:url('images/input2.png');
	width:127px;
	height:14px;
	padding:5px;
	border:none;
	margin:0px 0px 5px 0px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;

}

.input3{
	background:url('images/input3.png');
	width:176px;
	height:58px;
	padding:5px;
	border:none;
	margin:0px 0px 5px 0px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

body{
	background:url('images/bg.png') no-repeat #F2F1F2;
	background-position:center;
	background-attachment:fixed;
}

#wrapper{
	width:900px;
	margin:5px auto;
}

/* TIMELINE */
.timeslot {
	width: 235px;
	float: left;
	margin: 0 0 50px;
	padding: 5px 100px 0 0;
	border-top: 3px solid #ddd;
	position: relative;
}

.timeslot span {
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 3em;
	color: #999;
}
.even {
	float: right;
	padding: 5px 0 0 100px;
	border-color: #8A1B2E;
}
.even span {
	left: 0;
	color: #8A1B2E;
}

.leftimage {
	float:left;
	padding:5px;
	text-align:center;
	width:145px;
	clear:none;
}

.rightimage {
	float:right;
	padding:5px;
	text-align:center;
	width:145px;
	clear:none;
}
/*NAVIGATION BEGIN*/

#navbar{
	border-bottom:solid 3px #8a1b2e;
	width:100%;
	height:35px;
	clear:both;
	padding:0px;
	margin:0px;
}

.tab .home {
	background: url('images/home.png') no-repeat;
	width:82px;	

}

.tab .about {
	background: url('images/about.png') no-repeat;
	width:81px;
}

.tab .design {
	background: url('images/design.png') no-repeat;
	width:80px;
}

.tab .development {
	background: url('images/development.png') no-repeat;
	width:153px;

}

.tab .marketing {
	background: url('images/marketing.png') no-repeat;
	width:106px;
}

.tab .faqs {
	background: url('images/faqs.png') no-repeat;
	width:86px;
}

.tab .hardware {
	background: url('images/hardware.png') no-repeat;
	width:104px;
}

.tab a {
	float:right;
	display: block;
	height: 35px;
	background-position:0 -35px;
}

.tab a:link {
	background-position: 0 -35px;
}

.tab a:visited {
	background-position: 0 -35px;
}

.tab a:hover {
	background-position:0 0px;
}

.tab a.active {
	background-position:0 0px;
}

.tab a:visited:link {
	background-position: 0 -35px;
}

.tab a:visited:visited {
	background-position: 0 -35px;
}

.tab a:visited:hover {
	background-position: 0 0;
}

.tab a:visited:active {
	background-position: 0 0;
}


.tab a:span {
	  display: none;
}


#subnav{
	background:url('images/divider.png') no-repeat;
	background-position: top right;
	float:left;
	width:150px;
	height:250px;
	padding:40px 50px 0px 0px;
	margin:0px;
}

.subtab .ourteam {
	background-position:0px 0px;
}

.subtab .ourteam:hover {
	background-position:0 -43px;
}

.subtab .payperclick {
	background-position:2128px 0px;
}

.subtab .payperclick:hover {
	background-position:2128px -43px;
}

.subtab .organic {
	background-position:1976px 0px;
}

.subtab .organic:hover {
	background-position:1976px -43px;
}


.subtab .successes {
	background-position:1824px 0px;
}

.subtab .successes:hover {
	background-position:1824px -43px;
}

.subtab .portfolio {
	background-position:1672px 0px;
}

.subtab .portfolio:hover {
	background-position:1672px -43px;
}

.subtab .ecommerce {
	background-position:1520px 0px;
}

.subtab .ecommerce:hover {
	background-position:1520px -43px;
}

.subtab .onlineauction {
	background-position:1368px 0px;
}

.subtab .onlineauction:hover {
	background-position:1368px -43px;
}

.subtab .customsoftware {
	background-position:1216px 0px;
}

.subtab .customsoftware:hover {
	background-position:1216px -43px;
}

.subtab .gettingstarted {
	background-position:1064px 0px;
}

.subtab .gettingstarted:hover {
	background-position:1064px -43px;
}

.subtab .articles {
	background-position:912px 0px;
}

.subtab .articles:hover {
	background-position:912px -43px;
}

.subtab .news {
	background-position:760px 0px;
}

.subtab .news:hover {
	background-position:760px -43px;
}

.subtab .flash {
	background-position:608px 0px;
}

.subtab .flash:hover {
	background-position:608px -43px;
}

.subtab .photography {
	background-position:456px 0px;
}

.subtab .photography:hover {
	background-position:456px -43px;
}

.subtab .frames {
	background-position:304px 0px;
}

.subtab .frames:hover {
	background-position:304px -43px;
}

.subtab .search {
	background-position:152px 0px;
}

.subtab .search:hover {
	background-position:152px -43px;
}

.subtab a {
	background:url('images/subnav2.png');
	float:left;
	display: block;
	height: 43px;
	width:152px;
	margin:5px 4px;
}

.subtab a:span {
	  display: none;
}

/*NAVIGATION END*/


.container{
	overflow:auto;
	clear:both;
}

.container2{
	overflow:auto;
	width:275px;
	margin:0px;
	padding:0px;
	float:left;
}

.quotes{
	width:510px;
	padding:0px;
	margin:40px 0px;
}

.column{
	float:left;
	width:180px;
	margin-right:35px;
}

.left{
	float:left;
	width:500px;
}

.right{
	float:right;
}

#contacttop{
	background:url('images/divider.png') no-repeat;
	background-position: top left;
	float:right;
	padding:5px 0px 5px 15px;
	margin:10px 0px;
}

#contact{
	width:268px;
	float:left;
}

#content{
	float:left;
	padding:10px;
	margin:0px 20px 0px 50px;
	width:600px;
}

#boardroom{
	width:285px; 
	padding:10px;
	margin:0px; 
	background:#e3e3e4;
	border:solid 1px #AFAFAF; 
	float:right;
}

/*MAIN CONTAINERS */



/*ITEM CONTAINERS */

#footer{
	width:900px;
	text-align:center;
	color:8a1b2e;
	font-size:.8em;
	margin:50px 0px 0px 0px;
	padding:0px;
}

img.freeze{
	border:4px solid #BFBFBF;
	margin:20px;
	padding:0px;
}

img.floatright{
	float:right;
	margin:0px 10px 10px 10px;
}

img.floatleft{
	float:left;
	margin:0px 10px 10px 10px;
}

img.floatcenter{
	margin:10px 0px;
}

.box{
	background:url('images/box.png');
	padding:10px;
	height:129px;
	width:129px;
	margin:0px 30px 30px 0px;
	float:left;
	text-align:center;
}

img.freeze{
	border:4px solid #BFBFBF;
	margin:10px;
	padding:0px;
}

.item {
	width:268px;
	margin:20px 0px 0px 0px;
	text-align:center;
	float:left;
}

.MID {
	background:url('images/MID.png') #e6e6e7 repeat-x bottom;
	padding:8px;
	height:135px;
}
.N{
	background:url('images/N.png');
	height:25px;
}

.S{
	background:url('images/S.png')repeat-x ;
	height:25px;
}

