/* Global and Common Settings
-----------------------------------------------------------------------------*/
html, body { border:0; margin:0; padding:0; background-color: #fff; background-image: url('../images/bg-body-new.gif'); background-repeat: repeat-x; }

body { font:100%/1.25em arial, helvetica, sans-serif; color: #000000; text-align: center; }

img { border:0; }
a, a:visited { text-decoration:none; }
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
address { font-style:normal }

.clear-bg      { clear:both; margin-bottom: 5px; }
.clear         { clear:both; line-height:0;height:0px; }
.clear-right   { clear:right; }
.float-left    { float:left; }
.float-right   { float:right; }
.hide 		   { display: none; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.header-print  { display: none; }

/* Typography
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
p { font-size: 1.2em; } 

/* Forms
-----------------------------------------------------------------------------*/
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em arial, helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }
 
/* Tables
-----------------------------------------------------------------------------*/
table { border:0; margin:0 0 18px 0; padding:0; border-spacing: 0; border-collapse: collapse; }
table tr td { padding: 2px; text-align: left; font-weight: normal; }


/* Homepage
-----------------------------------------------------------------------------*/
#wrapper {  }
#container { width: 925px; margin:0 auto; padding:10px 0pt 0pt; text-align:left;  }


/* Header
-----------------------------------------------------------------------------*/
#header { background-image: url('../images/bg-header-new.png'); background-repeat: no-repeat; height: 263px; }
#header h1 { margin: -10px 0 0 20px; padding: 0; }

#nav { margin: 0 0 0 0; padding: 10px 70px 0 0; float: right; height: 27px; background: transparent; voice-family: "\"}\""; voice-family: inherit; padding-left: 10px;}
#nav ul {	margin:0;	padding:0; list-style:none;	}
#nav li {	display:inline; 	margin:0 2px 0 0;	padding:0; text-transform:uppercase; line-height: 1.3em; font-size: 120%;	}
#nav a, #nav strong {	float:left; color:#fff;  margin:0 10px 0 10px;	padding:0 5px 0 5px; text-decoration:none; font-size: 10px; letter-spacing: 1px; margin-top: 4px;	font-family:  Arial, Verdana, sans-serif; }
#nav li.page_item {  margin: 0 0 0 0; font-weight:bold;}

#nav a {display: block; color:#fff; }
	
#nav a:hover {display: block;color:#e6ffc5; }
		
.current_page_item a, #home .on  { background:#2e6da4;  -moz-border-radius: 0.5em; border-radius: 0.5em; }

#mission { margin: 100px 0 0 140px; width: 550px; }
#mission h2 { font-size: 3em; font-family: "Helvetica Neue",Arial,Verdana,sans-serif; color: #2699c9; }
#mission p { font-size: 1em; font-family: Arial,Verdana,sans-serif; color: #828282; font-weight: normal; width: 520px; line-height: 18px; margin: 20px 0 0 5px; }


/* BODY
-----------------------------------------------------------------------------*/
#wrapper-body { }
#wrapper-body #gooey {  }

#wrapper-body #pageNav { float: right; width: 280px; margin: 3px 0 0 0; }
#wrapper-body #content { padding: 0 0 0 20px; width: 580px; float: left; }

#pageNav .banner { margin: 0; padding: 0 0 8px 12px; }

#content .banner { margin: 0; padding: 0 0 10px 11px; }

#content { margin: 0 0 0 11px; }

#content h1 { margin: 0; padding: 0 0 5px 0; font-size: 1.4em; font-family: Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -0.01em; line-height: 1em; text-align: left; border-bottom: 1px dotted rgb(178, 178, 178); color: #7da146; }

#content h2 { margin: 0; padding: 10px 0 10px 0; font-size: 1.2em; font-family: Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -0.01em; line-height: 1em; color: #8fa852;}

#content h2 a, #content h2 a:visited { color: #3E82CB;	text-decoration: none; outline: none;  }
#content h2 a:hover { color: #e82369;  border-bottom: 1px solid #D8E5F4;}

#content p { font-size: 12px; font-family: verdana, arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; font-size-adjust: none; font-stretch: normal; color: #606060; margin: 5px 0 15px 0;}

#content hr { clear:both; margin: 0 0 0 0; padding: 0 0 30px 0; background: transparent url('../images/divider.jpg') no-repeat scroll center bottom; line-height: 1.4; border: none; }

#content p a, #content p a:visited { color: #3E82CB;	text-decoration: none; outline: none;  }		
#content p a:hover { color: #e82369;  border-bottom: 1px solid #D8E5F4;}	

#content .photo { width: auto; float: right; border: 2px solid #DEE9F5;  padding: 2px 2px 2px 2px;  margin: 10px 10px 10px 10px; text-align:center;  }

#content .split-left { width: 400px; float: left; padding: 15px 0 0 0;  }
#content .split-right { width: 150px; float: left; padding: 15px 0 0 10px; }

#content .split-right p {  font: 11px verdana,arial; color: #606060;  }

#content .split-right ul { margin: 0 0 20px 0; padding: 0; font: 11px verdana,arial; color: #606060; }
#content .split-right ul li { padding: 0pt 0pt 0pt 16px; background: transparent url('../images/check.gif') no-repeat scroll 0pt 5px; line-height: 17px; }

#content .split-left img{display: block; padding: 3px; border: 1px solid #ECEBE9;}

#banner-page { height: 221px; width: 900px; padding: 0 25px 0 0; margin: 0 0 0 0; }
#banner-mission { height: 174px; width: 900px; padding: 0 25px 0 0; margin: 0 0 0 0; }
#banner-none { height: 37px; width: 900px; padding: 0 25px 0 0; margin: 0 0 0 0; }

ul.list { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0 11px 10px 20px; padding: 0; font-family: Verdana, Arial,  sans-serif; font-size: 0.8em; }
ul.list li { background: transparent url('../images/bullet.gif') no-repeat scroll 0px 3px; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 20px; padding-bottom: 0.5em; line-height: 1.3em; color: #333333; }
.list a, .list li a:visited { color: #3E82CB; text-decoration: none; outline: none; }
.list a:hover, .list a:focus { color: #000; border-bottom: 1px solid #D8E5F4; }

#content ol li {margin: 0 11px 20px 0px; padding: 0; list-style-position: outside; list-style-type: decimal; font-family: Verdana, Arial,  sans-serif; font-size: 0.8em; color: #606060; }

#content ol li ul li { margin: 0 11px 0px -10px; padding: 0; font-family: Verdana, Arial,  sans-serif; font-size: 1em; color: #606060; list-style-type: disc; }

#content em { font-style: normal; background: #ffc;  }


/* FRONT PAGE
-----------------------------------------------------------------------------*/
.our_work { width: 580px; float: left; clear: both; margin: 10px 0 30px 0; }
.our_work .work { width: 175px; float: left; padding-right: 18px; }
.our_work .work img { border: 1px solid rgb(211, 207, 195); padding: 3px; background-color: rgb(255, 255, 255); margin: 0 0 5px 0; }
.our_work .last { padding: 0pt; }

.our_work blockquote { margin: 5px 0 0 0; padding: 0pt; font-family: verdana,arial,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 16px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(117, 116, 112); }

.work h3 a {font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 17px; color: #3E82CB; text-decoration: none; outline: none; }
.work h3 a:hover { color: #e82369;  border-bottom: 1px solid #D8E5F4;}	


/*
************************ Content : Breadcrumb *************************/		
div.breadcrumb { margin: 0 0 15px 0; padding: 0px; }

#content .breadcrumb p { font-size: 60%; color: #000; margin: 0 0 0 0; padding: 0px 5px 0 12px; line-height: 15px; text-align: left}

#content .breadcrumb p a { color: #3B8CBD;	font-weight: bold; text-decoration: none; outline: none;  }
#content .breadcrumb p a:hover { color: #000; }
#content .breadcrumb p a:active { color: #000; }	

/*
********** SIDEMENU (DO NOT REMOVE) ***********/ 
#pageNav h1 { margin: 0; padding: 0 0 5px 0; font-size: 1.2em; font-family: Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -0.01em; line-height: 1em; text-align: left; border-bottom: 1px dotted rgb(178, 178, 178); color: #7da146; }

#pageNav a { color: rgb(117, 154, 154); text-decoration: none; }
#pageNav a:hover { color: #e82369;  }


#pageNav p { font-size: 0.8em; font-family: verdana, arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; font-size-adjust: none; font-stretch: normal; color: #606060; margin: 0 0 15px 0;}

#pageNav .thumbnail {float: left; width: 56px; margin-right: 14px; margin-top: 5px; }
#pageNav .thumbnail .img {display: block; padding: 3px; border: 1px solid #ECEBE9;}
#pageNav .thumbnail a:hover .img {display: block; padding: 3px; border: 1px solid #B6CEE5;}

#pageNav form { margin: 0 0 0 12px; padding: 0 0 0 0; }

.searchfield {	border: #d0d0d0 2px solid; font-size: 14px; color: #000000;  padding: 5px; font-family: Verdana, Arial, Sans-Serif;	background-color: #ffffff; width: 200px; font-weight: normal;}	 

.blog { width: 280px; margin: 0 0 30px 0; }

span.rss a { background: transparent url('../images/rss.png') no-repeat scroll left top; display: block; width: 50px; height: 32px; text-indent: -9999px; position: relative; top: -22pt; right: 0pt; float: right; }
span.rss a:hover { background-position: -50px 0pt; }

.blog h2 { font-size: 12px; font-weight: normal; color: rgb(117, 154, 154); letter-spacing: normal; margin: 10px 0 10px 0; width: 200px; line-height: 1.15em; }
.blog h2 a { color: rgb(117, 154, 154); text-decoration: none; }
.blog h2 a:hover { color: #e82369;  }

.blogentry { overflow: hidden; position: relative; width: 100%; }

.blog p { font-size: 11px; line-height: 16px; }
.blog p a { color: rgb(117, 154, 154); text-decoration: none; }

.blog .date { padding: 2px 4px 3px 6px; background: #edffde none repeat scroll 0% 0%; display: block; color: rgb(95, 90, 70); font-size: 11px; text-align: center; position: absolute; top: 2pt; right: 0pt; text-transform: uppercase;  -moz-border-radius: 0.5em; border-radius: 0.5em; }

.blog ul { border-top: 1px solid #ECEBE9; margin-top: 15px; }
.blog li { border-bottom: 1px solid #ECEBE9; padding: 10px 0pt; margin: 0 0 0 -40px; position: relative; }
.blog li h2 { margin: 0 0 0 0px; font-size: 12px; font-weight: normal; letter-spacing: normal; }
.blog li span.date { padding: 2px 4px 3px 6px; background: #edffde none repeat scroll 0% 0%; display: block; color: rgb(95, 90, 70); font-size: 11px; text-align: center; position: absolute; top: 4px; right: 0pt; text-transform: uppercase; -moz-border-radius: 0.5em; border-radius: 0.5em; } 



/* Footer
-----------------------------------------------------------------------------*/

#footer { margin: 0; color: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; line-height: 18px; text-align: center; }


#footwrap { background: transparent url('../images/foot-hill.jpg') no-repeat scroll 50% 100%; height: 177px; }

#footer_sleeve { margin: 0pt auto; width: 870px; height: 70px; padding-top: 50px; padding-bottom: 30px; position: relative; font-weight: bold;}
#footer_sleeve:after { content: "."; clear: both; display: block; height: 0pt; visibility: hidden; }

#footer a { color: #fff;  }
#footer a:hover { border-bottom: #fff 1px solid;  }
#footer_address { float: left; }
#footer ul { margin: 27px 0pt 0pt; float: right; }
#footer li { margin: 0pt 5px 0pt 0pt; padding: 0pt 5px 0pt 0pt; background: transparent url('li_footer.gif') no-repeat scroll 100% 3px; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; color: rgb(255, 255, 255); }
#footer li.last { background: transparent none repeat scroll 0% 0%; margin-right: 0pt; }
#footer #kyan { margin: 0pt 0pt 10px; background: transparent url('kyan_logo_footer.gif') no-repeat scroll 0% 0%; display: block; width: 40px; height: 17px; text-indent: -9999px; }



/*-----------------------------------------------------------------------------
 Screen Stylesheet

version:   1.0
date:      28/07/08
author:    
website:   
version history: original + secondary pages
-----------------------------------------------------------------------------*/