html, body, form, fieldset, img, h1, h2, h3,p, pre, blockquote, ul, ol, dl, dd, dt, address {margin: 0;padding: 0;}
body {background: url(main-bg-repeat.gif) repeat;font-family:Arial, Helvetica, sans-serif;}

.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(content-bg-top-gradient.jpg) repeat-x;width: 756px;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;}


#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;}

#footer{background-image: url(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-size: 20px;line-height: 22px;color: #0d3c50;padding: 0px 0px 10px 0px;margin: 15px 0px 15px 0px;
font-weight: normal;background: url(new-header-border-repeat.gif) repeat-x bottom;letter-spacing:-1px;text-align: left;}

h2{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(new-header-border-repeat.gif) repeat-x bottom;}

h3 , #MarqueeSection h1 {
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(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(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(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(rightarraw.jpg);
padding-right: 9px;
background-position: right;
background-repeat: no-repeat;
}

.casestudyicon{
background-image: url(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;
}





#webDesignOverview li {
list-style: none;
}
#content #nonList li{
list-style-type: none;
}
.bulletBlue {
background:url(new-bullet-arrow-blue.gif) no-repeat;
padding: 0px 0px 2px 20px;
list-style-type: none!important;
}
.bulletYellow {
background:url(new-bullet-arrow-yellow.gif) no-repeat;
padding: 0px 0px 2px 20px;
list-style-type: none!important;
}


#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(new-recent-work-arrow.gif) no-repeat right;
	padding-right: 25px;
}
.headerMain {
	background: url(new-header-box-bullet.gif) no-repeat left;
	padding-left: 20px;
}
.warningText {
color: #FF0000;
}

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


#header {
	margin: 0px;
	padding: 0px;
	width: 756px;
	background-color: #FFFFFF;
	position: relative;
	border-bottom: #CBC9CA solid 1px;
	height: 295px;
	z-index:9999;
}
#logo {	position: absolute;	width: 420px;	height: 70px;	background: url(logo.gif) no-repeat top left; left: 40px;	top: 10px;}
#logo h1 {	display: none;}

#rightText {	position: absolute;	width: 146px;	height: 24px;	top: 295px;	left: 595px;	text-align: center;}
#rightText2 {	position: absolute;	width: 146px;	height: 24px;	top: 295px;	left: 445px;	text-align: center;}
#pageImage {	position: absolute;	top: 107px;	left:0px;}

#clipArea {	margin: 0px;	padding: 0px;	width: 230px;	height: 250px;position: absolute;	overflow:hidden;top: 110px;	left: 25px;}

#subNavigation {
	position: absolute;
	top: 22px;
	width: 170px;
	height: 190px;
	padding: 0px 20px 20px 0px;
	background-color: #FFFFFF;
	border: #cacaca solid 1px;
}
#portfolioDisplay h1 {
padding: 0px;
background: none;
}

#subNavigation ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#subNavigation li {
	margin: 0px;
	padding: 0px;
}
.orangeArrow {
	background: url(sub-nav-bullet-yellow.gif) no-repeat left center;
	list-style-type: none;
}
.blueArrow {
	background: url(sub-nav-bullet-blue.gif) no-repeat left center;
	list-style-type: none;
}
.greyUnderline {
	border-bottom: #cacaca solid 1px;
}
#subNavigation h1 {
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	color: #013f54;
	background-image: url(sub-nav-head-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	letter-spacing:normal;
}
/*  link styles  */
#navigation {
	margin: 0px;
	padding: 0px;
	background: url(navigation-border-bg.gif) repeat-x;
	position: absolute;
	top: 62px;
	left: 9px;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 1px;
	height: 42px;
	background-position: 0px 7px;
}
#navigation ul {
	padding: 0px;
	margin: 0px;
}
#navigation li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display:inline;
}
#navigation a, #navigation a:visited {
	background: url(nav-button.jpg) no-repeat;
	display: block;
	float: left;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
/*	background-position: 0px 4px;*/
	padding: 15px 17px 15px 18px;
	text-align: center;
}

#navigation a:active {
	background: url(nav-button.jpg) no-repeat;
	background-position: center -84px;
	border: none;
}

#container #navigation ul li a.selected {
	background: url(nav-button.jpg) no-repeat center -84px;
	text-align: center;
	border: none;
}

#navigation a.selected:hover {
	background: url(nav-button.jpg) no-repeat;
	background-position: center -84px;
	text-align: center;
	border: none;
}

#navigation a:hover {
	background: url(nav-button.jpg) no-repeat;
	background-position: center -42px;
	border: none;

}

/*#navigation a.selected:hover {
	background: url(../img/navigation-bg-hover.jpg) no-repeat center -1px;
}*/

#subNavigation a, #subNavigation a:visited {
	margin: 0px;
	padding: 3px 5px 0px 15px;
	height: 18px;
	display: block;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	/*padding: 2px 5px 3px 20px;*/
}
#subNavigation a:hover {
	color: #fa930d;
}
#rightText a {
	width: 141px;
	height: 19px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: url(get-quote-bg2.gif) no-repeat 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 0px 0px 3px;
}
#rightText a:hover {
	background: url(get-quote-bg2.gif) no-repeat 0px -23px; 
}
#rightText2 a {
	width: 141px;
	height: 19px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: url(get-quote-bg.gif) no-repeat 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 0px 0px 3px;
}
#rightText2 a:hover {
	background: url(get-quote-bg.gif) no-repeat 0px -23px; 
}

#portfolioSort {
	float: left;
	background-attachment: scroll;
	background: url(../img/webdesign-portfolio-sort-bg.jpg) no-repeat left 40px;
	width: 670px;
	padding-bottom: 20px;
	color: #666666;
}
#portfolioSort h1 {
	padding: 0px;
	margin: 0px 0px 38px 0px;
}

 #portfolioDisplay {
 	padding-top: 30px;
	float: left;
	width: 656px;
	padding-bottom: 20px;
	position:relative;
}
#portfolioDisplay h1 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 16px;
	font-weight: bold;
} 
.portfolioDisplayBox {
	width: 186px;
	float: left;
	margin-bottom: 30px;
	padding-right: 48px;
}

.portfolioDisplayNoPadding {
padding-right: 0px;
}


.portfolioDisplayBoxEnd {

	float: left;
	margin-bottom: 30px;
}
.portfolioDisplayBoxEnd ul {
	margin: 0px;
	padding: 0px;
}
.portfolioDisplayBoxEnd li {
	color: #666666;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.portfolioDisplayBoxEnd img {
	margin: 0px;
	padding: 0px;
 	border: solid #cccccc 1px;
}
.portfolioDisplayBox ul {
	margin: 0px;
	padding: 0px;
}
.portfolioDisplayBox li {
	color: #666666;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.portfolioDisplayBox img {
	margin: 0px;
	padding: 0px;
 	border: solid #cccccc 1px;
}
.portfolioDisplayLinks li {
	display: inline;
}
.portfolioDisplayLinks img {
	border: none;
} 
.portfolioDisplayLinks a, .portfolioDisplayLinks a:visited {
	color: #b2b1b1;
	font-size: 9px;
}
.portfolioDisplayLinks a:hover {
	text-decoration: none;
}
select {
	font-size: 10px;
	color: #666666;
}

/* case study page styling */

#caseStudyLeft {
	width: 425px;
	float: left;
	padding-right: 25px;
}
#caseStudyLeft img {
	border: 1px solid #cccccc;
}

#caseStudyRight {
	width: 206px;
	float: left;
}
#caseStudyRight ul {
	clear:both;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#caseStudyRight li {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	list-style: none;
}
.caseStudyBox {
	margin-bottom: 3px;
	width: 136px;
	height: 95px;
	border: solid #cccccc 1px;
}

.caseStudyTitle {
position:absolute;
right: 0px;
font-size:11px;
padding-right: 25px;
background:url(../img/star.gif) right no-repeat;
top: 0px;
}
.whatClientsSayHeader {
	width: 98%;
	background-color: #023F54;
	color: #FFFFFF;
	padding: 2px 0px 2px 10px;
}
.caseStudyVisit {
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}
.whatClientsSayText {
	color: #989898;
}
#caseStudyLeft p {
	margin-top: 20px;
}
.caseStudyVisit a, .caseStudyVisit a:visited {
	color: #ffffff;
	text-decoration: none;
}
.caseStudyVisit a:hover {
	text-decoration: underline;
}

#caseStudyTitle {
	width: 255px;
	height: 25px;
	position: absolute;
	padding-right: 25px;
	right: 0px;
	top: -45px;
	background: url(../img/portfolio-header-star-icon.gif) no-repeat top right;
}
#content #caseStudyTitle h3 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
width: 255px;
height: 25px;
padding: 2px;
margin: 0px;
font-size: 11px;
font-weight: normal;
color: #014053;
text-align: right;
}



#caseStudyBackPort {
position: absolute;
top: -4px;
right: 0px;
}
#caseStudyBackPort a, #caseStudyBackPort a:visited {
line-height: 22px;
height:25px;
display:block;
background: url(../img/portfolio-back-to-portfolio-button.gif) no-repeat left ;
padding: 0px 0px 0px 40px;
font-weight:bold;
color: #6c6a75;
text-decoration: none;
font-size: 12px;
}
#caseStudyBackPort a:hover {
text-decoration: underline;
}

#caseStudyViewWebsite a, #caseStudyViewWebsite a:visited {
line-height: 18px;
background: url(../img/right-arrows.gif) no-repeat right;
padding: 0px 20px 0px 7px;
font-weight:bold;
color: #6c6a75;
text-decoration: none;
font-size: 12px;
}
#caseStudyViewWebsite a:hover {
text-decoration: underline;
}

#caseLargeImg {
width: 450px;
float: left;
}
#caseLargeImg img {
border: solid 1px #CCCCCC;
}

.caseThumb {
	width: 195px;
	float: left;
	padding-bottom: 15px;
	color: #989b9c;
	font-size: 10px;
	letter-spacing: 0px;
}
.caseThumb img {
border: solid 1px #CCCCCC;
cursor:pointer;
}
.caseThumb ul{
padding: 0px;
margin: 0px;
}
.caseThumb li{
list-style: none;
padding: 0px;
margin: 0px;
}

#caseStudyDisplay .caseThumb a, #caseStudyDisplay  .caseThumb a:visited { 
padding: 0px;
margin: 0px;
height: 1px;
position:relative;
}

#caseStudyDisplay h2 {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}
#caseStudyRight .heightAdjust {
padding-top: 0px;
margin-top: 0px;
}

#caseStudyRight .heightAdjustB {
padding-top: 0px;
margin-top: -3px;
}
#quoteform{
font-size: 11px;
width: 450px;
float: left;
}
#quoteform h1 {
font-size: 16px;
color: #c5c5c5;
font-weight: bold;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

#quoteform table{
border-top: 1px solid #CBC9CA;
border-bottom: 1px solid #CBC9CA;
padding-top: 6px;
padding-bottom: 6px;
background-color: #F4F2F3;
}

.quoteformlightgray{
background-color: #F4F2F3;
}

.quoteformdarkgray{
background-color: #EDEDED;
}

#quoteform td{
padding-top: 6px;
padding-bottom: 6px;
padding-right: 10px;
text-align:left;
}

#quoteform th{
padding-top: 6px;
padding-bottom: 6px;
font-weight: normal;
padding-left: 8px;
padding-right: 8px;
text-align: right;
}

.brdbotwhite{
border-bottom: 1px solid white;
}

.chkbox{
padding-left: 20px;
}

.largetextfield{
padding: 20px;
}

.quotebuttonsrelative{
position: relative;
left: 298px;
}

.paddingbot{
padding-bottom: 2px;
}
.noBg {background: none;}
.classic div {clear: both;padding-top: 5px;}
.classic label {float: left;width: 160px;padding-top: 3px;}
.classic div input, .classic div select, .classic div textarea {display: block;float: left;}
.classic textarea {width: 420px;height: 200px;}
.classic input.submit {clear: both;margin-top: 1.2em;}
.classic fieldset {margin: 0;padding: 0;border:0;}

.fast_quote, .fast_quote:visited {
background-image: url(/images/get_free_quote.png);
background-repeat:no-repeat;
position: absolute;
color:#FFFFFF;
width: 137px;	
height: 111px;
display:block;
margin: 0px;
padding: 0px;
}