/* @override 
	http://web.dev.citat.se/stylesheets/styles.css
	http://web.dev.citat.com.ua/stylesheets/styles.css
*/

@import url('reset.css');

/* @group General layout */

body {
	background-color: #fff;
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	color: #616161;
}

#container {
	width: 970px;
	margin: 0 auto;
}

#content {
	clear: both;
}

.extended {
	font: 11px/20px Arial, Helvetica, Geneva, sans-serif;
	line-height: 13px;
}

.extended ul {
	padding-left: 20px !important;
}

p.bullet {
	margin: 10px 0 0 0;
}

p.bullet a {
	background: url(../img/bullet.png) no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #757273;
}

p.bullet a:hover {
	color: #008349;
}

/* @end */

/* @group General styles */

h2 {
	font-style: italic;
	font-size: 30px;
	line-height: 30px;
	color: #008349;
}

h3 {
	text-transform: uppercase;
	font: 12px/20px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0.2em;
	word-spacing: 0.4em;
}

div.block.interview div h3 {
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-transform: none;
	letter-spacing: inherit;
	margin-bottom: 20px;
	word-spacing: inherit;
}

strong {
	font-weight: bold;
}

p {
	margin-bottom: 10px;
}

a, a:active, a:link {
	color: #39a073;
}

a:hover {
	color: #616161;
}
         /*
a:visited {
	color: #ec008c;
}
            */
.left {
	float: left;
}

.right {
	float: right;
}



/* @end */

/* @group Header */

#header {
	margin-top: 20px;
}

h1 {
	background: url(../img/logo.png) no-repeat;
	height: 44px;
	width: 220px;
	float: left;
}

h1 a {
	height: 44px;
	text-indent: -999em;
	width: 220px;
	float: left;
}

#top-menu {
	padding-left: 330px;
}

#top-menu li {
	float: left;
	padding-right: 40px;
	padding-top: 22px;
	height: 30px;
}

#top-menu li.selected {
	padding-top: 21px;
}

#top-menu li a {
	text-transform: uppercase;
	text-decoration: none;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #454545;
	display: block;
	letter-spacing: 0.2em;
}

#top-menu li.selected a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #454545;
	border-bottom: 5px solid #278f50;
}

div.nogreen #top-menu li.selected a {
	border-bottom: none;
}

#extra {
	width: 100px;
	float: right;
	text-align: right;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 11px;
}

#extra a:link, #extra a:active, #extra a {
	text-decoration: none;
}

/* @end */

/* @group Subheader */

#sub-header {
	clear: both;
	padding: 40px 0 40px 0;
}

#sub-menu {
	width: 970px;
	background-color: #9dd5bc;
	height: 40px;
}

#sub-menu li {
	float: left;
	line-height: 13px;
}

#sub-menu li.selected a {
	color: #1d6d3d;
}

#sub-menu li a {
	display: block;
	width: 120px;
	height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding: 0.8em 0 0 1em;
	letter-spacing: 0.1em;
}

/* @end */



/* @group Wide */

div.wide {
	text-align: center;
	height: 300px;
	padding: 30px 0 0 0;
}

div.wide h2 {
	padding-top: 120px;
}

div.wide h3 {
	padding-top: 15px;
}

/* @end */

/* @group Wide-short */

/* @group Left */

div.wide-short-left {
	height: 70px;
	text-align: left;
}

div.wide-short-left h2 {
	padding-top: 10px;
	font-size: 20px;
}

/* @group Clients list */

div.wide-small-left {
	height: 100px;
	text-align: left;
}

div.wide-small-left h2 {
	padding-top: 30px;
	font-size: 20px;
}

div.list_left, div.list_middle, div.list_right {
	float: left;
	width: 200px;
}

/* @end */

/* @end */

div.wide-short {
	height: 120px;
	text-align: center;
}

div.wide-short h2 {
	padding-top: 34px;
	line-height: 34px;
}

div.services h2 {
	padding-top: 20px;
}

div.services2 h2 {
	padding-top: 0;
}

div.wide-short h3 {
	padding-top: 10px;
}

/* @end */

/* @group Two-column */

/* @group Case */

#content div.case {
	padding-top: 40px;
}

#content div.cases {
	padding-top: 40px;
	width: 990px;
}


div.back {
	clear: both;
	border-top: 2px solid #c9e9dd;
	/*text-align: right;*/
	padding-top: 7px;   
} 
.back .prev, .back .topw, .back .next {
	padding-bottom:10px;
}

div.back .prev{
	width:323px;    
	text-align: left;
	float: left;   
	margin-left: -970px;
	
}
div.back .topw{
	float:left;
	width:100%;
	
}
div.back .top{
	width:323px;
	margin: 0 323px 0 323px;
	text-align:center;
}
div.back .next{
	width:323px;     
	text-align:right;
	float:left;       
 margin-left: -323px;
}

div.back a {
 /* text-transform: uppercase;
	letter-spacing: 0.1em;
	*/
	/*background: url(../img/arrow_small.png) no-repeat right;
	padding-right: 15px;                                      */
}                  

div.back .next a{
	background: url(../img/arrow_small.png) no-repeat right;
	padding-right: 15px;
}                                       

div.back .prev a{
	background: url(../img/arrow_small_back.png) no-repeat left;
	padding-left: 15px;
}

/* @end */

div.two-column div.left {
	width: 310px;
}

div.two-column div.right {
	width: 640px;
}

div.two-column h3 {
	margin-bottom: 5px;
}

div.two-column h2 {
	font-size: 20px;
	margin-bottom: 5px;
}

div.two-column div.left ul {
	list-style-type: disc;
	padding-left: 30px;
}

div.two-column div.left h4 {
	font-weight: bold;
	background: url(../img/bullet.png) no-repeat 0 3px;
	padding-left: 16px;
}

/* @end */

/* @group Blocks */

#blocks-container {
	clear: both;
	padding-top: 10px;
}

#blocks {
	padding-top: 20px;
	border-top: 1px solid #92e0c1;
}

div.block {
	width: 310px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.middle, div.block-wide, div.interview p, .sans-serif {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
}

div.block-wide {
	width: 640px;
	float: right;
}

div.first {
	margin-right: 20px;
}

div.last {
	margin-right: 0;
}

div.last2 {
	margin-right: 0;
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
}

div.block ul li {
	padding-left: 20px;
	background: url(../img/bullet.png) no-repeat 0 3px;
	font-weight: bold;
	margin: 2px 0;
}

div.middle ul li {
	font-weight: normal;
	background: none;
	list-style-type: disc;
	padding-left: 0;
	margin-left: 20px;
}

div.block ul li a {
	text-decoration: none;
}

div.block ul li a:link {
	color: #6b6e6c;
}

div.block ul li a:hover {
	color: #39a073;
}

/* @group Quote block */

#blocks div.quote {
	background: url(../img/quote-bg.png) no-repeat;
}

#blocks div.quote h2 {
	font-size: 20px;
	padding: 15px 0 0 60px;
	line-height: 23px;
}

#blocks div.quote h3 {
	font-size: 10px;
	word-spacing: 0.4em;
	letter-spacing: 0.1em;
	padding: 5px 0 0 60px;
}



/* @end */

/* @group Green block */

div.green {
	background: url(../img/block-bg.png) no-repeat;
	height: 140px;
}

div.green2 {
	background: url(../img/block-bg.png) no-repeat;
	height: 140px;
	margin-right: 0px;
}

div.green span {
	display: block;
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	text-shadow: #2c2c2c 1px 1px 2px;
	margin: -2px 0 0 10px;
}

div.green2 span {
	display: block;
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	text-shadow: #2c2c2c 1px 1px 2px;
	margin: -2px 0 0 10px;
}

div.cases div.green span {
	margin-top: -12px;
}

div.green a, div.green a:link, div.green a:active, div.green a:hover, div.green a:visited {
	color: #fff;
	text-decoration: none;
}

div.green2 a, div.green a:link, div.green a:active, div.green a:hover, div.green a:visited {
	color: #fff;
	text-decoration: none;
}

/* @end */

/* @group Person block */

div.person {
	border-bottom: 1px solid #91dabb;
}

div.person div {
	padding-bottom: 5px;
}

div.person h4 {
	font-size: 16px;
	color: #000;
}

div.person h5 {
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
	line-height: 1.2em;
}

div.person p, div.person div.video-link {
	line-height: 14px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
}

div.person p span {
	display: block;
	float: left;
	width: 50px;
}

div.person div.video-link {
	font-size: 11px;
	margin-top: 15px;
	width: 170px;
}

div.person div.video-link a {
	text-decoration: none;
	background: url(../img/play-small.png) no-repeat 0 3px;
	display: block;
	padding-left: 30px;
}

div.person img {
	float: right;
}

/* @end */

/* @group Link block */

#blocks div.link {
	/*background: url(../img/block-bg-link.png) no-repeat;*/
	height: 140px;
}

#blocks div.link h3 {
	text-transform: none;
	font-weight: normal;
	color: #3d7c4d;
	font: italic 20px/26px Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
	margin-left: 15px;
	word-spacing: 0.1em;
	letter-spacing: 0;
}

#blocks div.link p {
	text-transform: none;
	letter-spacing: inherit;
	font-weight: normal;
	color: #6f6f6f;
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	margin-top: 6px;
	margin-left: 15px;
}

#blocks div.link a {
	text-decoration: none;
	
}

/* @end */

/* @group General block with pic */

#blocks div.general h3 {
	text-transform: none;
	letter-spacing: inherit;
	font-weight: normal;
	color: #000;
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

#blocks div.general p {
	margin-bottom: 0;
	line-height: 1.4em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#blocks div.general p.title {
	font-weight: bold;
	font-size:12px;
}

#blocks div.general p.newstickerlink {
	font-weight: normal;
	font-size:11px;
}

#blocks div.general a {
	text-decoration: none;
	padding-bottom: 10px;
	display: block;
}

#blocks div.general img {
	float: right;
}

/* @end */

/* @group Green box with person */

div.person-green {
	background: url(../img/person-block-bg.png) no-repeat;
	height: 142px;
	margin-bottom: 10px;
}

div.person-green div {
	height: 135px;
}

div.person-green h4 {
	font-weight: bold;
	color: #229348;
	text-align: right;
}

div.person-green div.info {
	background: none;
	margin: 0px 10px 0 140px;
	padding-top: 45px;
}

div.person-green div.info p {
	text-align: right;
	margin-bottom: 0;
	color: #757273;
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	clear: both;
	padding-top: 5px;
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
	background: transparent url(../img/hr.png) repeat-x bottom;	
}

#footer div {
	padding-top: 5px;
	padding-bottom: 10px;
}

#footer a:link, #footer a:active, #footer a {
	text-decoration: none;
}

/* @end */

div.cases div.row {
	margin-bottom: 20px;
	clear: both;
	height: 140px;
}

/* @group Contacts */

div.contact h2 {
	margin: 30px 0 10px 0;
}

div.people h3 {
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	letter-spacing: 1px;
	color: #000000;
}

div.bgcite {
	width: 620px;
	float: left;
	clear: both;
	background: url(../img/cite.png) no-repeat center bottom;
	padding-bottom: 20px;
	padding-top: 20px;
}

div.office-block {
	width: 310px;
	float: left;
	font: 11px/6px Arial, Helvetica, Geneva, sans-serif;
}

div.contact-container {
	font: 11px/16px Arial, Helvetica, Geneva, sans-serif;
}

p.globe {
	font-weight: bold;
	background: url(../img/globe.png) no-repeat;
	padding-left: 30px;
	line-height: 2em;
	margin-top: 20px;
}

div.contact-small {
	height: 100px;
	float: left;
	width: 310px;
	padding-bottom: 5px;
	line-height: 16px;
}

p.email {
	line-height: 16px;
	background: url(../img/email.png) no-repeat 0 6px;
	padding-left: 32px;
}

div.contact-small img {
	float: left;
	margin-top: 3px;
}

div.contact-small div {
	width: 200px;
	margin-left: 100px;
}

div.people {
	width: 310px;
	float: left;
	padding-top: 70px;
}

div.contact {
	width: 640px !important;
	float: left;
}

/* @end */          

.newsarchive h2{
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	letter-spacing: 1px;
	color: #000000;
	
}
 
.newsdate {
	font-weight:bold;
	
}

/*--- BREADORY ---*/
#breadory {
	border: width: 970px; margin: 0 auto;
}
#breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; }
#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; }

.column { float: left; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }


/*--- Directory Nav ---*/
#directorynav { font-size: 11px; line-height:13px; float: left; width: 100%; position: relative; margin-top: 0; }
#directorynav .column { width: 122px; padding: 30px 20px 4px 0px; }
#directorynav .column.last { float: left !important; padding-right: 0; }
#directorynav h3 { color: #666; font-weight: bold; }
#directorynav h3.standalone { margin-bottom: 18px; }
#directorynav a { text-decoration: none; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 970px; }
#directorynav ul { margin-bottom: 0; padding-bottom: 20px; text-decoration: none;}
#directorynav li { margin-top: 7px; }
#directorynav .column { width: 120px; }
#directorynav.citat #dn-cola { width: 120px; }
#directorynav.citat #dn-colb { width: 115px; }
#directorynav.citat #dn-colc { width: 200px; }
#directorynav.citat #dn-cold { width: 115px; }
#directorynav.citat #dn-cole { width: 120px; }
#directorynav.citat #dn-colf { width: 130px; }