/* Put it back on certain elements */
p,pre,blockquote,fieldset,table {
margin:1em 0;
}

/* Class for clearing floats */
.clear {
clear:both;
}

/* Remove border around linked images */
img {
border:0;
}

/* Removes styling from all list items */
ul,li {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:1em;
font-weight:400;
margin:0;
padding:0;
}

/* =Typography (Global)
-----------------------------------------------------------------------------*/
body {
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:62.5%;
line-height:1.6;
color:#999;
background-color:#313131;
background-image:url(../images/chevron.gif);
background-repeat:no-repeat;
background-position:top;
margin:0;
padding:0;
}

blockquote {
background:#DEEFF6;
font-family:Georgia, "Times New Roman", Times, serif;
}

a {
color:#1daae2;
}


/* =Layout (Global)
-----------------------------------------------------------------------------*/
#wrapper {
position:relative;
height:100%;
width:760px;
margin:0 auto;
padding:0;
}


.imageLeft,.imgLeft {
float:left;
margin:0.5em 1em 1em 0;
}

.imageRight,.imgRight {
float:right;
margin:0.5em 0 1em 1em;
}

.imageLink {
background:#fff !important;
border:none !important;
color:#fff !important;
margin:0 !important;
padding:0 !important;
}

/* =Header
-----------------------------------------------------------------------------*/
#header * {
top:0;
left:0;
background-image:url(../images/header-logo.gif);
background-repeat:no-repeat;
height:92px;
width:760px;
}

#strapLine {
text-indent:-9999px;
}

#banner {
background-image:url(../images/bg-banner-blank.gif);
height:507px;
width:760px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#pMain #navigationContainer {
top:9px;
width:180px;
position:absolute;
height:78px;
right:0;
text-indent:-9999px;
}

#pCcs #navigationContainer {
top:6px;
width:240px;
position:absolute;
height:81px;
right:0;
text-indent:-9999px;
}

#navigationContainer li a {
text-decoration:none;
color:#d9ff39;
display:block;
height:26px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
line-height:26px;
background-repeat:no-repeat;
background-position:left top;
margin:1px 0 0;
padding:0;
}

#navigationContainer a:hover {
background-image:url(../images/navHover.gif);
background-repeat:no-repeat;
background-position:left center;
}

/* =Buttons in Nav container 
-----------------------------------------------------------------------------*/
#navigationContainer #nAbout a {
background-image:url(../images/btn-nAbout.gif);
background-repeat:no-repeat;
background-position:left top;
outline: 0px;
}

#navigationContainer #nPrinciples a {
background-image:url(../images/btn-nPrinciples.gif);
background-repeat:no-repeat;
background-position:left top;
outline: 0px;
}

#navigationContainer #nShowcase a {
background-image:url(../images/btn-nShowcase.gif);
background-repeat:no-repeat;
background-position:left top;
outline: 0px;
}

#navigationContainer #nPortfolio a {
background-image:url(../images/btn-nPortfolio.gif);
background-repeat:no-repeat;
background-position:left top;
outline: 0px;
}

#navigationContainer #nHome a {
background-image:url(../images/btn-nHome.gif);
background-repeat:no-repeat;
background-position:left top;
outline: 0px;
}

#navigationContainer #nContact a {
background-image:url(../images/btn-nContact.gif);
background-repeat:no-repeat;
background-position:left top;
outline: 0px;
}

#navigationContainer #nAbout a:hover,#navigationContainer #nAbout .selected,#navigationContainer #nPrinciples a:hover,#navigationContainer #nPrinciples .selected,#navigationContainer #nShowcase a:hover,#navigationContainer #nShowcase .selected,#navigationContainer #nPortfolio a:hover,#navigationContainer #nPortfolio .selected,#navigationContainer #nHome a:hover,#navigationContainer #nHome .selected,#navigationContainer #nContact a:hover,#navigationContainer #nContact .selected,#HomeNavigationContainer #hAbout a:hover,#navigationContainer #hContact .selected,#HomeNavigationContainer #hPortfolio a:hover,#navigationContainer #hPortfolio .selected,#HomeNavigationContainer #hContact a:hover,#navigationContainer #hContact .selected {
	background-position:left bottom;
	overflow: hidden;
	outline: 0px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
.wSubNav #subnavContainer,.tVideo #subnavContainer /* tVideo Optional currently only used on portfolio page */ {
height:333px;
width:170px;
background-image:url(../images/subnav-container-bg.gif);
position:absolute;
top:200px;
right:1px;
margin:0;
padding:0;
}

#subnavContainer ul {
	padding-top:50px;
	padding-left:12px;
	text-indent: -9999px;
}

#subnavContainer li {
padding-bottom:0px;
}

#subnavContainer li a {
	color:#D9FF39;
	font-size:150%;
	font-weight:700;
	text-decoration:none;
	display:block;
	height: 37px;
	width: 139px;
	outline: 0px;
}
#subnavContainer #vAfj a {
	background-image: url(../images/btn-vAfj.gif);
	background-repeat: no-repeat;
	background-position: left top;}
#subnavContainer #vAfj a:hover , #subnavContainer #vAfj a.selected {
	background-position: left bottom;
}
#subnavContainer #vHro a {
	background-image: url(../images/btn-vHro.gif);
	background-repeat: no-repeat;
	background-position: left top;}
#subnavContainer #vHro a:hover , #subnavContainer #vHro a.selected  {
	background-position: left bottom;
}
#subnavContainer #vHfd a  {
	background-image: url(../images/btn-vHofd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 10px}
#subnavContainer #vHfd a:hover  , #subnavContainer #vHfd a.selected  {
	background-position: left bottom;
}

#subnavContainer #vEmp a {
	background-image: url(../images/btn-vEmp.gif);
	background-repeat: no-repeat;
	background-position: left top;}
#subnavContainer #vEmp a:hover  ,#subnavContainer #vEmp a.selected  {
	background-position: left bottom;
}





/* =Landing Page Nav
-----------------------------------------------------------------------------*/
#landing #HomeNavigationContainer {
margin-right:auto;
margin-left:auto;
height:40px;
width:600px;
}

#landing #HomeNavigationContainer ul {
	text-indent:-9999px;
	margin:0;
	padding:0;
	overflow: hidden;
}


#landing #HomeNavigationContainer li a {
text-decoration:none;
color:#d9ff39;
display:block;
height:38px;
font-size:16px;
background-repeat:no-repeat;
background-position:left top;
width:200px;
}

#HomeNavigationContainer #hAbout a {
background-image:url(../images/btn-hAbout.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative;
width:168px;
top:0;
float:left;
}

#HomeNavigationContainer #hPortfolio a {
background-image:url(../images/btn-hPortfolio.gif);
background-repeat:no-repeat;
background-position:left top;
width:168px;
height:75px;
position:relative;
top:0;
float:left;
}

#HomeNavigationContainer #hContact a {
background-image:url(../images/btn-hContact.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative;
width:125px;
top:0;
float:left;
}

#landing #footer {
padding:60px 0 0 35px;
}

/* =Introduction Text Box 
-----------------------------------------------------------------------------*/
#intro {
height:91px;
width:441px;
position:absolute;
left:0;
top:99px;
text-indent:-9999px;
}

.IntroAboutUs {
background-image:url(../images/intro-box-about.gif);
background-repeat:no-repeat;
}

.IntroPortfolio {
background-image:url(../images/intro-box-portfolio.gif);
background-repeat:no-repeat;
}

.IntroPrinciples {
background-image:url(../images/intro-box-principles.gif);
background-repeat:no-repeat;
}

.IntroContact {
background-image:url(../images/intro-box-contact.gif);
background-repeat:no-repeat;
}

.IntroPastWork {
background-image:url(../images/intro-box-PastWork.gif);
background-repeat:no-repeat;
}

.IntroCcs {
background-image:url(../images/intro-box-ccs.gif);
background-repeat:no-repeat;
}

.IntroHfd {
background-image:url(../images/intro-box-vHfd.gif);
background-repeat:no-repeat;
}

.IntroAfj {
background-image:url(../images/intro-box-vAfj.gif);
background-repeat:no-repeat;
}

.IntroEmp {
background-image:url(../images/intro-box-vEmp.gif);
background-repeat:no-repeat;
}

.IntroHro {
background-image:url(../images/intro-box-vHro.gif);
background-repeat:no-repeat;
}

/* =Content Text and Video Box
-----------------------------------------------------------------------------*/
#primary {
height:359px;
width:455px;
position:absolute;
top:200px;
right:195px;
margin:0;
padding:0;
}

.highlight {
color:#1daae2;
font-weight:700;
}

.textBoxContainer {
background-image:url(../images/primary-txt-bg.png);
background-repeat:no-repeat;
}

/*.pastWorkContainer {
background-image:url(../images/pastwork-bg.jpg);
background-repeat:no-repeat;
}*/

.textBox {
overflow:auto;
width:455px;
height:352px;
position:absolute;
right:189px;
top:201px;
font-size:165%;
color:#FFF;
line-height:140%;
font-weight:400;
text-align:justify;
margin:0;
padding:0;
}

.videoBoxContainer {
background-image:url(../images/primary-video-bg.png);
background-repeat:no-repeat;
}

.videoBox {
width:352px;
height:243px;
position:absolute;
right:250px;
top:245px;
font-size:160%;
line-height:120%;
font-weight:400;
background-color:#000;
color:#000;
margin:0;
padding:0;
}

.textBox h4 {
color:#0CF;
font-size:110%;
font-weight:400;
background-color:#336;
border:1px solid #00456F;
margin:10px 20px 10px 10px;
padding:3px 0 3px 5px;
}

.textBox p {
margin-top:15px;
margin-left:15px;
margin-right:20px;
padding:0;
}

.textBox .hkg {
width:190px;
padding-top:35px;
padding-left:35px;
padding-right:5px;
float:left;
text-align:left;
}

.textBox .lax {
width:190px;
padding-top:35px;
padding-left:15px;
float:left;
padding-right:0;
text-align:left;
}

.textBox h3 {
color:#0CF;
font-size:110%;
font-weight:400;
background-color:#336;
margin-right:20px;
border:1px solid #00456F;
margin-bottom:6px;
padding:1px 0 1px 3px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
margin-top:25px;
margin-bottom:15px;
text-align:center;
font-size:120%;
}

#footer ul {
padding-right:75px;
}

#footer li {
display:inline;
font-size:1.1em;
}

#footer a {
margin-right:.5em;
margin-left:.2em;
text-decoration:none;
}

#footer a:visited {
color:#D634B5;
text-decoration:none;
}

#footer ul .copy {
	display:inline;
	font-size:0.9em;
}

/* =Forms
-----------------------------------------------------------------------------
 Removes fieldset borders. even on Opera 7 */
fieldset {
border:1px solid transparent;
}

/* =Tables
-----------------------------------------------------------------------------*/
table {
border-spacing:0;
border-collapse:collapse;
}

td {
text-align:left;
font-weight:400;
}

/* =Multimedia
-----------------------------------------------------------------------------*/
.flashPlayer {
position:relative;
overflow:hidden;
border-bottom:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;
}

#flashcontent {
width:750px;
height:410px;
padding-top:22px;
color:#FFF;
font-size:180%;
text-align:center;
padding-bottom:0;
margin:0;
}

#flashcontent p {
padding-top:80px;
}

*,#navigationContainer ul,#navigationContainer li {
margin:0;
padding:0;
}

a:hover,#footer a:hover,#footer .selected {
color:#D9FF39;
}

#spareDiv1,#spareDiv2,.LogoPrint {
display:none;
}