/******************************************************************************
 * NeoCentra Limited - Generic Style
 *****************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#4c5455;
	background-color:#ffffff; background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x; background-position:left top;
	width:810px; margin:0px auto 0px auto; padding:0px; border:0px;
	text-align:center; 
}
/******************************************************************************
 * Generic Formatting
 *****************************************************************************/

.forPrint { display:none; }

a#skipToContent { display:none; }

.centered { text-align:left; }

img.imgRight { float:right; margin-left:20px; }

img.imgLeft { float:left; }

h1 { font-size:18px; }

h2 { font-size:12px; }

h3 { font-size:12px; font-weight:normal; text-decoration:underline; }

a { color:#4c5455; }

ul.normal { list-style-type: square; }

ul.normal li { margin-bottom:5px; }

/******************************************************************************
 * Header
 *****************************************************************************/
div#header {
	width:810px; height:130px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x; background-position:left top;
}

/******************************************************************************
 * Header - Aux Navigation
 *****************************************************************************/
div#auxNav {
	float:right; width:400px; height:20px; margin-top:10px; padding-right:10px;
}

div#auxNav ul {
	float:right; list-style:none;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

div#auxNav ul li {
	display:block; float:left; padding-left:20px;
}

div#auxNav ul li.notFirst {
	background-image:url(../images/bullet_tiny.gif);
	background-repeat:no-repeat; background-position:8px 7px;
}

div#auxNav ul li a {
	color:#888888; text-decoration:none; letter-spacing:1px;
}

div#auxNav ul li a:hover {
	text-decoration:underline;
}

/******************************************************************************
 * Main Navigation
 *****************************************************************************/
div#mainNav {
	width:810px; height:50px;
	background-image:url(../images/mainNav_bg.jpg);
	background-repeat:repeat-x; background-position:left top;
}

div#mainNav ul {
	float:left; width:450px; height:30px; list-style:none;
	margin:10px 0px 0px 0px; padding:0px 0px 0px 10px;
}

div#mainNav ul li {
	display:block; float:left; height:30px;
}

div#mainNav ul a { display:block; height:30px; }
div#mainNav ul a:hover { background-position:0px -30px; }

div#mainNav ul a span { display:none; }

div#mainNav ul #home { width:70px; background-image: url(../images/mainNav_home.jpg); }
div#mainNav ul #about { width:72px; background-image: url(../images/mainNav_about.jpg); }
div#mainNav ul #capabilities { width:113px; background-image: url(../images/mainNav_capabilities.jpg); }
div#mainNav ul #work { width:66px; background-image: url(../images/mainNav_work.jpg); }
div#mainNav ul #contact { width:85px; background-image: url(../images/mainNav_contact.jpg); }

/******************************************************************************
 * Breadcrumb
 *****************************************************************************/
div#breadcrumb {
	width:810px; height:20px; padding-left:20px;
	text-align:left; margin-top:10px; font-size:11px;
}
	
div#breadcrumb p span.title {
	font-weight:bold;
}

div#breadcrumb a { margin-left:2px; color:#4c5455; }

div#breadcrumb a.notFirst {
	margin-left:5px; padding-left:11px;
	background-image: url(../images/breadcrumb_arrow.gif);
	background-position:0px 5px; background-repeat:no-repeat;
}

/******************************************************************************
 * Footer
 *****************************************************************************/
div#footer {
	width:810px; height:180px; min-height:180px; font-size:11px;
	padding:20px 10px 0px 10px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat; background-position:left top;
}

html>body div#footer { width:790px; float:left;}

div.footerElement {
	float:left; width:25%; text-align:left;
}

div.footerElement_i {
	margin:0px 15px 0px 10px;
}

div.footerElement_i h1 {
	font-size:11px; padding-left:20px; margin:0px 0px 0px 0px;
	background-image:url(../images/footer_h1_bullet.gif);
	background-repeat:no-repeat; background-position:left top;
}

div.footerElement_i p {
	margin:10px 0px 0px 20px;
}

div.footerElement_i a {
	color:#4c5455; text-decoration:none;
}

div.footerElement_i a:hover {
	text-decoration:underline;
}

div.footerElement_i p.contactItem {
	height:22px; margin-left:15px; padding-left:27px; padding-top:5px;
	background-repeat:no-repeat; background-position:left top;
}

div.footerElement_i p.contactItem#footerMobile {
	background-image:url(../images/footer_mobile.gif);
}

div.footerElement_i p.contactItem#footerEmail {
	background-image:url(../images/footer_email.gif);
}

div.footerElement_i p.contactItem#skype {
	background-image:url(../images/footer_skype.gif);
}

div.footerElement_i ul {
	list-style-type:none;
	margin:10px 0px 0px 20px; padding:0px 0px 0px 0px;
}

div.footerElement_i ul li {
	margin:0px; padding:0px 0px 0px 10px;
	background-image: url(../images/tiny_bullet.gif);
	background-repeat:no-repeat; background-position:0px 6px;
}

div.footerElement_i p#copy {
	font-size:10px;
	margin-top:5px;
	color:#666666;
}

div.footerElement_i p#w3c {
	width:130px; height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px; color:#777777;
	background-image: url(../images/w3c_box.gif);
	background-repeat:no-repeat; background-position:0px 0px;
	padding-top:5px; margin-right:0px; letter-spacing:1px;
}

div.footerElement_i p#w3c span { padding-left:45px; }

div.footerElement_i p#w3c a { margin:0px; padding:0px; color:#777777; }

/******************************************************************************
 * Main Content
 *****************************************************************************/
div#mainContent {
	width:810px; margin:0px auto 0px auto;
}

/******************************************************************************
 * Additional Content
 *****************************************************************************/
div.additionalContent {
	width:810px; margin:0px auto 0px auto;
}

/******************************************************************************
 * Main Content Block 01
 *****************************************************************************/
div.main_01 {
	float:left; width:810px;
	background-image: url(../images/main_01_middle.jpg);
	background-repeat:repeat-y; background-position:top center;
}

div.main_01_i {
	float:left; width:810px;
	background-image: url(../images/main_01_top.jpg);
	background-repeat:no-repeat; background-position:top center;
}

div.main_01_ii {
	float:left; width:770px;
	background-image: url(../images/main_01_bottom.jpg);
	background-repeat:no-repeat; background-position:bottom center;
	padding:30px 20px 40px 20px;
	text-align:left;
}

/******************************************************************************
 * Main Content Block 01 - Left
 *****************************************************************************/
div.main_01_ii div.main_01_left { float:left;	width:180px; font-size:11px;}

div.main_01_left img { margin:0px 0px 1px 3px; }

div.main_01_left p { margin-left:0px; }

div.main_01_left p.thumblink {
	margin:0px 0px 10px 0px; text-align:right; padding-right:15px;
	background-image: url(../images/left_bullet_01.jpg);
	background-repeat:no-repeat; background-position:bottom right;
}

div.main_01_left a { color:#4c5455; text-decoration:none; }

div.main_01_left a:hover { text-decoration:underline; }

div.main_01_left ul.linkList {
	list-style:none;
	margin:0px; padding:0px;
}

div.main_01_left ul.linkList li {
	margin:0px 0px 5px 0px; padding:0px 0px 0px 20px;
	background-image: url(../images/left_bullet_02.jpg);
	background-repeat:no-repeat; background-position:0px 0px;
}

div.main_01_left p.contactItem {
	margin:10px 0px 0px 5px; padding-left:0px;
}

/******************************************************************************
 * Main Content Block 01 - Right
 *****************************************************************************/
div.main_01_ii div.main_01_right {
	float:right; width:510px; margin-right:15px; 
}

html>body div.main_01_ii div.main_01_right { margin-right:30px; }

div.main_01_right h1.graphic { margin-bottom:30px; }

div.main_01_right p {
	line-height:17px;
}

div.main_01_right p a.back {
	padding-left:17px; font-size:11px;
	background-image: url(../images/back_bullet.gif);
	background-repeat:no-repeat; background-position:0px 0px;
}

/******************************************************************************
 * Main Content Block 01 - Right - Work Item
 *****************************************************************************/
div.workItem {
	float:left; width:510px; margin-top:10px; padding-bottom:10px;
	border-bottom:1px solid #aaaaaa;
	/* background-color:#ffeeff; */
}

div.workItem h2 { margin:0px; }

div.workItem p { margin:0px; font-size:11px; width:250px; }

div.workItem img { float:right; }

/******************************************************************************
 * Main Content Block 02
 *****************************************************************************/
div.main_02 {
	float:left; width:810px;
	background-image: url(../images/main_02_middle.jpg);
	background-repeat:repeat-y; background-position:top center;
}

div.main_02_i {
	float:left; width:810px;
	background-image: url(../images/main_02_top.jpg);
	background-repeat:no-repeat; background-position:top center;
}

div.main_02_ii {
	float:left; width:770px;
	background-image: url(../images/main_02_bottom.jpg);
	background-repeat:no-repeat; background-position:bottom center;
	padding:20px 20px 20px 20px;
	text-align:left;
}

div.main_02 p { margin:0px; line-height:normal; }

/******************************************************************************
 * Main Content Block 02 - Home Page Accolades
 *****************************************************************************/
div.main_02 div#homePageAccolades {
	float:left; width:770px;
}

div.main_02 div.homePageAccolade {
	float:left; width:255px; height:380px;
	background-image: url(../images/home_page/homePageAccolade_bg.gif);
	background-repeat:repeat-y; background-position:top left;
	padding:0px 0px 0px 0px;
}

div.main_02 div.homePageAccolade_i {
	padding-left:20px;
}

div.main_02 div#homePageAccolades h1#accolades {
	width:180px; height:20px; margin:0px 0px 20px 0px;
  background-image:url(../images/home_page/h1_clients_say.gif);
}

div.main_02 div#homePageAccolades h2 {
	margin:0px 0px 3px 0px;
}

div.main_02 div#homePageAccolades p {
	margin:15px 0px 0px 0px; font-size:11px;
}

div.main_02 div#homePageAccolades img {
	margin-left:-1px;
}

div.main_02 div#homePageAccolades p.link {
	margin:0px 0px 12px 0px;
}

/******************************************************************************
 * GENERIC FORM
  *****************************************************************************/
form.generic {
	margin:20px 0px 20px 40px;
}

form.generic div.formElement {
	display:block; clear:both;
	margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;
}

/* Labels */

form.generic div.formElement label {
	display:block; float:left; font-size:12px; width:80px; padding:5px 5px 0px 0px;
	text-align:right; font-size:11px;
}

form.generic div.formElement label.forInput { }

form.generic div.formElement label.forTextArea {
	/* float:none; padding-bottom:5px; padding-top:10px; */
}

/* Inputs */

form.generic input { margin:0px; }

form.generic input.inputText { width:200px; font-size:11px; color:#4c5455; }

form.generic input.inputTextFocus { width:200px; font-size:11px; color:#4c5455; }

form.generic input.inputTextBlur { width:200px; font-size:11px; color:#4c5455; }

form.generic input.submit {
	background-color:#ffffff; color:#4d5756; font-size:11px;
	margin-left:82px; margin-top:10px;
}

html>body form.generic input.submit {
	margin-left:84px;
}

/* Text Area */

form.generic textarea {
	width:300px; font-size:13px;font-family: Arial, Helvetica, sans-serif;
	color:#4c5455; font-size:11px;
}

form.generic textarea.blur {
	width:300px; font-size:13px; font-family: Arial, Helvetica, sans-serif; font-size:11px;
	/* background-color:#ffffff; */
}

form.generic textarea.focus {
	width:300px; font-size:13px; font-family: Arial, Helvetica, sans-serif; font-size:11px;
	/* background-color:#FBFBF9; */
}

form.generic textarea.inset { width:239px; margin-top:-5px; }
form.generic textarea.insetBlur { width:239px; margin-top:-5px; background-color:#ffffff; }

form.generic textarea.insetFocus { width:239px; margin-top:-5px; background-color:#FBFBF9; }

/* Misc */
span.star { color:#fc980e; }

/******************************************************************************
 * Login
 *****************************************************************************/
form.generic#login input.inputText { width:120px; font-size:11px; color:#4c5455; }

form.generic#login input.inputTextFocus { width:120px; font-size:11px; color:#4c5455; }

form.generic#login input.inputTextBlur { width:120px; font-size:11px; color:#4c5455; }

/******************************************************************************
 * Login Face-Lift
 *****************************************************************************/
p.thumbs { display:block; text-align:center; }

a.facelift_thumb { }

a.facelift_thumb img { border:none; margin:0px 5px 0px 5px; }