/* 
	screen.css

	text: 				333
	light grey text:	cfcfcf
	main bg:			f0f0f0

	border:				373737	top, footer, list theme on front
						cccccc	strong, dotted
						e4e4e4	lists

	bg box: 			1b1b1b			
	yellow:				ffdc00
	blue:				9accee

	( left - top )

*/
@import url(nav.css);
@import url(list.css);
@import url(table.css);
@import url(form.css);
@import url(slider.css);


body					{
							margin: 0;
							padding: 0px;
							font-family: Georgia, serif;
							font-size: 13px;
							line-height: 1.4em;
							color: #333;
							background: #eaeae0;
						}
h1,h2,h3,h4,h5,h6  {font-family:arial, Helvetica, sans-serif;}
#nav, .img_txt {font-family:arial, Helvetica, sans-serif;}
input,textarea,select,option {font-family: Georgia, serif;}

a						{ color: #0066CC; text-decoration: none; }
a:hover					{ color: #0066CC; text-decoration: underline; }
a:focus					{ outline: none; }
img						{ border: 0 }


h1, h2, h3, h4	{ margin: 0 0 5px 0; padding: 0; }
h1						{ font-size: 22px; font-weight: bold; line-height: 24px; margin-bottom: 10px; }
h2						{ font-size: 18px; margin-top: 10px; }
h3,.h3						{ margin: 10px 0 5px 0; font-size: 14px; }
h4						{ font-size: 12px; font-weight: bold; }

h1 span,
h2 span,
h3 span,
h4 span					{ color: #999; }

p.intro 				{
							margin: 0 0 15px 0;
							font-size: 1.2em;
							line-height: 1.3;
						}
blockquote				{ float: left; margin-bottom: 10px; width: 90%; font-style: italic; }
blockquote span			{ color: #333; font-style: normal; }

.left					{ float: left; }
.right					{ float: right; }
.hide					{ display: none; width: 0; height: 0; }
.clr, .row { display: inline-block; }
.clr, .row { display:block; overflow:hidden; position:relative; }
.clr:after, .row:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }

hr						{
							margin: 0 0 10px 0;
							padding: 0;
							width: 100%; 
							clear: both; 
							border: 1px solid #fff;
							border-bottom: 1px solid #ccc;
						}
hr.dashed				{ border-bottom: 1px dashed #ccc; }
hr.dotted				{ border-bottom: 1px dashed #ccc; }

.line					{ 
							margin: 10px 0 10px 0;
							padding: 0;
							width: 100%;
							height: 1px;
							float: left; 
							clear: both;
							border-bottom: 1px solid #ccc;
						}
/*
	general grid
------------------------------------------------------ */
#wrap-page				{
							margin: 0;
							padding: 0;
						}
#page					{
							margin: 0 auto;
							padding: 0;
							width: 930px;
							background: #fff;
							border: 10px solid #fff;
							border-top: none;
						}
#header					{
							margin: 0;
							padding: 0;
							height: 171px;
							position: relative;
							z-index: 1;
						}
#content				{
							margin: 0 0 20px 0;
							padding: 0;
							width: 100%;
							display: inline-block;
							clear: both;
						}
#footer					{
							margin: 0 0 10px 0;
							padding: 10px 10px 20px 10px;
							border: 1px solid #e2e1da;
							background: #eaeae0;
							position: relative;
							font-size: 11px; line-height: 16px; 
						}
#main					{
							margin: 0;
							padding: 0;
							position: relative;							
						}


.news img 				{ margin: 10px 0 15px 0;  }

/*
	Columns
------------------------------------------------------ */
.col1					{
							margin: 0;
							padding: 0;
							width: 440px;
							float: left;
							position: relative;
						}
.col1.wide				{ width: 610px; }
.col1.wide	#main		{ width: 580px; }
.col1.full				{ width: 100%; }

.col2					{
							margin: 0 0 0 20px;
							padding: 0;
							width: 300px;
							float: left;
							position: relative;
							font-size: 11px; line-height: 16px; 
						}
.col3					{
							margin: 0 0 0 10px;
							padding: 0;
							width: 160px;
							float: right;
							position: relative;
						 	font-size: 11px;
						 	line-height: 16px; 
						}
.col2.wide				{ width: 470px; }

.col2 h2,
.col3 h2				{ 
							margin: 0 0 5px 0; 
							padding: 5px 0 5px 10px;
							font-size: 12px;
							text-transform: uppercase;
							color: #fff; 
							background: transparent url(img/bg_h2-black.gif) 0 0 no-repeat;
						}
.col2 h2.blog,
.col3 h2.blog			{ background: transparent url(img/bg_h2-black.gif) 0 0 no-repeat; }

.col2 h2.job,
.col3 h2.job			{ background: transparent url(img/bg_h2-grey.gif) 0 0 no-repeat; }

.col2 h2.news,
.col3 h2.news			{ background: transparent url(img/bg_h2-black.gif) 0 0 no-repeat; }

.col2 h2.newsletter,
.col3 h2.newsletter		{ background: transparent url(img/bg_h2-blue.gif) 0 0 no-repeat; }

.col2 p					{ padding-left: 7px; padding-right: 5px; }

#front					{
							margin: 0 0 20px 0;
							padding: 0;
							width: 940px;
							float: left;
							background: #f0f0f0;
							border: 10px solid #fff; 
						}
						
body.debug #content			{ background: aqua; padding-top: 20px; }
body.debug .col1			{ background: red; padding-top: 20px;  }
body.debug .col2			{ background: green; padding-top: 20px;  }
body.debug .col3			{ background: blue; padding-top: 20px;  }


/*
	common parts
------------------------------------------------------ */
#logo					{
							margin: 0;
							padding: 0;
							width: 505px;
							height: 127px;
							position: absolute;
							z-index: 2;
							float: left;
						}

#about					{
							height: 20px;
							background: #000;
							border-bottom: 1px solid #373737;
							display: none;
						}

#quote					{
							margin: 0;
							padding: 20px 85px 0 145px;
							width: 180px;
							height: 92px;
							position: absolute;
							right: 0px;
							z-index: 2;
							float: left;
							background: url(img/bg_quote.gif) 0 100% no-repeat;
						}
#quote p 				{ font-size: 14px; line-height: 16px; }

/*
	rows and columns
------------------------------------------------------ */

.row 					{ margin: 0px 0px 10px 0px; float: left; clear: left; }
.row:after				{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

.col					{
							margin: 0px 10px 0px 10px;
							float: left;
							position: relative;
							width: 300px;
						}
.col h2					{ margin-bottom: 0px; color: #fff; }
.c3						{ margin-right: 0px; }

/*
	specials
	used in blog, 
------------------------------------------------------ */
.off_both				{ margin: 0 0 10px -20px; }
.off_left img			{ margin: 0 0 10px -20px; }

.author,
.date					{ color: #999; font-style: italic; }

a.nr_comments  			{ margin: 0 0 0 20px; padding: 5px 15px 5px 20px; background: url(img/bg_comments.gif) 0 50% no-repeat; color: #000; }
.nr_comments span		{ font-style: italic; }

.tags					{ padding: 10px 0 0 0; border-top: 1px dotted #ccc; }
.byline					{ margin: 0 0 10px 0; padding: 10px 0 10px 0; border-top: 1px solid #ccc; font-size: 11px; display: inline-block; width: 100%;  }

.byline h3 				{ margin: 0 0 5px 0; }
.byline h3 a 			{ color: #333; }
.byline .thumb			{ margin: 0 10px 0 0; float: left; }
.byline:after			{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

.comments				{ 
							margin: 0px 0 0 0;
							padding: 0; 
							width: 440px;
							float: left;
							clear: both;
						}
.comments h2 a,
.comments h3			{ color: #000; }

.img_txt, #main .img_txt	{margin: -10px 0 15px 0; color: #666; font-size: 11px; line-height: 14px;  }
/*
	specials for banners
------------------------------------------------------ */
.banner					{ margin: 0 0 10px 0; clear: both; }
.banner p				{ margin: 0 !important; padding: 0 !important; font-size: 10px; color: #666; text-align: left; }

.banner *,
.banner img				{ margin: 0 !important; padding: 0 !important; }

/*
	specials
------------------------------------------------------ */

.company_facts			{ padding: 0 8px 10px 8px; }

a.rss					{ padding: 0px 25px 0px 0px; background: url(img/icon-rss.gif) 100% 50% no-repeat; color: #333; display: block; }
div.rss					{
							margin: -250px 0 0 0px;
							padding: 80px 30px 20px 70px;

							position: absolute;
							right: 0; 
							bottom: 20px;

							width: 200px;
							height: 230px;
							color: #333 !important;
							background: transparent url(img/bg_rss.png) 0 0 no-repeat;

							z-index: 2000;
							display: none;
						}