@import url(typo.css);

@import url(skin.css);

@import url(menu2.css);

/*===| I. LAYOUT SIZE |====================================================*/

#container,#footer,#header {
	width: 939px;
}

#header {
	height: 302px;
}

#left-column {
	width: 242px;
	height: 376px;
}

#right-column {
	width: 697px;
	/* height: 376px; */
}

#right-column1 {
	width: 939px;
	height: 356px
}

#right-column2 {
	width: 939px;
	height: 396px
}

#right-column3 {
	width: 939px;
	/* height: 570px */
	padding-bottom: 30px;
}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/
#wrap-footer,#footer,.push {
	height: 93px;
}

.push {
	clear: both;
}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/
#wrap-container {
	margin: 0;
	height: auto;
}

/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/
* {
	margin: 0;
}

html,body {
	height: 100%;
	width: 100%;
}

body {
	text-align: center;
	background: #000000
}

ul,li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#wrap-container {

}

#container {
	margin: 0 auto;
	text-align: left;
	height: auto;
}

#header {
	width: 939px;
	height: 302px;
}

#left-column {
	float: left;
	margin: 0;
	display: table;
}

#right-column {
	float: left;
	margin: 0;
}

#right-column1 {
	margin: 0;
}

#content {
	width: 677px;
	padding-top: 15px;
}

#content1 {
	width: 920px;
	padding-top: 15px;
}

#footer {
	margin: 0 auto;
	padding-top: 5px;
}

.copyright {
	padding: 2px 0 0;
	text-align: center;
}

h1 span {
	display: none;
}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/
	/* ===| III. CONTENT ELEMENTS |===============================================*/
img {
	border: 0;
}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/
.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.thumb {
	display: block;
}

.thumb img {
	margin: 0
}

ul.list {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding-left: 28px;
	margin-top: 5px;
}

ul.list li {
	padding-left: 22px;
	padding-top: 2px;
}

ul.list1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	padding-left: 15px;
	margin-top: 5px;
	line-height: 25px;
	float: left;
	font-weight: bold;
	margin-top: 20px;
	width: 450px;
}

ul.list1 li {
	padding-left: 15px;
	padding-top: 2px;
}

ul.list2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	padding-left: 15px;
	margin-top: 5px;
	line-height: 17px;
	font-weight: bold;
	margin-top: 5px;
	width: 450px;
}

ul.list2 li {
	padding-left: 15px;
	padding-top: 2px;
}

/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li {
	display: inline;
}
/* ---| THE END |------------------------- */