/* Destroy all browser defaults! */

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
	font-weight: normal;
	}

ul, ol, li {
	list-style: none;
	}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
	}
	
a img, :link img, :visited img {
	border: none;
	}

:link, :visited {
	text-decoration: none;
	}
	
/* Defaults handled... */

/* Gloabal Elements */

body{background-color: #222; font-family: "Lucinda Sans Unicode", Helvetica, Arial, sans-serif; background-image: url(../images/nonIndexBodyBkgd.jpg); background-position:center; background-repeat:repeat-y;}	

h1{}

h3{font-size: 125%; margin: 5px 0 0 5px; text-align:left; font-weight:normal; color: #fc0; text-transform: uppercase; border-bottom: 1px dotted #555;}

h4{}

h5{font-size: 110%; color: #f2f2f2;}

h6{}

p{}


.yellow{
color: #fc0;
}

#pageWrapper{
width: 985px;
overflow: hidden;
margin: 0 auto;
background-color: #222;
}

#col1{
width:27px;
float:left;
}

#col1 img{
margin-top: 275px;
margin-right: -25px;
}

#col2{
width: 931px;
float:left;
}

#col3{
width: 25px;
float:left;
}

#col3 img{
margin-top: 275px;
margin-left: -25px;
}

#headRest{
width: 100%;
background: #000;
height: 79px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #333;
overflow: hidden;
}

#headRest p.info{
text-align: right;
color: #444;
font-size:70%;
padding: 8px 15px 8px 0;
background: #111;
}

#headRest p.info:hover{
color: #ccc;
}

#headRest p.info a:link {
color: #ddd;
}

#headRest p.info a:hover {
color: #fc0; text-decoration: underline;
}

#headRest img{
margin: -7px 0 0 15px;
float: left;
position:absolute;
z-index:100;
}


#headRest ul.mainNavigation{
list-style-type: none;
float: right;
height: 50px;
margin-right: 5px;
}

#headRest li{
float: left;
}

#headRest li a:link, #headRest a:visited{
color: #fff;
text-align: center;
display: block;
height: 32px;
width: 107px;
margin-left: 1px;
margin-top:1px;
padding-top: 18px;
font-size: 16px;
text-indent: -1000px;
overflow: hidden;
}

#headRest li.servicesNavButton a:link, #headRest li.servicesNavButton a:visited{
background-image: url(../images/navServicesImg2.jpg);
background-position: 0 -50px;
background-repeat: no-repeat;
}

#headRest li.servicesNavButton a:hover{
background-image: url(../images/navServicesImg2.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#headRest li.clientsNavButton a:link, #headRest li.clientsNavButton a:visited{
background-image: url(../images/navClientsImg2.jpg);
background-position: 0 -50px;
background-repeat: no-repeat;
}

#headRest li.clientsNavButton a:hover{
background-image: url(../images/navClientsImg2.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#headRest li.portfolioNavButton a:link, #headRest li.portfolioNavButton a:visited{
background-image: url(../images/navPortfolioImg2.jpg);
background-position: 0 -50px;
background-repeat: no-repeat;
}

#headRest li.portfolioNavButton a:hover{
background-image: url(../images/navPortfolioImg2.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#headRest li.aboutNavButton a:link, #headRest li.aboutNavButton a:visited{
background-image: url(../images/navAboutImg2.jpg);
background-position: 0 -50px;
background-repeat: no-repeat;
}

#headRest li.aboutNavButton a:hover{
background-image: url(../images/navAboutImg2.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#headRest li.contactNavButton a:link, #headRest li.contactNavButton a:visited{
background-image: url(../images/navContactImg2.jpg);
background-position: 0 -50px;
background-repeat: no-repeat;
}

#headRest li.contactNavButton a:hover{
background-image: url(../images/navContactImg2.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#portSubMenu{
width: 100%;
height: 25px;
}

#portSubMenu ul.subNavigation{
list-style-type: none;
float: right;
margin-right: 5px;
}

#portSubMenu li{
float:left;
}

#portSubMenu li a:link, #portSubMenu a:visited{
display: block;
color: #666;
text-align: center;
margin-left: 1px;
padding: 4px 10px 6px 10px;
font-size: 14px;
overflow: hidden;
}

#portSubMenu li.portSubMenuWeb a:hover{
color: #fff;
background-color: #333;
}

#portSubMenu li.portSubMenuPrint a:hover{
color: #fff;
background-color: #333;
}

#portSubMenu li.portSubMenuId a:hover{
color: #fff;
background-color: #333;
}

#leftArmRest{
width: 300px; 
float: left;
height: auto;
color: #999;
}

#leftArmRestPortEntry{
width: 260px; 
float: left;
height: auto;
color: #999;
}

#clientsImg{
margin-top: 170px;
margin-left: 185px;
}

#newsImg{
margin-top: 205px;
margin-left: 195px;
}

#faqsImg{
margin-top: 185px;
margin-left: 185px;
}

#aboutImg{
margin-top: 170px;
margin-left: 185px;
}

#serviceImg{
margin-top: 200px;
margin-left: 185px;
}

#formulaImg{
margin-top: 200px;
margin-left: 185px;
}

#mapImg{
margin-top: 320px;
margin-left: 185px;
}

#privacyImg{
margin-top: 250px;
margin-left: 185px;
}

#contactImg{
margin-top: 200px;
margin-left: 185px;
}

#projectImg{
margin-top: 200px;
margin-left: 150px;

}

#visitSiteImg{
margin-top: 15px;
margin-right: 15px;
}

#reviewCaseImg{
margin-top: 15px;
margin-right: 15px;
}

#cushion{
width: 400px;
min-height: 475px;
float: left;
margin-top: 0px;
height:auto;
border-right: 1px solid #333;
padding: 15px;
background-color: #333;
background-image: url(../images/cushionTack.jpg);
background-position: -1px 392px;
background-repeat:no-repeat;
}

#cushion p{
padding: 10px;
color: #FFF;
font-size:105%;
line-height: 1.5em;
}

#cushion .clientsListCol1{
padding: 5px;
float: left;
width: 190px
}

#cushion p.faqAnswers{
font-size: 80%;
}


#cushion .clientsListCol2{
padding: 5px;
float: left;
width: 190px
}

#cushion .clientsListCol1 p, #cushion .clientsListCol2 p{
font-size: 90%;
color: #ccc;
}

#cushion h5.aboutSubHead{
margin-left: 10px;
margin-top: 10px;
}

#cushion p.aboutContent{
font-size: 85%; 
color: #ccc;
padding: 20px;
line-height: 2em;
}

#cushionPortEntry{
width: auto;
float: left;
margin-top: 10px;
margin-bottom: 10px;
height:auto;
background-color: #fff;
padding: 10px;
border: 2px solid #333;
}

#rightArmRest{
width: 150px; 
float: left;
margin: 0;
color: #999;
text-align: right;
padding: 15px;
height: auto;
font-size: 95%;
}

#defined p{
font-size: 105%;
line-height:1.4em;
text-align:right;
}

#defined p.definedEntry{
font-size: 105%;
color: #f2f2f2;
}

#defined p.italics{
font-size: 80%;
font-style: italic;
text-align: right;
padding: 10px 0 10px 0;
color: #666;
}

#served p.definedEntry{
font-size: 105%;
color: #f2f2f2;
}

#served p.italics{
font-size: 80%;
font-style: italic;
text-align: right;
padding: 3px 0 3px 0;
color: #666;
}

#served p.yellowServices{
color: #fc0;
font-size: 90%;
text-align:left;
margin-top: 10px;
}

#processImg{
padding: 22px 0 10px 8px;
}

#footRest{
clear: both;
height: 265px;
background-color: #000;
width: 100%;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
margin-top: 0px;
background-position:top;
background-image: url(../images/footRestBkgd.jpg);
background-repeat: repeat-x;
}

#footRest p{
text-align: left;
color: #666;
padding: 5px 0 5px 10px;
}

#footRestInner{
clear:both;
float: left;
width: 885px;
margin: 5px 15px 15px 15px;
}

#footRestInner .masterServices{
width: auto;
float: left;
padding: 10px;
border-right: 1px solid #222;
}

.masterServices img{
border: 3px solid #222;
}

.masterServices img:hover{
border: 3px solid #fc0;
}

#footRestInner .brandServices{
width: auto;
float: left;
padding: 10px;
border-right: 1px solid #222;
}

.brandServices img{
border: 3px solid #222;
}

.brandServices img:hover{
border: 3px solid #fc0;
}

.resources{
width: 170px;
float: left;
padding: 10px;
}





.resources ul {
	margin: 0px auto;
}
.resources li {
	border-top: 1px dashed #262626;
	list-style: none;
}
.resources li a {
	margin-top: 3px;
	display: block;
	line-height: 2.25em;
	padding: 0 0 0 10px;
	color: #666;
	width: 100%;
	font-size: 90%;
}

.resources li a:hover {
	color: #ccc;
	background: #292929;
}



#footRestInner h5{
font-size: 125%;
text-transform: uppercase;
color: #626059;
font-family: "Arial Black";
}

#footRestInner p{
font-size: 80%;
color: #d2d2d2;
}

#footRestInner .complianceLinks{
clear:both;
width: 100%;
padding: 10px 0 10px 10px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.complianceLinks a:link, .complianceLinks a:visited{
color: #ccc;
}

.complianceLinks a:hover{
color: #fc0;
text-decoration: underline;
}

#footRestInner .copyright{
width: 100%;
clear: both;
height: 15px;
font-size: 80%;

}

.copyright a:link, .copyright a:visited{
color: #ccc;
}

.copyright a:hover{
color: #fc0;
text-decoration: underline;
}

#footRest ul.breadcrumb{
list-style:none;
width: 100%;

}

#footRest ul.breadcrumb li{
font-size: 90%;
color: #444;
padding: 8px 5px 9px 15px;
background-image: url(../images/breadCrumbArrow.jpg);
background-position: top right;
background-repeat: no-repeat;
float:left;
width: 75px;
text-align:left;
}

#footRest ul.breadcrumb li a{
color: #333;
}

#footRest ul.breadcrumb li a:hover{
color: #e4e4e4;
}

.clear{
clear:both;
}


#quotes{
margin-top: 10px;
padding: 10px 10px 10px 10px;
background-image: url(../images/quotes.jpg);
background-position: top left;
background-repeat: no-repeat;
border-bottom: 1px dashed #333;
width: 150px;
}


.quotes{
margin-top: 10px;
padding: 10px 10px 10px 10px;
background-image: url(../images/quotes.jpg);
background-position: top left;
background-repeat: no-repeat;
border-bottom: 1px dashed #333;
width: 150px;
}

.quotes p{
font-size: 85%;
font-style: italic;
color: #999;
margin-top: 40px;
margin-left: 10px
}

.quotes .caption{
text-align: right;
font-size: 75%;
color: #666;
margin-top: 5px;
}


.aboutContent a:link, .aboutContent a:visited{
color: #fff;
font-size: 125%;

}

.aboutContent a:hover{
color: #fc0;
text-decoration: underline;
}


.contactEmail a:link, .contactEmail a:visited{
color: #fff;
font-size: 105%;

}

.contactEmail a:hover{
color: #fc0;
text-decoration: underline;
}

.pong a:link, .pong a:visited{
color: #fff;
text-decoration: underline;
}

.pong a:hover{
color: #fc0;
text-decoration: underline;
}