body {
background: url(../img/gr.jpg);
background-repeat:repeat-x;
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
}

img{
padding: 0px;
margin: 0px;
}

.clearer{
clear: both;
}

.floatleft{
float: left;
}

#container {
width: 756px;
background-color:#ffffff;
border: 12px #E5E5E5 solid;
border-top: none;
margin: 0 auto;
position:relative;
}

#siteMap {
display: none;
}

#content{
float: left;
background: #FFFFFF url(../img/content-bg-top-gradient.jpg) repeat-x;
width: 756px;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
line-height: 16px;
text-align: justify;
font-size: 11px;
position: relative;

}
#contentSpacer {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 12px;
	float: left;
	background-color:#e5e5e5;
}
#content ul {

}

#contentOther{
padding-top: 48px;
float: left;
width: 189px;
}

#contentText{
width: 426px;
float: left;
padding: 48px 44px 26px 50px;
}

#contentTextSingle{
width: 656px;
float: left;
padding: 48px 50px 26px 50px;
position:relative;
}

#marqueecontainer{
width: 180px;
float: left;
}

#marqueecontainer p{
}

#footer{
background-image: url(../img/footer-back-drop.jpg);
font-family: tahoma,verdana;
font-size: 10px;
color: #999999;
position: relative;
padding-top: 85px;
padding-right: 14px;
width: 742px;
text-align: right;
}


p{
padding: 0px;
margin-top: 6px;
margin-bottom: 11px;
}

.whiteBg {
	background-color: #FFFFFF!important;
	border: solid #a5acb2 1px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 22px;
color: #0d3c50;
padding: 0px 0px 10px 0px;
margin: 15px 0px 15px 0px;
font-weight: normal;
background: url(../img/new/new-header-border-repeat.gif) repeat-x bottom;
letter-spacing:-1px;
text-align: left;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color: #014055;
padding: 5px 0px 0px 0px;
margin: 15px 0px 15px 0px;
margin-top: 16px;
font-weight: bold;
text-align: left;
letter-spacing:0px;
}
#contentOther h2 {
height: 31px;
color: #acabab;
padding: 2px 0px 0px 0px;
background: url(../img/new/new-header-border-repeat.gif) repeat-x bottom;
}

h3 , #MarqueeSection h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #acabab;
font-weight: bold;
padding: 0px;
background: none;
text-align: left;
}
#contentOther #rh-vmarquee h1 {
padding: 0px;
background: none;
}

#contentOther h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
height: 31px;
color: #acabab;
font-weight: bold;
padding: 2px 0px 0px 0px;
background: url(../img/new-header-arrow-down.gif) no-repeat right 1px;
}

/* Blue bar with white txt*/
h4{
background-color: #013F54;
color: #ffffff;
font-size: 12px;
font-weight: normal;
padding: 2px 0 2px 4px;
}

#managmenttext h1 {
background: none;
padding: 0px;
margin: 0px;
}
a{
padding: 0px;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6b9bab;
}
a:link, a:visited, a:active{
text-decoration: underline;
}
a:hover{
text-decoration: none;
}

#footer a{
font-family: tahoma,verdana;
font-size: 10px;
color: #999999;
}
#footer a:link, #footer a:visited, #footer a:active{
text-decoration: underline;
}
#footer a:hover{
text-decoration: none;
}

.buttonhome {
background-image:url(img/home.gif);	
background-repeat:no-repeat;
position: relative;
left: 22px;
top: 24px;
}

a.buttonhomet, a.buttonhome {
background-position: 0 -20px;
color:#FFFFFF;
width: 57px;	
height: 20px;
display:block;
float: left;
}
a.buttonhome:hover {
background-position: 0 0px;
}

.brochurerequest, .brochurerequest:visited {
background-image: url(../img/brochurebutton.jpg);
background-repeat:no-repeat;
position: absolute;
top: 2px;
left: 32px;
color:#FFFFFF;
width: 96px;	
height: 96px;
display:block;
margin: 0px;
padding: 0px;
}

a.brochurerequest:hover {
background-position: 0 -96px;
background-repeat:no-repeat;
height: 96px;
}

#contentOther,#contentOther p{
color: #acabab;
font-size: 10px;
line-height: 16px;
}

#contentOther a, #contentOther:visited{
font-family: tahoma,verdana;
font-size: 10px;
color: #b2b1b1;
text-decoration: underline;
}

#contentOther a:hover{
text-decoration: none;
color: #b2b1b1;
}

.companyname{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#moreweblinks {
padding-left: 25px;
background: url(../img/new-see-more-examples-icon.gif) no-repeat left 5px;
}

#moreweblinks a, #moreweblinks a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #6e6e70;
line-height: 12px;
}

#moreweblinks a:hover{
text-decoration: underline;
}


#latestnews p{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

#latestnews{
padding: 23px;
border: 4px solid #DAD9D9; 
}

.launchicon{
background-image: url(../img/rightarraw.jpg);
padding-right: 9px;
background-position: right;
background-repeat: no-repeat;
}

.casestudyicon{
background-image: url(../img/pageicon.jpg);
padding-right: 14px;
background-position: right;
background-repeat: no-repeat;
}

.hr {
border-bottom: 1px solid #DAD9D9;
margin-top: 16px;
margin-bottom: 16px;
}

.imgscreenshot{
border: 1px solid #cbc9c9;
margin-bottom: 4px;
}


/* right hand marquee */

#MarqueeSection{
height: 100px;
}

#rh-vmarquee {
width: 176px;
margin-bottom: 10px;
overflow:hidden;
position: relative;
line-height:15px;
color: #ACABAB;
}

#rh-marqueecontainer {
position: absolute;
width: 182px;
height: 100px;
margin-top: 10px;
font-size: 10px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
font-weight:normal;
overflow: hidden;
text-align:left;
}

#rh-marqueecontainer h1 {
font-size: 11px;
}

#rh-marqueecontainer ul {
margin-left: 8px;
padding: 2px;
}

#rh-scrollingbuttons{
position: relative;
top: 0px;
left: 200px;
width: 16px;
}

/* seo case studies */
#seoCaseTable {
	width: 100%;
	float: left;
}
#seoCaseStudiesRight {
	width: 210px;
	float: right;
	color: #ACABAB;
}
#seoCaseStudiesNav {
	width: 202px;
	float: left;
	margin-bottom: 50px;
	background: none;
}
#seoCaseStudiesTable {
	font-family: Arial, Courier, monospace;
	font-size: 11px;
	border: 1px solid #dfdfdf;
	border-bottom:none;
	border-right:none;
	width: 100%;
}
#seoCaseStudiesTable th {
	background: url(../img/seo-case-table-grad.jpg) repeat-x;
	color: #999999;
	font-weight: bold;
	text-align: center;
	height: 26px;
	border-right: 1px solid #dfdfdf;
}
#seoCaseStudiesTable tr {
	border-bottom: 1px solid #dfdfdf;
}
#seoCaseStudiesTable td {
	background-color: #FFFFFF;
	color: #273d62;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	text-align: center;
	padding-left: 5px;
}
#seoCaseStudiesTable .leftFloat {
	text-align: left;
}
#seoNavTop {
	width: 202px;
	float: left;
	height: 10px;
	background: url(../img/internet-marketing-nav-top-bar.gif) no-repeat;
}
#seoNavBottom {
	margin-top: 20px;
	width: 202px;
	float: left;
	clear: both;
	height: 10px;
	background: url(../img/internet-marketing-nav-bottom-bar.gif) no-repeat;
}
.seoNavHeader {

}
#seoCaseStudiesNav p {
	width: 160px;
	color: #FFFFFF;
	margin-top: 20px;
	padding: 3px 0px 3px 10px;
	background-color: #273d62;
	font-weight: bold;
}

/* seo nav links */

#seoCaseStudiesNav ul {
	width: 202px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#seoCaseStudiesNav li {
	width: 202px;
	display: block;
	float: left;
	list-style: none;
	margin-bottom: 3px;
}
#seoCaseStudiesNav a, #seoCaseStudiesNav a:visited {
	color: #ABABAB;
	display: block;
	float: left;
	width: 170px;
	font-weight: normal;
	text-decoration: none;
	padding: 1px 0px 3px 20px;
	border-bottom: 1px solid #dfdfdf;
	/*background: #e9e9e9 url(../img/internet-marketing-nav-cross.gif) no-repeat 5px center; */
}
#seoCaseStudiesNav a:hover {
	color: #000000;
}
#seoCaseStudiesNav #seoNavCurrent {
	color: #000000;
}

#meetTheTeam {
width: 669px;
height: 455px;
background-image:url(../img/meet-the-team-bg.jpg);
background-repeat:no-repeat;
margin: -48px 0px 0px 0px;
font-size: 10px;
line-height: 15px;
text-align:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.behindImg {
display:none;
}
.testimonialsQuote {
text-align: justify;
border-bottom: solid 1px #cbcbcb;
padding: 0px 0px 10px 0px;
}
.testimonialsQuoteTop {
padding:0px 5px 0px 0px;
}

.testimonialsQuoteBottom {
padding-left: 5px;
}

#content .testimonialsText1 {
color: #013c4a;
}
#content .testimonialsLink a, #content .testimonialsLink a:visited {
color: #ffb03d;
font-weight: bold;
padding-top: 10px;
text-decoration: none;
}
#content .testimonialsLink a:hover {
text-decoration: underline;
}
#webDesignOverview li {
list-style: none;
}
#content #nonList li{
list-style-type: none;
}
.bulletBlue {
background:url(../img/icons/new-bullet-arrow-blue.gif) no-repeat;
padding: 0px 0px 2px 20px;
list-style-type: none!important;
}
.bulletYellow {
background:url(../img/icons/new-bullet-arrow-yellow.gif) no-repeat;
padding: 0px 0px 2px 20px;
list-style-type: none!important;
}

.seoBulletBlue {
background:url(../img/icons/new-bullet-arrow-blue.gif) no-repeat left 1px;
padding: 0px 0px 2px 20px;
}
.seoBulletYellow {
background:url(../img/icons/new-bullet-arrow-yellow.gif) no-repeat left 1px;
padding: 0px 0px 2px 20px;
}

#viewPortfolioButton {
position: absolute;
top:325px;
left:307px;
}
.designProcessBox {
width: 395px;
float: left;
padding: 20px 0px 10px 30px;
border-bottom: 1px solid #dbdbdb;
}

.designProcessBox h3 {
color: #013f54;
margin: 0px;
font-size: 14px;
padding-bottom: 5px;
}

.contactBoxFloat {
width: 385px;
float: left;
padding-left: 40px;
margin: 0px;
}

.contactBoxFloat p {
padding: 20px 0px 20px 0px;
margin: 0px;
}

.contactText {
color: #00475e;
font-weight: bold;
}
.headerLeftArrow {
	background: url(../img/new/new-recent-work-arrow.gif) no-repeat right;
	padding-right: 25px;
}
.headerMain {
	background: url(../img/new/new-header-box-bullet.gif) no-repeat left;
	padding-left: 20px;
}
.warningText {
color: #FF0000;
}

#contentText .noList li {
list-style: none!important;
text-align: left;
}

.noBg {
background: none;
}