﻿* {
	Padding: 0px;
	MARGIN: 0px; 
}
BODY {
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 20px; 
	LINE-HEIGHT: 20px; 
	FONT-FAMILY: 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif
}
HTML {
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 20px; 
	LINE-HEIGHT: 20px; 
	FONT-FAMILY: 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif
}
IMG {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
.cleaner {
	CLEAR: both; 
	FONT-SIZE: 0px; 
	MARGIN: 0px 0px -1px; 
	WIDTH: 100%; 
	HEIGHT: 0px
}
.hide {
	DISPLAY: none
}
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}
.content_left {
	FLOAT: left; 
	WIDTH: 500px;
	padding-right: 5px;
	border-right: solid 1px #e2e2e2;
}
.content_right {
	DISPLAY: block; 
	/*BACKGROUND: url(images/backgroundLogo.jpg) no-repeat; */
	FLOAT: right; 
	WIDTH: 320px; 
	HEIGHT: 530px;
}
.barbie_content_right {
	DISPLAY: block; 
	FLOAT: right; 
	WIDTH: 175px; 
	HEIGHT: 530px;
}

P {
	MARGIN-BOTTOM: 10px; 
	COLOR: #666
}
A {
	COLOR: #0061c1; 
	BORDER-BOTTOM: #0061c1 1px solid; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #000; 
	BORDER-BOTTOM: #000 1px solid; 
	TEXT-DECORATION: none
}
H1 {
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2 {
	MARGIN: 0px; 
	FONT-SIZE: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
	MARGIN: 0px; 
	FONT-SIZE: 16px; 
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
H4 {
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
H5 {
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
H6 {
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
h7 {
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
/*H2 {
	FONT-SIZE: 20px
}
H3 {
	FONT-SIZE: 16px; 
	MARGIN-BOTTOM: 5px
}*/

/**************************************************************************************/
/*	Footer																																						*/
/**************************************************************************************/
.footer {
	BORDER-TOP: #ececec 10px solid; 
	MARGIN-TOP: 20px; 
	PADDING-TOP: 10px; 
	HEIGHT: 30px
}
.footer P {
	FLOAT: left
}
.footer_nav {
	FLOAT: right
}
.footer_nav LI {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 20px; 
	BACKGROUND: url(images/nav_seperator.jpg) no-repeat left bottom; 
	FLOAT: left
}
/*
#footer_nav LI#home {
	BACKGROUND: 0px 50%
}
.footer_nav LI.contactus {
	PADDING-RIGHT: 0px
}
*/
/**************************************************************************************/
/*	Page Structure																																		*/
/**************************************************************************************/
.page {
	BACKGROUND: #fff; 
	MARGIN: 0px auto; 
	WIDTH: 840px
}
.header {
	BACKGROUND: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	PADDING-BOTTOM: 58px; 
	PADDING-TOP: 58px; 
	BORDER-BOTTOM: #ececec 10px solid; 
	HEIGHT: 50px
}
#logo {
	BORDER-TOP-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	DISPLAY: block;
	BACKGROUND: url(images/logo.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	WIDTH: 72px;
	HEIGHT: 90px;
}
.pageTitle 
{
	text-align: left;
	DISPLAY: block; 
	font-size: 25px;
	font-weight: bold;
	MARGIN-BOTTOM: 10px; 
	line-height: 120%
}
.pageTitleControl{
	DISPLAY: block; 
	font-size: 15px;
	font-weight: bold;
	MARGIN-BOTTOM: 10px; 
	line-height: 120%
}
/**************************************************************************************/
/*	Navigation      																																	*/
/**************************************************************************************/
#nav {
	BACKGROUND: url(images/nav.jpg);
	background-repeat: repeat-x;
	BORDER-BOTTOM: #ececec 1px solid; 
	MARGIN-BOTTOM: 40px; 
	HEIGHT: 33px
}
#nav LI {
	PADDING-RIGHT: 3px; 
	DISPLAY: block; 
	PADDING-LEFT: 3px; 
	FLOAT: left; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px
}
#nav LI A {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 15px; 
	DISPLAY: block; 
	PADDING-LEFT: 15px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px; 
	BORDER-RIGHT-WIDTH: 0px
}
#nav LI A:hover {
	BACKGROUND: #fff
}
/**************************************************************************************/
/*	Portfolio       																																	*/
/**************************************************************************************/
.portfolio_entry {
	MARGIN-BOTTOM: 60px
}
.portfolio_entry H3 {
	BORDER-TOP: #0061c1 4px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 1px; COLOR: #a6a6a6; 
	BORDER-BOTTOM: #e2e2e2 1px solid
}
.portfolio_entry H4 {
	DISPLAY: block; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	BACKGROUND: #e2e2e2; 
	MARGIN-BOTTOM: 5px; COLOR: #000; 
	LINE-HEIGHT: 16px
}
.entry_left {
	FLOAT: left; 
	WIDTH: 180px;
}
.entry_left P {
	PADDING-RIGHT: 10px;
}
a.portfolio {
	border-right: #e2e2e2 10px solid;
	BORDER-TOP: #e2e2e2 10px solid; 
	BORDER-BOTTOM: #e2e2e2 10px solid; 
	BORDER-LEFT: #e2e2e2 10px solid;
	DISPLAY: block; 
	FLOAT: right; 
	MARGIN: 0px; 
	WIDTH: 639px;
	HEIGHT: 180px
}
a:hover.portfolio  {
	border-right: #0061c1 10px solid;
	BORDER-TOP: #0061c1 10px solid; 
	BORDER-BOTTOM: #0061c1 10px solid; 
	BORDER-LEFT: #0061c1 10px solid;
}
/**************************************************************************************/
/*	Portfolio Feature																																	*/
/**************************************************************************************/
.barbie_FeatureEntry {
	MARGIN-BOTTOM: 45px;
}
.barbie_FeatureEntry H3 {
	BORDER-TOP: #0061c1 4px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 10px;  
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 1px; COLOR: #a6a6a6; 
	BORDER-BOTTOM: #e2e2e2 1px solid
}
.barbie_FeatureEntry H4 {
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	BACKGROUND: #e2e2e2; 
	MARGIN-BOTTOM: 5px;
	COLOR: #000; 
	LINE-HEIGHT: 16px
}
.barbie_FeatureRight {
	FLOAT: right; 
	DISPLAY: block; 
	WIDTH: 175px
}
.barbie_FeatureRight P {
	PADDING-LEFT: 10px;
}
a.barbieFeature {
	border-right: #e2e2e2 10px solid;
	BORDER-TOP: #e2e2e2 10px solid; 
	BORDER-BOTTOM: #e2e2e2 10px solid; 
	BORDER-LEFT: #e2e2e2 10px solid;
	DISPLAY: block; 
	FLOAT: right; 
	MARGIN: 0px; 
	WIDTH: 200px;
	HEIGHT: 200px
}
a:hover.barbieFeature  {
	border-right: #0061c1 10px solid;
	BORDER-TOP: #0061c1 10px solid; 
	BORDER-BOTTOM: #0061c1 10px solid; 
	BORDER-LEFT: #0061c1 10px solid;
}

.portfolio_FeatureEntry {
	MARGIN-BOTTOM: 45px
}
.portfolio_FeatureEntry H3 {
	BORDER-TOP: #0061c1 4px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 10px;  
	FONT-SIZE: 11px; 
	MARGIN-BOTTOM: 1px; COLOR: #a6a6a6; 
	BORDER-BOTTOM: #e2e2e2 1px solid
}
.portfolio_FeatureEntry H4 {
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	BACKGROUND: #e2e2e2; 
	MARGIN-BOTTOM: 5px;
	COLOR: #000; 
	LINE-HEIGHT: 16px
}
.entry_FeatureRight {
	FLOAT: right; 
	DISPLAY: block; 
	WIDTH: 280px
}
.entry_FeatureRight P {
	PADDING-LEFT: 10px;
}
a.portfolioFeature {
	border-right: #e2e2e2 10px solid;
	BORDER-TOP: #e2e2e2 10px solid; 
	BORDER-BOTTOM: #e2e2e2 10px solid; 
	BORDER-LEFT: #e2e2e2 10px solid;
	DISPLAY: block; 
	FLOAT: right; 
	MARGIN: 0px; 
	WIDTH: 200px;
	HEIGHT: 200px
}
a:hover.portfolioFeature  {
	border-right: #0061c1 10px solid;
	BORDER-TOP: #0061c1 10px solid; 
	BORDER-BOTTOM: #0061c1 10px solid; 
	BORDER-LEFT: #0061c1 10px solid;
}

/**************************************************************************************/
/*	Form    																																					*/
/**************************************************************************************/
.formLabel {
	font-weight: normal;
  color: #214D8C;
  display: block;
  float: left;
  /*width: 150px; */
}
.formLabelInvalid {
  font-weight: bold;
  color: red;
  display: block;
  float: left;
  /*width: 150px; */
}
.formLabelBold {
	font-weight: bold !important;
	/*  color: red;*/
  color: #214D8C;
  display: block;
  float: left;
}
.FormLabel:link, .FormLabel a:link, .FormLabel:hover, .FormLabel:visited, 
	.FormLabel:active, .FormLabel a:hover, .FormLabel a:visited .FormLabel a:active {
	font-weight: normal;
	text-decoration: underline;
}
.formField {
  background-color: #ffffff;
  font-weight: normal;
  margin-right: 22px;
}
.formFieldInvalid {
  background-color: yellow;
  font-weight: normal;
}
/*Form Float */
.formLabelFloat {
	font-weight: normal;
  color: #214D8C;
  display: inline;
  float: left;
  width: 200px; 
}
.formLabelRequiredFloat {
	font-weight: normal;
  color: #214D8C;
  display: inline;
  float: left;
  width: 200px; 
  BACKGROUND:  url(images/imgRequired.gif) no-repeat right;
}
.formLabelInvalidFloat {
  font-weight: bold;
  color: red;
  display: block;
  float: left;
  width: 200px; 
  BACKGROUND:  url(images/imgRequired.gif) no-repeat right;
}
.formLabelBoldFloat {
	font-weight: bold !important;
	/*  color: red;*/
  color: #214D8C;
  display: block;
  float: left;
  width: 200px; 
}
.FormLabelFloat:link, .FormLabelFloat a:link, .FormLabelFloat:hover, .FormLabelFloat:visited, 
	.FormLabelFloat:active, .FormLabelFloat a:hover, .FormLabelFloat a:visited .FormLabelFloat a:active {
	font-weight: normal;
	text-decoration: underline;
}
.formFieldFloat {
  background-color: #ffffff;
  font-weight: normal;
  margin-right: 22px;
  clear:right
}
.formFieldInvalidFloat {
  background-color: yellow;
  font-weight: normal;
}

.clearBefore {
	clear: both;
	margin: 3px 0 0 0;
	text-align: center;
}
.clear {
		clear:both;
}
.container {
	clear: both;
	/*margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	width: 700px;*/
}
.centerContainer {
	clear: both;
	padding: 10px 0 0 0;
	/*margin: 5px 0 0 0;*/
	text-align: center;
	width: 700px;
}

/**************************************************************************************/
/*	Controls    																																			*/
/**************************************************************************************/
.commandButtonLink, .commandButtonLink:link,  .commandButtonLink:visited, .commandButtonLink:active, 
	.commandButtonLink:hover, .commandButtonLink A,  .commandButtonLink TD A, .commandButtonLink TH {
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 10px 3px 10px;
	background-color: #c4dbf9;
	cursor: hand;
	text-decoration: none;
	}
.commandButton, .commandButton:link,  .commandButton:visited, .commandButton:active, 
	.commandButton:hover, .commandButton A,  .commandButton TD A, .commandButton TH {
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px !important;
	margin:  0 5px 0 5px;
	background-color: #c4dbf9;
	cursor: hand;
	text-decoration: none;
	}
.commandButtonMedium, .commandButtonMedium:link,  .commandButtonMedium:visited, .commandButtonMedium:active, 
.commandButtonMedium:hover, .commandButtonMedium A,  .commandButtonMedium TD A, .commandButtonMedium TH {
	width: 90px;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px !important;
	margin:  0 5px 0 5px;
	background-color: #c4dbf9;
	cursor: hand;
	text-decoration: none;
	}	
.commandButtonLong, .commandButtonLong:link,  .commandButtonLong:visited, .commandButtonLong:active, 
.commandButtonLong:hover, .commandButtonLong A,  .commandButtonLong TD A, .commandButtonLong TH {
	width: 120px;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #000;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px !important;
	margin:  0 5px 0 5px;
	background-color: #c4dbf9;
	cursor: hand;
	text-decoration: none;
	}	
.warningMessage {
	color: #C52106;
	font-size: 100%;
	font-weight: bold;
}
.warningMessage:link, .warningMessage a:link, .warningMessage:visited, .warningMessage:active, .warningMessage a:visited .warningMessage a:active {
	color: #C52106;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline !important;
}
.warningMessage:hover, .warningMessage a:hover {
	color: #C52106;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none !important;
}