/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
body {
	background-color: #333;
	margin:0;
}
#main {
	width: 790px;
	text-align:left;
	background-color:#222;
	margin:0 auto;
}
.border {
	border:5px solid #fff;
}

#client_wrapper { margin:0 20px}

#content_wrapper {margin:0 2.5em}

h1 {
	color:#CC0;
	font-size: 24px;
}
h2 {
	font-size:16px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
p{margin:1em 0}
a, a:link, a:active, a:visited, a:hover {
	color: #D1BE0F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* header start */
#header {
	background-image: url(head-ending-bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:32px;
}
#animation {
	padding-top:6px;
}

#3banners {padding-top:5px}
/* header end */

/* footer start */
#footer {
	clear:both;
	color: #888;
	padding:0.3em 20em 6em 20em;
	margin-top:10px;
	background:#090909 url(footer_stripe.gif) repeat-x;
	font-size:12px;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color: #650; 
}
ul.footer_links {
	float:right;
	text-align:right;
	margin-top:4px;
	margin-left:15px;
	padding:0;
	font-size:11px;
	list-style:none;
	width:200px;
}

ul.footer_links li {margin:3px 5px; padding:0; float:left; width:55px}

.hr, .hr-ft {
	height:1px;
	clear:both
}
.hr-ft {
	height:.5em;
	clear:left;
	background-color:#222;
}
/* footer end */

/* left column start */
#left-col {
	width:160px;
	background-color:#373737;
	border-top: #D9DA08 1.2em solid;
	float:left;
	overflow:hidden;
}
#left-col p {
	width: 145px;
	padding-left:10px;
}

#navcontainer { width: 200px; padding-left:1em }
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#navcontainer li {

}
#navcontainer a {
	display: block;
	padding: 3px;
	width: 140px;
	font-size:14px;
	background-image:url(arrow_ltnav.gif);
	background-repeat: no-repeat;
	background-position: .40em;
	padding-left: 1.7em;
}
#navcontainer a, #navcontainer a:link, #navcontainer a:active, #navcontainer a:visited {
	color: #ccc;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: #222;
	color: #fff;
}
/* left column end */

/* content start */
#actions {
	margin-bottom:1em;
	border-bottom:#333 1px solid;
}
#our-clients {
	margin-left:12.1em;
	padding-bottom:5em;
}
#our-services {
	clear:both;
	padding: 2em;
	margin-top:1em;
	border-top:#333 1px solid;
}
.content-info {
	width:430px;
	font-size:14px;
	padding-left:.5em;
	padding-right:1em;
	margin:2em 1em;
	border-left:.5em solid #fff;
}
.content-info p {
	margin-top: 1em;
	line-height:1.4em;
}
#our-clients .content-info {

}
#service-two, #service-three, #service-four, #service-five, #service-six, #client-two, #client-three, #client-four, #client-five, #client-six {
	display:none;
}
.sub-menu .dot {
	color: #D1BE0F;
}
.sub-menu ul {margin:0; padding:0; list-style:none}
.sub-menu li {
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
}
.sub-menu li a { padding: 2px 5px; }
.sub-menu li a:link, .sub-menu li a:visited, .sub-menu li a:active {
	color: #D1BE0F;
	text-decoration: none;
	font-size:12px;
}
.sub-menu li a:hover {
	color: #000;
	background-color: #D1BE0F;
	text-decoration: none;
}
#our-clients .link_selected, #our-services .link_selected {
	color: #000;
	background-color: #D1BE0F;
	text-decoration: none;
}
/* content end*/

/* Graphic Headers */

.contactus {background:url(contact-us.gif) no-repeat; width:151px; height:67px; margin-left:5px;display:block}
.contactus a {width:145px; height:67px; display:block; text-indent:-99999px; margin-left:5px;}

h1#oursolutions {background:url(our_solutions.gif) no-repeat; width:239px; height:27px; display:block; margin:20px 0; text-indent:-99999px}
h1#ourclients {background:url(our-clients.gif) no-repeat; width:192px; height:32px; display:block; margin:20px 0; text-indent:-99999px}
h1#ourcompany {background:url(our_company.gif) no-repeat; width:227px; height:25px; display:block; margin:20px 0; text-indent:-99999px}
h1#ourworks {background:url(our_work.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#casestudies {background:url(case_studies.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#feedbacks {background:url(client_feedback.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#careers {background:url(careers.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#faq {background:url(faq.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#process {background:url(ourprocesstitle.jpg) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#learning {background:url(learning_center.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}
h1#contact {background:url(contact_us.gif) no-repeat; display:block; margin:20px 0; text-indent:-99999px}


/* Client List */

ul.clientlist_left { margin:10px 0; width:40%; display:block; padding-right:50px; float:left; text-align:right; border-right:6px solid #fff}
ul.clientlist_left li, ul.clientlist_right li { display:list-item; margin-bottom:4px}
ul.clientlist_right {margin:10px 0; width:40%; display:block; padding-left:50px; float:left; text-align:left}

/* Our Services */

#ourcompany_body { margin-right:25px}
#ourcompany_body p {line-height:1.4em}


/* Our Company */

.quotes, .quotes_president {	
	width:540px;
	font-size:13px;
	color:#CCCC00;
	padding-right:1em;
	margin-top:1em;
	margin-bottom:1em;
	background:url(flower.jpg) no-repeat left;
	line-height:1.4em;
}

.quotes_president { background:url(sarfu_pres.jpg) no-repeat left}
.quotes {background:url(flower.jpg) no-repeat left;}

.quotes blockquote,.quotes_president blockquote {border-left:7px solid #fff; margin-left:160px; padding-left:15px;}

.quotes h5, .quotes_presient h5 {color:#fff; margin-left:160px;}


/* Our Works */

ul.worklist { margin:2em 0; padding:0; list-style:none}
ul.worklist li {width:20%; display:inline; margin:0 0.4em;}
ul.worklist img {margin:1em 0; cursor:pointer; opacity:0.6}
ul.worklist a img {border:0; background:none}
ul.worklist img:hover {opacity:1}
.worklist  li a {background:none; border:0; margin:0; padding:0}
.worklist li a:hover {background:none}

div#qTip {
padding: 3px;
border: 1px solid #fff;
display: none;
background:#333333;
color: #FFF;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
 position: absolute; opacity:0.9;
z-index: 1000; }


/* Case Studies */

.casestudies { width:100%; margin:2em 0; display:block}
.casestudies_title { width:15%; float:left; padding:3px}
.casestudies_case {width:75%; float:left; border-left:7px solid #fff; padding-left:15px; margin-bottom:1em}
.casestudies_case p {line-height:1.5em}
.casestudies_title h1 {font-size:20px; color:#fff;  text-align:right}
.imgleft {float:left; margin:0 15px 15px 0}
.clear {clear:both;}
span.greentitle { color:#CCCC00}
span.caption { display:block; font-style:italic; font-size:10px}

/* Feedbacks */

.feedback { 	
	width:540px;
	font-size:13px;
	color:#CCCC00;
	padding-right:1em;
	margin-top:1em;
	margin-bottom:2.5em;
	background:url(clientfeed_quotemarks.gif) no-repeat left top;
	line-height:1.4em;}
.feedback blockquote {border-left:7px solid #fff; margin-left:130px; padding-left:15px}
.feedback blockquote p{ color:#fff; }

/* Careers */

.job { margin:2em 0}
.job h2 { background-color:#CCCC00; display:inline; color:#000; font-size:12px; margin:5px 0; padding:3px; font-weight:normal;}


/* Learning Center */

.learn { margin:2em 0}
.learn p { font-size:12px; line-height:1.6em}
.learn ol.normallist li {color:#fff}
.learn h2 { background-color:#CCCC00; display:inline; color:#000; font-size:12px; margin:5px 0; padding:3px; font-weight:normal;}
.learn ol {margin:2em; padding:0; font-size:12px}
.learn ol li {margin-bottom:5px; line-height:1.5em; padding-bottom:5px;color:#CCCC00; list-style-type:decimal; vertical-align:top; display:list-item}

/* FAQ */

.faq ol {margin:1em 2em; padding:0; font-size:12px}
.faq ol li {margin-bottom:3px; line-height:1.5em; padding-bottom:5px;color:#CCCC00; list-style-type:decimal; vertical-align:top; display:list-item}
.faq span {color:#fff; display:block; margin:6px 0}
.faq ol li a:hover {background:none; color:#CCCC00; text-decoration:underline}

/* Our Process */

p#process1 {background:url(process_1.jpg) left no-repeat; padding-left:150px; padding-top:10px; padding-bottom:12px; padding-right:50px; margin:2em 0; display:block; margin:1.5em 0; border-bottom:1px solid #999}
p#process2 {background:url(process_2.jpg) left no-repeat; padding-left:150px; padding-right:50px; margin:1.5em 0; display:block; border-bottom:1px solid #999; padding-bottom:10px; }
p#process3 {background:url(process_3.jpg) left no-repeat;padding-left:150px; padding-right:50px; margin:1.5em 0; display:block; border-bottom:1px solid #999; padding-bottom:10px;}
p#process4 {background:url(process_4.jpg) left no-repeat; padding-left:150px; padding-right:50px; margin:1.5em 0; display:block; border-bottom:1px solid #999; padding-bottom:10px;}
p#process5 {background:url(process_5.jpg) left no-repeat; padding-left:150px; padding-right:50px; margin:1.5em 0; display:block; }

/* Privacy Policy */

.privacy ul { margin:2em; padding:0; list-style:disc}
.privacy ul li { margin-bottom:5px; list-style-type:disc; display:list-item; padding:0}

/* Contact Us */

.contact_us h1 {font-size:16px}
.contact_us form {background:#333; border:10px solid #666; padding:20px 50px}
.contact_us fieldset { border:0;margin:0;padding:0; }
.contact_us label { display:block; margin:10px 0 }
.submitbutton { margin:0; border:none; padding:0; width:110px; height:30px; background:url(contactus_submit.gif) no-repeat; text-indent:-99999px; cursor:pointer}
span.required { color:#CCCC00}

/* Request Quote */
#quote {background:url(reqquote_title.gif) no-repeat; width:278px; height:30px; display:block;text-indent:-99999px; margin-left:-1em; padding-bottom:1em;}
 
.request_quote h1 {font-size:16px}
.request_quote form {background:#333; border:10px solid #666; padding:20px 50px}
.request_quote fieldset { border:0;margin:0;padding:0; }
.request_quote label { display:block; margin:10px 0 }
.submitbutton { margin:0; border:none; padding:0; width:110px; height:30px; background:url(contactus_submit.gif) no-repeat; text-indent:-99999px; cursor:pointer}
span.required { color:#CCCC00}


/* Index */

.client_logo {float:left; width:130px; margin:15px 4px}
.client_content {float:left; width:380px; margin:15px 0; padding:0 20px; border-left:5px solid #fff}
.client_content p {line-height:1.4em}