/* CSS Document */

body
{
  margin: 0;
  background: url(images/bg_header.gif) top left repeat-x #0D2665;
  color: #CCCCCC;
  FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: none; color: #6699CC; background-color: transparent;}
a:visited {text-decoration: none; color: #6699CC; background-color: transparent;}
a:hover {text-decoration: underline; color: #6699CC; background-color: transparent;}

a.linkFooter:link {text-decoration: none; color: #6699CC; background-color: transparent;}
a.linkFooter:visited {text-decoration: none; color: #6699CC; background-color: transparent;}
a.linkFooter:hover {text-decoration: underline; color: #6699CC; background-color: transparent;}

hr {border-top: 1px solid #3052A7; border-bottom: 0; height: 1px; width: 100%; color: #3052A7; margin: 20px 0 20px 0;}

/*-- GENERAL BITS --------------*/
#pageContainer {margin: 0 auto; width: 900px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER---------------------*/
#masthead {position: relative; float: left; display: inline; width: 900px; height: 115px; margin: 0; padding: 0;}
	#masthead ul {position: relative; display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	#masthead li {float: left; margin: 0 0 0 10px;}
	#masthead li a {display: block; float: left; height: 24px;}
	#masthead li span {display: none;}

#headerLinks {position: relative; display: inline; float: right; top: 55px; width: 600px; height: 24px;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 51px; height: 24px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;}
#nav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 51px; height: 24px;}

#nav02 a {background: url(images/nav_profile_off.gif) top left no-repeat; width: 62px; height: 24px;}
#nav02 a:hover {background: url(images/nav_profile_on.gif) top left no-repeat;}
#nav02on a {background: url(images/nav_profile_on.gif) top left no-repeat; width: 62px; height: 24px;}

#nav03 a {background: url(images/nav_services_off.gif) top left no-repeat; width: 73px; height: 24px;}
#nav03 a:hover {background: url(images/nav_services_on.gif) top left no-repeat;}
#nav03on a {background: url(images/nav_services_on.gif) top left no-repeat; width: 73px; height: 24px;}

#nav04 a {background: url(images/nav_clients_off.gif) top left no-repeat; width: 63px; height: 24px;}
#nav04 a:hover {background: url(images/nav_clients_on.gif) top left no-repeat;}
#nav04on a {background: url(images/nav_clients_on.gif) top left no-repeat; width: 63px; height: 24px;}

#nav05 a {background: url(images/nav_portfolio_off.gif) top left no-repeat; width: 80px; height: 24px;}
#nav05 a:hover {background: url(images/nav_portfolio_on.gif) top left no-repeat;}
#nav05on a {background: url(images/nav_portfolio_on.gif) top left no-repeat; width: 80px; height: 24px;}

#nav06 a {background: url(images/nav_faqs_off.gif) top left no-repeat; width: 43px; height: 24px;}
#nav06 a:hover {background: url(images/nav_faqs_on.gif) top left no-repeat;}
#nav06on a {background: url(images/nav_faqs_on.gif) top left no-repeat; width: 43px; height: 24px;}

#nav07 a {background: url(images/nav_more_off.gif) top left no-repeat; width: 49px; height: 24px;}
#nav07 a:hover {background: url(images/nav_more_on.gif) top left no-repeat;}
#nav07on a {background: url(images/nav_more_on.gif) top left no-repeat; width: 49px; height: 24px;}

#nav08 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 69px; height: 24px;}
#nav08 a:hover {background: url(images/nav_contact_on.gif) top left no-repeat;}
#nav08on a {background: url(images/nav_contact_on.gif) top left no-repeat; width: 69px; height: 24px;}

#headerLogo {position: absolute; top: 33px; left: 0px; width: 153px; height: 67px;  background: url(images/header_logo.gif) top left;}

/*-- SEARCH ENGINE COPY --------------*/
.seContent {position: relative; margin: 0 auto; width: 900px; color: #FFFFFF; text-align: left;}
	.seContent h1 {color: #336699; font-size: 11px; margin: 200px 0 0 0;}
	.seContent h2 {color: #336699; font-size: 10px; font-weight: bold;}
	.seContent p {color: #336699; font-size: 10px; line-height: 1.3em;}

/*-- FOOTER ---------------------*/
#footerContainer {position: relative; float: left; display: inline; background: url(images/bg_footer.gif) top left repeat-x; height: 100px; width: 100%; text-align: center; padding: 0; margin: 0;}

#footerContent {width: 900px; height: 100px; text-align: left; margin: 0 auto;}

#footerContent p {color: #336699; padding: 0; font-size: 11px; margin: 20px 0 0 0;}


/*-- GENERAL CONTENT PAGE -----------------*/
.mainHolderContent {position: relative; float: left; display: inline; width: 900px; margin: 40px 0 30px 0;}
	.mainHolderContent h1{font-size: 20px; font-weight: normal; color: #E1F19A; letter-spacing: 0.05em; margin: 0;}

.contentColumnMain {position: relative; float: left; display: inline; width: 590px; margin: 30px 30px 0 0; font-size: 14px;}
	.contentColumnMain p {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1.5em 0;}
	.contentColumnMain h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentColumnMain ul {position: relative; margin: 0;  list-style: none; padding: 0;}
	.contentColumnMain li {position: relative; background-image: url(images/bullet_star.gif); background-position: 10px 3px; background-repeat: no-repeat; padding: 0 0 10px 30px;}

.contentColumnRight {position: relative; float: left; display: inline; width: 280px; margin: 30px 0 30px 0;}

/*-- HOME PAGE ---------------*/
#homeFlashHolder {position: relative; float: left; display: inline; margin: 0;}

/*-- FAQs ------------------*/
.contentColumnMainFAQs {position: relative; float: left; display: inline; width: 590px; margin: 30px 30px 0 0; font-size: 14px;}
	.contentColumnMainFAQs h2 {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1.5em 0;}
	.contentColumnMainFAQs h3 {font-size: 12px; font-weight: bold; line-height: 1.5em; color: #E1F19A; margin: 0 0 0.2em 0; padding: 0;}
	.contentColumnMainFAQs h4 {font-size: 13px; font-weight: bold; line-height: 1.5em; color: #E1F19A; margin: 2em 0 0.2em 0; padding: 0;}
	.contentColumnMainFAQs p {font-size: 11px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1.5em 0;}
	.contentColumnMainFAQs ul {position: relative; margin: 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentColumnMainFAQs li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}
	.contentColumnMainFAQS hr {border-top: 1px solid #3052A7; border-bottom: 0; height: 1px; width: 100%; color: #3052A7;}

/*-- CLIENTS ---------------*/
.contentClientsIntro {position: relative; float: left; display: inline; width: 900px; margin: 20px 0 0 0; font-size: 14px;}
	.contentClientsIntro p {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1em 0; padding: 0;}
	
.contentClientsLeftColumn {position: relative; float: left; display: inline; width: 280px; margin: 30px 30px 0 0;}
	.contentClientsLeftColumn h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentClientsLeftColumn ul {position: relative; margin: 0 0 20px 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentClientsLeftColumn li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}
	
.contentClientsMiddleColumn {position: relative; float: left; display: inline; width: 280px; margin: 30px 30px 0 0;}
	.contentClientsMiddleColumn h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentClientsMiddleColumn ul {position: relative; margin: 0 0 20px 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentClientsMiddleColumn li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}

.contentClientsRightColumn {position: relative; float: left; display: inline; width: 280px; margin: 30px 0 0 0;}
	.contentClientsRightColumn h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentClientsRightColumn ul {position: relative; margin: 0 0 20px 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentClientsRightColumn li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}

/*-- CONTACT PAGE ---------------*/
.contentContactIntro {position: relative; float: left; display: inline; width: 900px; margin: 20px 0 0 0; font-size: 14px;}
	.contentContactIntro p {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1em 0; padding: 0;}
	
.contentColumnMainContact {position: relative; float: left; display: inline; width: 590px; margin: 20px 30px 0 0; font-size: 14px;}
	.contentColumnMainContact p {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1.5em 0;}
	.contentColumnMainContact h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}


.contentContactLeftColumn {position: relative; float: left; display: inline; width: 280px; margin: 10px 30px 0 0;}
	.contentContactLeftColumn h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentContactLeftColumn h3 {font-size: 12px; font-weight: bold; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentContactLeftColumn h4 {font-size: 12px; font-weight: bold; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentContactLeftColumn p {font-size: 11px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 20px 0 20px 0;}
	.contentContactLeftColumn ul {position: relative; margin: 0 0 20px 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentContactLeftColumn li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}

.linkIconPDF {display: block; background: url(images/icon_pdf.gif) top left no-repeat; padding: 0 0 0 20px; min-height: 16px; margin: 0;}
.linkIconWord {display: block; background: url(images/icon_word.gif) top left no-repeat; padding: 0 0 0 20px; min-height: 16px; margin: -8px 0 0 0;}


.contentContactMiddleColumn {position: relative; float: left; display: inline; width: 280px; margin: 0 0 0 0;}
	.contentContactMiddleColumn p {padding: 0; margin: 0 0 15px 0;}
	.contentContactMiddleColumn h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentContactMiddleColumn ul {position: relative; margin: 0 0 20px 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentContactMiddleColumn li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}

/*-- CONTACT PAGE --------------------*/

.contentContactMiddleColumn label {display: block; font-size: 14px; font-weight: normal; color: #E1F19A;}
.formInput { border: 1px solid #3052A7; background-color: #0D2665; width: 276px; padding: 3px 0 3px 0; font-size: 14px; color: #FFFFFF; margin: 3px 0 0 0;}
.formTextarea { border: 1px solid #3052A7; background-color: #0D2665; width: 276px; height: 100px; font-size: 12px; color: #FFFFFF; margin: 3px 0 0 0;}
.formButton { border: 1px solid #3052A7; background-color: #3052A7; width: 100px; padding: 5px 0 5px 0; font-size: 12px; color: #FFFFFF;}

.contentContactRightColumn {position: relative; float: left; display: inline; width: 280px; margin: 30px 0 0 0;}
	.contentContactRightColumn h2 {font-size: 13px; font-weight: bold; font-variant: small-caps; color: #E1F19A; padding: 0; margin: 0 0 1em 0;}
	.contentContactRightColumn ul {position: relative; margin: 0 0 20px 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentContactRightColumn li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}

.contentColumnRightContact {position: relative; float: left; display: inline; width: 280px; margin: 108px 0 30px 0;}

/*-- PORTFOLIO PAGE -------------------*/
.portfolioIntro {position: relative; float: left; display: inline; width: 900px; margin: 20px 0 0 0; font-size: 14px;}
	.portfolioIntro p {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0; padding: 0;}


.portfolioRow1 {width: 900px; position: relative; float: left; display: inline; margin: 30px 0 0 0;}
.portfolioRow2 {width: 900px; position: relative; float: left; display: inline; margin: 40px 0 0 0;}
.portfolioRow3 {width: 900px; position: relative; float: left; display: inline; margin: 40px 0 0 0;}
.portfolioRow4 {width: 900px; position: relative; float: left; display: inline; margin: 40px 0 0 0;}
.portfolioRow5 {width: 900px; position: relative; float: left; display: inline; margin: 40px 0 20px 0;}

.portfolioFormatLeft {position: relative; display: inline; float: left; width: 280px; margin: 0 30px 0 0;}
	.portfolioFormatLeft h2 {font-size: 13px; font-weight: normal; color: #E1F19A; font-variant: small-caps; line-height: 1em; margin: 10px 0 10px 0;}
	.portfolioFormatLeft p {font-size: 11px; color: #CCCCCC; line-height: 1.5; margin: 4px 0 8px 0;}
	.portfolioFormatLeft h3 {font-size: 13px; font-weight: normal; display: block; background: url(images/icon_pdf_portfolio.gif) top left no-repeat; padding: 0 0 0 22px; height: 16px; margin: 0;}
	.portfolioFormatLeft h4 {font-size: 13px; font-weight: normal; display: block; background: url(images/icon_web_portfolio.gif) top left no-repeat; padding: 0 0 0 22px; height: 16px; margin: 0;}


.portfolioFormatRight {position: relative; display: inline; float: left; width: 280px; margin: 0;}
	.portfolioFormatRight h2 {font-size: 13px; font-weight: normal; color: #E1F19A; font-variant: small-caps; line-height: 1em; margin: 10px 0 10px 0;}
	.portfolioFormatRight p {font-size: 11px; color: #CCCCCC; line-height: 1.5; margin: 4px 0 8px 0;}
	.portfolioFormatRight h3 {font-size: 13px; font-weight: normal; display: block; background: url(images/icon_pdf_portfolio.gif) top left no-repeat; padding: 0 0 0 22px; height: 16px; margin: 0;}

/*-- MORE ------------------*/
.contentColumnMainMore {position: relative; float: left; display: inline; width: 588px; margin: 0 30px 0 0; font-size: 14px;}
	.contentColumnMainMore h2 {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1.5em 0;}
	.contentColumnMainMore h3 {font-size: 12px; font-weight: bold; line-height: 1.5em; color: #E1F19A; margin: 0 0 0.2em 0; padding: 0;}
	.contentColumnMainMore h4 {font-size: 13px; font-weight: bold; line-height: 1.5em; color: #E1F19A; margin: 2em 0 0.2em 0; padding: 0;}
	.contentColumnMainMore p span {font-size: 11px; font-weight: normal; line-height: 1.5em; color: #E1F19A; margin: 0 0 1.5em 0;}
	.contentColumnMainMore p {font-size: 12px; font-weight: normal; line-height: 1.5em; color: #CCCCCC;}
	.contentColumnMainMore ul {position: relative; margin: 0;  list-style: none; padding: 0; font-size: 11px;}
	.contentColumnMainMore li {position: relative; background-image: url(images/bullet_diamond.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0 0 5px 15px;}
	.contentColumnMainMore hr {border-top: 1px solid #3052A7; border-bottom: 0; height: 1px; width: 100%; color: #3052A7;}

/*-- LOOK --*/
.contentColumnLook {position: relative; float: left; display: inline; width: 900px; margin: 0; font-size: 14px;}
	.contentColumnLook h2 {font-size: 14px; font-weight: normal; line-height: 1.5em; color: #CCCCCC; margin: 0 0 1.5em 0;}
	.contentColumnLook h3 {font-size: 12px; font-weight: bold; line-height: 1.5em; color: #E1F19A; margin: 0 0 0.2em 0; padding: 0;}
	.contentColumnLook h4 {font-size: 13px; font-weight: bold; line-height: 1.5em; color: #E1F19A; margin: 2em 0 0.2em 0; padding: 0;}
	
.lookAdsRow {position: relative; float: left; display: inline; width: 900px; margin: 0 0 30px 0;}
.lookAdsRowLast {position: relative; float: left; display: inline; width: 900px; margin: 0 0 0 0;}

.lookAdsThumb {position: relative; float: left; display: inline; width: 125px; height: 150px; margin: 0 30px 0 0; border: 0;}
.lookAdsThumbEnd {position: relative; float: left; display: inline; width: 125px; height: 150px; margin: 0; border: 0;}