/*
  This file is based on the ploneCustom.css.dtml shipped with Plone.

   (do not remove this :)
   (not this either :)
*/

/* YOUR CSS RULES START HERE */


/*
   There are 4 main sections to this stylesheet:
   - HTML TAGS
   - LAYOUT DIVS
   - DECORATIVE DIVS
*/

/****************************************************
 *****  HTML TAGS                       
 ****************************************************/

body {
	margin: 0px;
	background: url(images/bg_texture_blue.gif);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
/*
A:link {
	color: #0165BC;	
}
*/
A:link {
	color: #075192;	
}

A:visited {
	color: #666666;	
}

A:hover {
	color: #FF7600;	
}


p,h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #FF7600;
}

h2 {
}

h3 { 
	font-size: 18px; 
	font-weight: normal; 
	color: #173C5F; 
	padding-top: 0px; 
}

/* Classes used by Plone rich text editor */ 

h2.Heading { 
	border-top: 1px solid #60A3DE; 
	font-size: 18px; 
	line-height: 22px; 
	font-weight: normal; 
	padding-top: 10px; 
	margin-top: 20px; 
	color: #173C5F; /* dark blue */ 
} 

h3.Subheading { 
	color: black; 
	font-size: 14px; 
	font-weight: bold; 
	padding-top: 24px; 
	line-height: 17px; 
} 

blockquote { 
	margin-top: 0; 
	margin-bottom: 0; 
} 

/******************************************/

h4 {
	font-size: 18px;
	font-weight: bold;
	color: #FF7600;
}

h5 {
	font-size: 14px;
	color: #173C5F;
	text-transform: uppercase;
}

.highlightBox h5 {
	font-size: 11px;
}

.headlineThenDescription h5 {
	text-transform: capitalize;
	padding-top: 15px;
}


p {
	padding-top: 8px;
	font-size: 14px;
	line-height: 20px;
}

.quote P {
	padding-top: 0px;
}

.headlineThenDescription P {
	padding-top: 4px;
}

ul, ol { 
  margin-top: 8px; 
  margin-bottom: 0px; 
} 

ul li { 
  font-size: 14px; 
  list-style-type: square; 
  line-height: 20px; 
} 

ol li { 
  font-size: 14px; 
  line-height: 20px; 
} 

table.data {
	/*margin: 15px 0px 0px 0px;*/
	font-size: 12px;
}

table.data TR {
	vertical-align: top;
}

.rowNormal {
	background-color: transparent;
}

.rowHighlight {
	background-color: #FFFDC8;
}

TH.shadowed {
	border-right: #60A3DE 1px solid; /* blue option */
}

table.data TD {
	border-top: 1px solid #60A3DE;
	padding: 3px 6px 9px 3px;
}

table.data TH {
	color: #173C5F;
	background-color: #CCE7FF;
	padding: 3px 6px 6px 3px;
}

TD.noWrapping {
	white-space: nowrap;
}

TD A {
	font-weight: bold;
}

TH A:visited, TH A:link {
	color: #075192;
}

TH A:hover {
	color: #FF7600;
}

.jobAction p { 
	font-size: 12px; 
	font-weight: bold; 
} 

p.submitResume { 
	font-size: 12px; 
	font-weight: bold; 
	float: right; 
	vertical-align: top; 
} 

/****************************************************
 *****  MAJOR LAYOUT DIVS                       
 ****************************************************/

#pageContainer {
	text-align: left;
	width: 800px;
	margin: 30px auto 0px auto;
	background: #FFFFFF url(images/bg_sphere.gif) no-repeat bottom right;
}

#navLeft {
	float: left;
	padding-top: 35px;
	margin-left: 10px;
	width:170px;
	padding-bottom: 25px;
}

#headerContainer {
	margin-left: 220px;
	height: 120px;
}

#mainContent {
	margin-left: 220px;
	padding-right: 40px;
	padding-bottom: 30px;
}

/* this is a hack to fix the IE italics bug */ 
/* \*/ 
* html #mainContent { 
	overflow: hidden; 
	o\verflow: visible; 
	width: 100%; 
	w\idth: auto; 
	he\ight: 1%; 
} 
/* */ 

#footerContainer {
	text-align: left;
	width: 800px;
	margin: 0px auto;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #logoCropped {
  margin-right: 10px;
  }
  
* html #navLeft {
  margin-right: 10px;
  }
  
* html #headerContainer {
  height: 1%;
  margin-left: 0;
  }  
 
* html #mainContent {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */


/****************************************************
 *****  DECORATIVE DIVS                       
 ****************************************************/

#cornerTopLeft {
	position: relative;
	float: left;
	top: -9px;
	left: -8px;
	height: 30px;
	width: 30px;
	background: transparent url(images/bg_corner_topleft.gif) no-repeat top left;
}


#cornerTopRight {
	position: relative;
	float: right;
	top: -9px;
	left: 14px;
	height: 30px;
	width: 30px;
	background: transparent url(images/bg_corner_topright.gif) no-repeat top left;
}


#cornerBottomLeft {
	position: relative;
	float: left;
	top: -16px;
	left: -8px;
	height: 30px;
	width: 30px;
	background: transparent url(images/bg_corner_bottomleft.gif) no-repeat top left;
}

#cornerBottomRight {
	position: relative;
	float: right;
	top: -16px;
	left: 14px;
	height: 30px;
	width: 30px;
	background: transparent url(images/bg_corner_bottomright.gif) no-repeat top left;
}

.highlightBox {
	background: url(images/bg_highlight_top.gif) no-repeat top left;
	padding-top: 7px;
	margin-top: 15px;
	margin-bottom: 10px;
	vertical-align: baseline;
}

.highlightBox DIV {
	background: url(images/bg_highlight_middle.gif) repeat-y;
}

.highlightBox DIV DIV {
	padding: 15px 20px 20px 20px;
	background: url(images/bg_highlight_bottom.gif) no-repeat bottom left;
}

#mainContent .highlightBox IMG {
	float: right;
	margin:0px;
	padding:0px;
	border: 0px;
	background: none;
	padding-left: 10px;
	padding-bottom: 10px;
}

.highlightBox A {
	font-weight: bold;
}


/****************************************************
 *****  BREADCRUMB DIVS                       
 ****************************************************/

#breadCrumb {
	padding-top: 6px;
	padding-bottom: 8px;
}

#breadCrumb P {
	font-size: 11px;
}

#breadCrumb A {
	background: url(images/arrow_tiny_blue.gif) no-repeat right;
	padding-right: 11px;
	margin-right: 2px;
}


/****************************************************
 *****  PHOTO DIVS                       
 ****************************************************/

#mainContent IMG {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 15px;
	padding: 6px;
	background-color: #CCE7FF; /* blue option */
	border-bottom: #60A3DE 1px solid; /* blue option */
	border-right: #60A3DE 1px solid; /* blue option */
}

.photoBig {
}

.padImage {
	padding: 3px;
}

.edgeRight {
	border-right: 1px solid #61A2DF;
}

.edgeBottom {
	border-bottom: 1px solid #61A2DF;
}

/****************************************************
 *****  LEFT NAV                        
 ****************************************************/

#logo {
	background: url(images/logo_neteffects.gif) no-repeat;
	width: 155px;
	height: 120px;
}

#logo A {
	display: block;
	width: 155px;
	height: 120px;
}

.boxTop{
	background: #CCE7FF url(images/bg_leftnav_top.gif) no-repeat top;
	width: 140px;
	padding-top: 3px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.boxBottom{
	background: url(images/bg_leftnav_bottom.gif) no-repeat bottom;
	padding-bottom: 3px;
}

#navLeft ul {
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 10px 8px 10px 0px; /* top right bottom left */
	border-right: 1px solid #61A2DF;
}

#navLeft li {
	color: #031F38;
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
	padding-bottom: 8px;
	list-style: none;
	line-height: 15px;
}

#navLeft li a {
	font-weight: normal;
}

#navLeft li a.selected {
	font-weight: bold;
	color: #075192;
}

.quote H4 {
	color: #031F38;
	font-size: 11px;
	font-weight: normal;
	margin-left: 30px;
	margin-right: 13px;
	line-height: 17px;
	padding-bottom: 10px;
}


.quote P {
	color: #031F38;
	font-size: 11px;
	margin-left: 30px;
	margin-right: 13px;
	line-height: 17px;
}

.quote A {
	font-weight: bold;
}

.quicktip P {
	color: #031F38;
	font-size: 11px;
	margin-left: 30px;
	margin-right: 10px;
	padding-top: 0px;
	line-height: 17px;
}

.quicktip A {
	font-weight: bold;
}

/****************************************************
 *****  PERSISTENT NAV                      
 ****************************************************/

#navBig UL {
	float: left;
	background: url(images/nav_persistent.gif) no-repeat;
	margin: 0; padding: 0;
	width: 502px;
	height: 37px;
	display: inline;
	margin-top: 18px;
}

#navBig li { margin: 0; padding: 0; list-style: none; float: left; }
#navBig li, #navBig a { height: 37px; display: block; text-decoration: none; font-size: 1px; text-indent: -9000px; }

#n1, #n1selected { left: 0; width: 93px; }
#n2, #n2selected { left: 93px; width: 90px; }
#n3, #n3selected { left: 183px; width: 119px; }
#n4, #n4selected { left: 302px; width: 155px; }
#n5, #n5selected { left: 457px; width: 45px; }
#n1 a:hover, #n1selected { background: transparent url(images/nav_persistent.gif) 0 -47px no-repeat; }
#n2 a:hover, #n2selected { background: transparent url(images/nav_persistent.gif) -93px -47px no-repeat; }
#n3 a:hover, #n3selected { background: transparent url(images/nav_persistent.gif) -183px -47px no-repeat; }
#n4 a:hover, #n4selected { background: transparent url(images/nav_persistent.gif) -302px -47px no-repeat; }
#n5 a:hover, #n5selected { background: transparent url(images/nav_persistent.gif) -457px -47px no-repeat; }


#navSmall UL {
	float: left;
	background: url(images/nav_small.gif) no-repeat;
	margin: 0; padding: 0;
	width: 319px;
	height: 22px;
	display: inline;
	margin-top: 40px;
	margin-left: 213px;
}

#navSmall li { margin: 0; padding: 0; list-style: none; float: left; }
#navSmall li, #navSmall a { height: 22px; display: block; text-decoration: none; font-size: 1px; text-indent: -9000px; }

#small1, #small1selected { left: 0; width: 98px; }
#small2, #small2selected { left: 98px; width: 81px; }
#small3, #small3selected { left: 179px; width: 62px; }
#small4, #small4selected { left: 241px; width: 78px; }
#small1 a:hover, #small1selected { background: transparent url(images/nav_small.gif) 0 -31px no-repeat; }
#small2 a:hover, #small2selected { background: transparent url(images/nav_small.gif) -98px -31px no-repeat; }
#small3 a:hover, #small3selected { background: transparent url(images/nav_small.gif) -179px -31px no-repeat; }
#small4 a:hover, #small4selected { background: transparent url(images/nav_small.gif) -241px -31px no-repeat; }


/****************************************************
 *****  LEADERSHIP 
 ****************************************************/

.portrait {
	margin-top: 20px;
}

#mainContent .portrait IMG {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 4px;
	background-color: #FF9439; /* orange option */
	border-bottom: #7B3908 1px solid; /* orange option */
	border-right: #7B3908 1px solid; /* orange option */
	background-color: #CCE7FF; /* blue option */
	border-bottom: #60A3DE 1px solid; /* blue option */
	border-right: #60A3DE 1px solid; /* blue option */
}

.portrait P, .portrait H5 {
	/* padding-left: 175px; 
	 alternative display of text: no text wrapping under portraits */
}

.portrait H5 A {
	text-transform:none;
	margin-left: 8px;
	padding-left: 19px;
	padding-top: 0px;
	background: url(images/icon_vcard.gif) no-repeat;
}

/****************************************************
 *****  TEXT SPAN TAGS
 ****************************************************/

.category {
	color: #FF7600;
	font-size: 11px;
	font-weight: bold;
}

.smallIntro {
	color: black;
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
}


/****************************************************
 *****  FOOTER 
 ****************************************************/

#footer {
}

#footer UL {
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
}

#footer LI {
	color: #FFFFFF;
	font-size: 11px;
	display: inline;
	padding-right: 8px;
}

#footer LI A:link, #footer LI A:visited {
	color: #FFFFFF;
}

#footer LI A:hover {
	color: #FF7600;	
}


/****************************************************/
/*****  HOME PAGE
/****************************************************/

#logoCropped {
	background: url(images/logo_neteffects_cropped.gif) no-repeat;
	height: 100px;
	float: left;
	margin-top: 35px;
	margin-left: 10px;
	width:170px;
}

#banner {
	margin-left: 28px;
}

#homeContent {
	margin-left: 72px;
	margin-right: 45px;
	margin-top: 6px;
	padding-bottom: 25px;
}

#homeContent h5 {
	text-transform:none;
}


#homeBoxLeft {
	margin-top: 8px;
	margin-bottom: 8px;
	width: 234px;
	float: left;
	background: #F0F0F0 url(images/bg_home_whitebar.gif) no-repeat top left;
	border-right: 1px solid #4583BA;
}

#homeBoxLeft DIV {
	padding-top: 6px;
	padding-left: 16px;
	padding-right: 12px;
	padding-bottom: 20px;
	background: url(images/bg_home_leftbox_bottom.gif) no-repeat bottom left;
}

#homeBoxLeft IMG {
	padding-top: 16px;
}

#homeBoxLeft P {
	color: #32495D;	
	line-height:18px;
	padding:0px;
	padding-top: 5px;
}

#homeBoxLeft h6 {
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin:0px;
	padding-top: 2px;
}

#homeTopics {
	margin-left: 250px;
}

#homeTopics P {
	padding: 0px;
	line-height: 18px;
	padding-top: 4px;
}

#homeTopics H5 {
	font-size: 14px;
	text-transform: capitalize;
	padding-top: 10px;
}

#homeTopics IMG {
	float: left;
	border: 1px solid #707C86;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
}

#jobsBox {
	margin:0px;
	padding:0px;
	margin-top: 14px;
	width: 411px;
	background: #E8EFF5 url(images/bg_home_jobsbox_right.gif) repeat-y top right;
}

#jobsBox DIV {
	background: transparent url(images/bg_home_jobsbox_bottom.gif) no-repeat bottom left;
}

#jobsBox DIV DIV {
	padding-top: 14px;
	padding-left: 12px;
	padding-right: 9px;
	padding-bottom: 15px;
	background: url(images/bg_home_jobsbox_bottomright.gif) no-repeat bottom right;
}

#jobsBox P {
	line-height: 18px;
	padding: 0px;
	margin: 0px;
	padding-top: 3px;
}

#jobsBox h6 {
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin:0px;
	padding-top: 4px;
}

#jobsBox IMG {
	float: none;
	border: 0px;
	margin: 0px;
	padding-bottom: 1px;
}


/****************************************************/
/*****  CONTACT US
/****************************************************/

.office { 
	width: 536px; 
	margin-top: 10px; 
	padding-top: 6px; 
	padding-bottom: 0; 
	border-top: 1px solid #60A3DE; 
} 

.office H5 { 
	text-transform: capitalize; 
	padding-top: 6px; 
} 

.office P { 
	font-size: 12px; 
	line-height: 16px; 
	padding-top: 10px; 
} 

#mainContent .office img, #mainContent .office_noborder img {
	margin-top: 0px;
}

#mainContent .quoteInline { 
	padding-top: 5px; 
	padding-bottom: 8px; 
} 

#mainContent .quoteInline h4 { 
	color: #173C5F; 
	font-size: 11px; 
	line-height: 18px; 
	font-weight: normal; 
} 

#mainContent .quoteInline p {
	color: #173C5F; 
	font-size: 11px; 
	padding: 0; 
	font-weight: bold; 
} 

#mainContent .quoteInline img { 
	float: none; 
	border: none; 
	background: none; 
	margin: 0; 
	padding: 0; 
} 


/****************************************************/
/*****  CASE STUDIES
/****************************************************/

.case { 
	border: 0; 
	border-top: 1px solid #60A3DE; 
	padding: 3px 9px 15px 3px; /* top right bottom left */ 
} 

.case H4 { 
	text-transform: capitalize; 
	font-size: 14px; 
	padding: 8px 0px 0px 0px; /* top right bottom left */ 
} 

.case P { 
	font-size: 12px; 
	margin: 0px; 
	padding: 2px 0px 0px 0px; /* top right bottom left */ 
} 


#mainContent .case img { 
	float: left; 
	background: none; 
	border: 0; 
	padding: 6px 10px 0px 0px; /* top right bottom left */ 
	margin: 0; 
	width: 125px; 
} 

#mainContent .caseLogo { 
	float: right; 
	margin: 0;
	padding: 10px 0px 10px 20px; /* top right bottom left */ 
	background: none; 
	border: 0; 
} 

#mainContent .newsImage {
	border: 0;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 15px;
	padding: 6px;
	background-color: #CCE7FF; /* blue option */
	border-bottom: #60A3DE 1px solid; /* blue option */
	border-right: #60A3DE 1px solid; /* blue option */
}

.feature-portlet img {
	width: 60px;
	height: 60px;
}

.projects H5 { 
	text-transform: capitalize; 
	padding: 16px 0px 0px 0px; /* top right bottom left */ 
} 

.projects UL { 
	margin: 0px; 
	padding: 0px; 
} 

.projects UL LI { 
	font-size: 12px; 
	line-height: 14px; 
	list-style-type:none; 
	padding: 6px 0px 0px 20px; /* top right bottom left */ 
} 

/* new stuff */

.projectParameters { 
	padding-top: 15px; 
	padding-bottom: 10px; 
} 

#mainContent .projectParameters IMG { 
	background: none; 
	border: none; 
	padding: 0px 0px 10px 10px; /* top right bottom left */ 
	margin-top: -5px; 
} 

.projectParameters P { 
	border-top: 1px solid #FFFFFF; 
	padding: 3px 9px 9px 3px; /* top right bottom left */ 
	background-color: #F0F0F0; 
} 

.projectParameters STRONG { 
	color: #173C5F; 
} 

.previousNext { 
	padding-top: 15px; 
	padding-right: 10px; 
} 

.previousNext P { 
	text-align: right; 
	font-size: 12px; 
	font-weight: bold; 
	text-transform:capitalize; 
} 

.sep { 
	padding-left: 4px; 
	padding-right: 4px; 
} 


/****************************************************/
/*****  FORMS
/****************************************************/

#articles ul {
	margin-top: 2px;
	margin-bottom: 16px;
}


/****************************************************/
/*****  FORMS
/****************************************************/

#formmailer { 
	font-size: 14px; 
} 

#formmailer .formControls { 
	padding-top: 15px; 
} 

#formmailer .field { 
	padding-top: 10px; 
	font-weight: bold; 
} 

#formmailer .fieldRequired { 
	text-transform: lowercase; 
	font-size: 11px; 
	font-weight: normal; 
}


/****************************************************/
/*****  MISCELLANEOUS
/****************************************************/

table.plain { 
  margin-top: 15px; 
  font-size: 12px; 
  border-spacing: 0; 
  border-collapse:collapse; 
} 

table.plain TR { 
  vertical-align: top; 
} 

table.plain TH { 
  color: #173C5F; 
  background-color: #CCE7FF; 
  padding: 3px 6px 6px 3px; 
} 

table.plain TD { 
  border-top: 1px solid #60A3DE; 
  padding: 3px 6px 9px 3px; 
}

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 0;
}


/* YOUR CSS RULES STOP HERE */

/*  */

/* Latest version of the documentation on pre-defined properties from Plone 
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css */