/* CSS Document */
html { margin: 0; padding: 0; width: 100%}

body {
	margin: 0; 
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	background: #ffffff; 
	color: #000000; 
	position: relative;
	line-height: 18px;
}


h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img { border:none; text-decoration: none;}



/* STRUCTURE */

div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}



#content{
  width: 800px;
  margin: 15px auto 30px auto;
  padding: 0;
  background: #fff;
  position: relative;
  
}
#starburst{
	position: absolute;
	height: 200px;
	width: 200px;
	right: -150px;
	top: 120px;
	z-index: 100;
}

#slogan{
	position: absolute;
	height: 41px;
	width: 299px;
	right: 0px;
	top: 20px;
	z-index: 90;
}

#maincontent{
	margin: 0px;
}

#column1{
width:236px;
height: 100px;
float: left;
margin-top: 20px;
padding: 10px;
border-right: 1px #d7d7d7 solid;

}
#column2{
width:256px;
height: 100px;
float: right;
margin-top: 20px;
padding: 10px;

}
#column3{
width:236px;
height: 100px;
float: right;
margin-top: 20px;
padding: 10px;
border-right: 1px #d7d7d7 solid;
}

#bottominfo1{
width:175px;
height: 170px;
margin-top: 30px;
padding-top: 20px;
background: #000;
float: left;
color: #c2c2c2;

}

#bottominfo2{
width:310px;
height: 170px;
margin-top: 30px;
padding-top: 20px;
background: #000;
float: left;
color: #1F1C26;

}

#bottominfo3{
width:315px;
height: 170px;
margin-top: 30px;
padding-top: 20px;
background: #000;
float: left;
color: #c2c2c2;

}

#logo {

	background: url(../images/logo.gif) no-repeat left top;
	width: 180px;
	height: 182px;
	margin: 0px;
	margin-bottom: 60px;
	
}

/****** style tags ******/

.title {
	color: #f33f8e;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}


p {
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 20px;
	color:#333333;
}

p.nice {
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 20px;
	color:#000;
}

p.whatsnew {
	color:#666;

}

li.latestlaunch {
	color:#666;
	list-style: none;
	margin-bottom: 8px;
}

.testimonial{
	margin-bottom: 20px;
	border-bottom: dotted 1px #000;
}



.leftcolumn{
	float: left;
	width: 350px;
	margin-right: 60px;
}
.rightcolumn{
	float: left;
	width: 350px;
}

ul.bodylist li{
	list-style: square;
	margin-bottom: 10px;
	margin-left: 30px;
	font-size: 12px;
}

 a:link.bodylink2{
	color: #444444; 
	text-decoration: none;
		}
a:visited.bodylink2{
	color: #444444; 
	text-decoration: none;
	}
a:hover.bodylink2{
	color: #444444; 
	text-decoration: none;
	
	}
a:active.bodylink2{
	color: #444444; 
	text-decoration: none;
	
	}

.copyright {
	color: #000;
	font-size: 9px;
 	text-transform: uppercase;
	
	}
	
	ul.features {
	margin-bottom: 10px;
}

ul.features li {
	list-style: square;
}





#bottominfo1 p{
margin-left: 3px;
}
#bottominfo2 p{
margin-left: 3px;
}
#bottominfo3 p{
margin-left: 3px;
}


/* LINK COLORS */

a:link {
	color: #39bbec; 
	text-decoration: none;
	font-weight: normal;
		}
a:visited {
	color: #39bbec; 
	text-decoration: none;
	font-weight: normal;
	}
a:hover {
	color: #f3408f; 
	text-decoration: none;
	font-weight: normal;
	}
a:active {
	color: #f3408f; 
	text-decoration: none;
	font-weight: normal;
	}


.copyrightlink:link {
	color: #39bbec; 
	text-decoration: none;
	text-transform: uppercase;
		}
.copyrightlink:visited {
	color: #39bbec; 
	text-decoration: none;
	text-transform: uppercase;
	}
.copyrightlink:hover {
	color: #f3408f; 
	text-decoration: none;
	text-transform: uppercase;
	}
.copyrightlink:active {
	color: #f3408f; 
	text-decoration: none;
	text-transform: uppercase;
	}
	
	
	
/* TOP NAV */
ul#mainNav {
	position:relative;
	
	height: 53px;
	width: 410px;
	margin-top: -160px;
	margin-left: 391px;
	
}
ul#mainNav li {
	height: 53px;
	list-style: none;
	margin: 0;
	float:left;
}
ul#mainNav li a {
	display: block;
	height: 53px;
	
}

ul#mainNav li a span {
	display: none;
}


/* SECONDARY NAV */
ul#secNav {
	position:relative;
	height: 33px;
	width: 457px;
	margin-top: -80px;
	margin-left: 341px;
	margin-bottom: 80px;
}
ul#secNav li {
	height: 33px;
	list-style: none;
	margin: 0;
	float:left;
}
ul#secNav li a {
	display: block;
	height: 33px;
}

ul#secNav li a span {
	display: none;
}




/* ourwork */


ul#mainNav li#ourwork a:link, ul#mainNav li#ourwork a:visited {
	width: 86px;
	margin-top: 0;
	background: url(../images/nav-ourwork.gif) left top no-repeat;	
}
ul#mainNav li#ourwork a:hover {
	width: 86px;
	margin-top: 0px;
	background: url(../images/nav-ourwork-on.gif) left top no-repeat;
}
ul#mainNav li#ourwork a.selected {
	width: 86px;
	margin-top: 0px;
	background: url(../images/nav-ourwork-on.gif) left top no-repeat;
	
}

/* businessbuilders */


ul#mainNav li#businessbuilders a:link, ul#mainNav li#businessbuilders a:visited {
	width: 120px;
	margin-top: 0px;
	background: url(../images/nav-business-builders.gif) left top no-repeat;	
}
ul#mainNav li#businessbuilders a:hover {
	width: 120px;
	margin-top: -0px;
	background: url(../images/nav-business-builders-on.gif) left top no-repeat;
}
ul#mainNav li#businessbuilders a.selected {
	width: 120px;
	margin-top: 0px;
	background: url(../images/nav-business-builders-on.gif) left top no-repeat;
	
}


/* clientpraise */


ul#mainNav li#clientpraise a:link, ul#mainNav li#clientpraise a:visited {
	width: 90px;
	margin-top: -1px;
	background: url(../images/nav-clientpraise.gif) left top no-repeat;	
}
ul#mainNav li#clientpraise a:hover {
	width: 90px;margin-top: -1px;
	background: url(../images/nav-clientpraise-on.gif) left top no-repeat;
}
ul#mainNav li#clientpraise a.selected {
	width: 90px;margin-top: -1px;
	background: url(../images/nav-clientpraise-on.gif) left top no-repeat;
	
}

/* quote */


ul#mainNav li#getaquote a:link, ul#mainNav li#getaquote a:visited {
	width: 77px;
	background: url(../images/nav-getaquote.gif) left top no-repeat;	
}
ul#mainNav li#getaquote a:hover {
	width: 77px;
	background: url(../images/nav-getaquote-on.gif) left top no-repeat;
}
ul#mainNav li#getaquote a.selected {
	width: 77px;
	background: url(../images/nav-getaquote-on.gif) left top no-repeat;
	
}

/* home */


ul#secNav li#home a:link, ul#secNav li#home a:visited {
	width: 58px;
	background: url(../images/nav-sec-home.gif) left top no-repeat;	
}
ul#secNav li#home a:hover {
	width: 58px;
	background: url(../images/nav-sec-home-on.gif) left top no-repeat;
}
ul#secNav li#home a.selected {
	width: 58px;
	background: url(../images/nav-sec-home-on.gif) left top no-repeat;
	
}

/* about */


ul#secNav li#about a:link, ul#secNav li#about a:visited {
	width: 91px;
	background: url(../images/nav-sec-about.gif) left top no-repeat;	
}
ul#secNav li#about a:hover {
	width: 91px;
	background: url(../images/nav-sec-about-on.gif) left top no-repeat;
}
ul#secNav li#about a.selected {
	width: 91px;
	background: url(../images/nav-sec-about-on.gif) left top no-repeat;
	
}

/* services */


ul#secNav li#services a:link, ul#secNav li#services a:visited {
	width: 86px;
	background: url(../images/nav-sec-services.gif) left top no-repeat;	
}
ul#secNav li#services a:hover {
	width: 86px;
	background: url(../images/nav-sec-services-on.gif) left top no-repeat;
}
ul#secNav li#services a.selected {
	width: 86px;
	background: url(../images/nav-sec-services-on.gif) left top no-repeat;
	
}

/* how */


ul#secNav li#how a:link, ul#secNav li#how a:visited {
	width: 122px;
	background: url(../images/nav-sec-how.gif) left top no-repeat;	
}
ul#secNav li#how a:hover {
	width: 122px;
	background: url(../images/nav-sec-how-on.gif) left top no-repeat;
}
ul#secNav li#how a.selected {
	width: 122px;
	background: url(../images/nav-sec-how-on.gif) left top no-repeat;
	
}

/* touch */


ul#secNav li#touch a:link, ul#secNav li#touch a:visited {
	width: 100px;
	background: url(../images/nav-sec-touch.gif) left top no-repeat;	
}
ul#secNav li#touch a:hover {
	width: 100px;
	background: url(../images/nav-sec-touch-on.gif) left top no-repeat;
}
ul#secNav li#touch a.selected {
	width: 100px;
	background: url(../images/nav-sec-touch-on.gif) left top no-repeat;
	
}


/* styles for the store */
.detailname{
font-weight: bold;
color: #ed217c;
font-size: 18px;
}

.prodimage{
vertical-align: top;
}