/*

	-- -- -- -- -- -- --
	LOGO STUDIO
	default.css
	main site foundation layout

	Version:  16.05.2010
	-- -- -- -- -- -- --

*/



/* Imported Styles
----------------------------------------------- */

@import url("css/reset.css");
@import url("css/typography.css");





/* Base html
----------------------------------------------- */

html {
  background:white;
  border-top:solid #C8C8C8 7px;
  font-size:100.01%;
}

body {
  background:transparent;
  color:#aaa;
  font:0.625em/160% Verdana,  Arial, Helvetica, sans-serif;
  margin:0 auto;
  max-width:960px;
  position:relative;
  width:95%;
}




/* Header
----------------------------------------------- */

#header {
  background:transparent;
  height: 120px;
  margin:0;
  padding:0;
  position: relative;
  width: 100%;
 /*background:url(images/new-year.png) 80% 0 no-repeat;*/

}

#header h1 {
  height: 100px;
  margin: 0 0 0 5px;
  width: 100%;
}

#header h1 a {
  text-decoration: none;
}

#header p {
  position:absolute;
  top:55px;
  right:10px;
  width: 150px;
  height: 40px;
  font-size: 12px;
  color:#888;
  font-weight: bold;
  font-family: Arial;
}

#header p a {
  color:#3366FF;
  text-decoration: underline;
  font-weight: normal;
  font-family:  "Lucida Grande", Verdana, Arial;
}


#header h2  {
  position:absolute;
  left:30%;
  top:0;
  color:#000;
  font-size:18px;
  font-family:  "Lucida Grande", Verdana, Arial;
}

#header h2 a  {
  color:#3366FF;
  text-decoration: underline;
  font-weight: normal;
  font-size:12px;
}


/* Content area
----------------------------------------------- */

/* CSS for the box starts here
----------------------------------------------- */


.box {  /*----- border right ------*/
  padding:0 9px 0 0;
  background:url(images/Border-Box/body-fon-right.gif) black 100% 0 repeat-y;
}

.bi {    /*----- border left ------*/
  padding:0 0 0 8px;
  background:url(images/Border-Box/body-fon-left.gif) black 0 0 repeat-y;
}



/* CSS for content
----------------------------------------------- */

#content {
  position:relative;
  background:black;
  padding:8px 12px 0px 12px;
  margin:0;
  line-height:150%;
  overflow:hidden;
  font-size: 11px;
}


.colum1 {
  width: 20%;
  margin:0;
  padding:15px 20px 0 8px;
  float: left;
}

.colum2 {
  position:relative;
  float:right;
  width:690px;
  margin:0 0 12px 0;
  padding:15px 0 0 0 ;
}

.colum2 img {
  width:100%;
  float:left;
}



/* other clasess
---------------------------------------------- */

.height366   {min-height:400px; margin:10px 0 0 30px !important;}

.icon {
  float:left;
  margin:16px 4px 25px 26px;
  padding:0;
  width:82px;
  height:82px;
  border:4px solid #222;
}

.icon:hover {
  border:4px solid #E9A933;
}

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


.footer { margin:45px 30px 35px 30px; font-size:11px; color:#888;}

	.footer a { color:#444;  text-decoration: underline;}
	.footer a:hover { text-decoration: none;}
	.footer .sep { color:#ddd; padding:0 8px; }

	.footerNav { float:left;}

	.footerLang { text-align:right;}
	.footerLang .sel { background:#000; color:#FFF; padding:1px 4px; text-decoration: none;}
	.footerLang .sep { color:#ddd; padding:0 4px; }

	.footerCopy {text-align:center;}

        .linesep { height:1px; display:block; margin:10px 0; background:#ddd; font-size:1px; line-height:1px;}