/*------------global styles------------*/

#mail-icon
{
	float: left;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.price-quote
{

float: right;
width: 357px;
height: 93px;
padding-top: 5px;
margin-right: 120px;
margin-top: 35px;
border: 1px dashed #B3D1DC;
}

.price-quote:hover
{
	float: right;
	width: 357px;
    height: 93px;
	padding-top: 5px;
	margin-right: 120px;
	margin-top: 35px;
	border: 1px solid #B3D1DC;
}


.general-question
{
float: right;
width: 357px;
height: 93px;
margin-top: 7px;
margin-right: 120px;
border: 1px dashed #B3D1DC;
}

.general-question:hover
{
	float: right;
	width: 357px;
    height: 93px;
	margin-right: 120px;
	border: 1px solid #B3D1DC;
}

.tech-assist:hover
{
	float: right;
	width: 357px;
    height: 93px;
	margin-right: 120px;
	border: 1px solid #B3D1DC;
}


.tech-assist
{
float: right;
width: 357px;
height: 93px;
margin-right: 120px;
margin-top: 7px;
border: 1px dashed #B3D1DC;
}

.web-design
{
float: right;
width: 357px;
height: 93px;
padding-top: 5px;
margin-right: 120px;
margin-top: 35px;
border: 1px dashed #B3D1DC;
}

.web-design:hover
{
	float: right;
	width: 357px;
    height: 93px;
	padding-top: 5px;
	margin-right: 120px;
	margin-top: 35px;
	border: 1px solid #B3D1DC;
}


.logo-branding
{
float: right;
margin-top: 7px;
margin-right: 120px;
border: 1px dashed #B3D1DC;
}

.logo-branding:hover
{
	float: right;
	margin-right: 120px;
	border: 1px solid #B3D1DC;
}

.web-marketing
{
float: right;
margin-right: 120px;
margin-top: 7px;
border: 1px dashed #B3D1DC;
}

.web-marketing:hover
{
	float: right;
	margin-right: 120px;
	border: 1px solid #B3D1DC;
}

#contact-info1
{
	float:left;
	width: 317px;
	padding: 20px;
	height: auto;
	margin-top: 410px;
	margin-left: 5px;
	margin-right: 120px;
	position: absolute;
	line-height: 21px;
	border: 1px dashed #B3D1DC;
}

a {
	outline:none;
	text-decoration: underline;
}

a:link {
text-decoration:none;
}    

body{
	margin:0px;
	padding:0px;
	color:#858585;
	background-color: white;
	font-family: Helvetica;
	line-height: 21px;
}


ul li {
	list-style-type: none;
}

td, th {
	font-size: 12px 
}

img {
border:0;
}


/*------------container------------*/
#container {
	position: relative;
	width: 960px;
	background-color: white;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow:hidden;
    word-wrap: break-word;
}
/*------------header------------*/
#header {
	height: 143px;
}

#h1{
	color: #FA6300;
	font-size: 25px;
	padding:0px;
	margin:0px;
}

/*------------logo------------*/
#logo {
	height:108px;
	width:auto;
	margin:0px;
	padding:0px;
}

#logo img{
	margin:0px; /* ========== edit by craig ========== */
}

/*navagation */

#nav{
	background-color:white;
	height:34px;
	font:16px Helvetica;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}

#nav ul { margin:0px; padding:0px; }

#nav ul li{
	float: left;
}
#nav ul li a
{
	padding:0px;
	color:silver;
	text-decoration:none;
	display:block;
	text-indent: -9999px;
	height:35px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#nav ul li.selected a 
{
background-position:0px -35px;
}

#nav ul li.selected ul li a 
{
	background-position:0px 0px;
}

#nav ul li.selected ul li a:hover
{
	background-position:0px -35px;
}
/*
#nav ul li.selected ul 
{
	display: none;
	position: absolute;
}

#nav ul ul {
	display: none;
	position: absolute;
}


#nav ul li:hover ul 
{
	display: inline;
	margin:0px;
	position: absolute;
}


#nav ul ul li.selected a
{
background-position:0px -22px;
}
*/

.about-methodology
{
	position: absolute;
	top: 0px;
}

.about-expertise
{
	position: absolute;
	top: 35px;
}

.services-webdes
{
	position: absolute;
	top: 0px;
}

.services-webdev
{
	position: absolute;
	top: 35px;
}

.services-marketing
{
	position: absolute;
	top: 70px;
}

.services-logos
{
	position: absolute;
	top: 105px;
}

.packages
{
	position: absolute;
	top: 105px;
}

.contact
{
	position: absolute;
	top: 105px;
}

a#home {
	background:url(images/hometab.png) no-repeat;
	width:144px;
	background-position:0px 0px;
	background-color: #FA6300;
}
a#home:hover { background-position:0px -35px; }

a#about { background:url(images/abouttab.png) no-repeat; width:144px; background-position:0px 0px; }
a#about:hover { background-position:0px -35px; }

a#about-methodology { background:url(images/about-meth-tab.png) no-repeat; width:144px; background-position:0px 0px; }
a#about-methodology:hover { background-position:0px -35px; }

a#about-expertise { background:url(images/about-expertise-tab.png) no-repeat; width:144px; background-position:0px 0px; }
a#about-expertise:hover { background-position:0px -35px; }

a#services { background:url(images/servicestab.png) no-repeat; width:144px; background-position:0px 0px; }
a#services:hover { background-position:0px -35px; }

a#services-webdes { background:url(images/services-webdesign-tab.png) no-repeat; width:144px; background-position:0px 0px; }
a#services-webdes:hover { background-position:0px -35px; }

a#services-webdev{ background:url(images/services-webdev-tab.png) no-repeat; width:144px; background-position:0px 0px; }
a#services-webdev:hover { background-position:0px -35px; }

a#services-marketing { background:url(images/services-marketing-tab.png) no-repeat; width:144px; background-position:0px 0px; }
a#services-marketing:hover { background-position:0px -35px; }

a#services-logos { background:url(images/services-logos-tab.png) no-repeat; width:144px; background-position:0px 0px; }
a#services-logos:hover { background-position:0px -35px; }

a#portfolio { background:url(images/portfoliotab.png) no-repeat; width:144px; background-position:0px 0px; }
a#portfolio:hover { background-position:0px -35px; }

a#packages { background:url(images/create-tab.png) no-repeat; width:208px; background-position:0px 0px; }
a#packages:hover { background-position:0px -35px; }

a#contact { background:url(images/contacttab.png) no-repeat; width:144px; background-position:0px 0px; }
a#contact:hover { background-position:0px -35px; }

#nav ul li a.highlight,
#nav ul li a:hover{
	background-color:#FF6C00;
	color:white;
}	
/* a#nav_home:hover, a#nav_about:hover, a#nav_services:hover, 
	a#nav_projects:hover,a#nav_news:hover, a#nav_contact:hover {
	background-position:0 -25px; */


/*------------footer------------*/
#footer {
	clear: both;
	height:60px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B3D1DC;
}
#footer-link
{
	float: left;
	font-size: 13px;
	margin-top: 15px;
}
#seal
{
float: right;
width: 90px;
height: 32px;
margin-top: 15px;
}

/*---------------left side----------------*/
#leftcontent {
	float:left;
	background-color:white;
	width:406px;
	height:350px;  
	clear:both;
	padding:5px 10px;
	line-height:20px;
	overflow: auto;
}
/*------------right side------------*/
#rightcontent {
	float:right;
	width: 430px;
	height:405px;
	margin:0px;
	font-weight: normal;
}

.contact1{
	background: url(images/bullhorn.jpg) no-repeat;
	
}