/*-----------------------------------------------------------
	VYKIN Corporation Main Stylesheet File
	Copyright (c) Ali Salem. All Rights Reserved.
	http://alisalem.deviantart.com
-----------------------------------------------------------*/

/* CSS Reset
-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 100%;
	text-decoration: none;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
/* focus styles */
:focus {
	outline: 0;
	}
/* inserts somehow */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* General
-----------------------------------------------------------*/

body {
	margin: 30px 0;
	background: #f3f3f3;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	}

a {
	border-bottom: 1px solid #c1d7e6;
	color: #4483b0;
	}
a:hover {
	border-bottom: 1px solid #3a6e93;
	color: #3a6e93;
	}

/* Container
-----------------------------------------------------------*/

#container {
	width: 850px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #ccc;
	}

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

#header {
	width: 850px;
	height: 106px;
	background: url(../images/bg-header.jpg) no-repeat;
	}
#header h1 {
	width: 175px;
	height: 49px;
	margin: 20px 0 0 20px;
	float: left;
	background: url(../images/logo-header.gif) no-repeat;
	text-indent: -9999px;
	}
#header h1 a {
	width: 175px;
	height: 49px;
	display: block;
	border: none;
	}

#phone {
	margin: 25px 15px 0 0;
	float: right;
	}
#phone ul {
	line-height: 1em;
	}
#phone ul li {
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
	color: #517392;
	}

#date {
	margin: 29px 8px 0 0;
	float: right;
	clear: right;
	}
#date p {
	font-size: 11px;
	text-align: right;
	color: #ccc;
	}

/* Navigation
-----------------------------------------------------------*/

#navigation {
	width: 850px;
	height: 26px;
	background: #3c7197 url(../images/bg-nav.gif) repeat-x;
	font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	}
#navigation ul {
	padding: 0 0 0 15px;
	}
#navigation li {
	float: left;
	}
#navigation a {
	padding: 5px 10px 6px 10px;
	display: block;
	background: #3c7197 url(../images/bg-nav.gif) repeat-x;
	border: none;
	color: #b3c0ca;
	}
#navigation a:hover {
	background: url(../images/bg-nav-hover.gif) repeat-x;
	border: none;
	color: #fff;
	}

/* Sub-header
-----------------------------------------------------------*/

#subheader {
	width: 850px;
	height: 172px;
	background: #0c4f8e url(../images/bg-subheader.jpg) no-repeat;
	}

#welcome {
	width: 330px;
	float: left;
	}
#welcome h1 {
	margin: 15px 0 0 25px;
	font-size: 17px;
	font-style: italic;
	color: #fff;
	}
#welcome h2 {
	margin: -3px 0 0 25px;
	font-size: 12px;
	font-style: italic;
	color: #e0d2b1;
	}
#welcome a {
	border-bottom: 1px solid #c1d7e6;
	color: #bddbe6;

	}	
#welcome div.text {
	margin: 0 25px;
	font-size: 11px;
	line-height: 1.1em;
	color: #bddbe6;
	}
#welcome div.text p {
	padding: 10px 0;
	}

#subheader div.column {
	width: 170px;
	float: left;
	}
#subheader div.column div.image {
	width: 124px;
	height: 60px;
	margin: 20px 22px 10px 22px;
	border: 1px solid #8ec8e3;
	}
#subheader div.column h1 {
	margin: 0 0px 0 0px;
	font-size: 12px;
	font-style: italic;
	color: #7fceea;
	}
#subheader div.column h1 a{
	margin: 0 0px 0 20px;
	font-size: 12px;
	font-style: italic;
	color: #7fceea;
	text-decoration:none;
	border: none;
	}
#subheader div.column h1 a:hover{
	color: #ffffff;
	}	
#subheader div.column p {
	margin: 5px 22px 0 22px;
	font-size: 10px;
	color: #bddbe6;
	}
/*#subheader div.column a {
	border-bottom: 1px solid #c1d7e6;
	color: #bddbe6;
	}*/	
#image1 {
	background: url(../images/subheader-col-1.jpg) no-repeat;
	}
#image2 {
	background: url(../images/subheader-col-2.jpg) no-repeat;
	}
#image3 {
	background: url(../images/subheader-col-3.jpg) no-repeat;
	}

/* Today's News
-----------------------------------------------------------*/

#news-today {
	width: 850px;
	height: 29px;
	float: left;
	background: #fff url(../images/bg-news.jpg) no-repeat;
	}
#news-today a {
	border: none;
	color: #4e93bb;
	}
#news-today a:hover {
	border: none;
	color: #63bff4;
	}
#news-today h1 {
	padding: 7px 25px 0 25px;
	float: left;
	display: block;
	font-size: 12px;
	font-style: italic;
	color: #ccc;
	}
#news-today h2.title {
	padding: 8px 10px 0 0;
	float: left;
	display: block;
	font-size: 11px;
	color: #4e93bb;
	}
#news-today h2.date {
	padding: 8px 0 0 0;
	float: left;
	display: block;
	font-size: 11px;
	color: #ccc;
	}

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

#container-content {
	width: 850px;
	background: #fff;
	overflow: hidden;
	clear: both;
	}

#content {
	width: 545px;
	float: left;
	margin: 15px 25px 0 25px;
	}
#content p {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.5em;
	color: #999;
	}
#content ul {
	margin-top:-15px;
	margin-bottom:10px;
	padding-top:-15px;
	font-size: 12px;
	line-height: 1.5em;
	color: #999;
	}
#content li {
	margin-left:15px;
	padding-left:5px;
	font-size: 12px;
	line-height: 1.5em;
	color: #999;
	list-style:disc;
	list-style-position:outside;
	}		
#content h1 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 16px;
	color: #3a6e93;
	font-weight: bold;

	}
#content h2 {
	margin: 0;
	padding: 0 0 0px;
	font-size: 10px;
	color: #3a6e93;
	font-weight: bold;



}
#content div.title {
	width: 545px;
	height: 26px;
	background: #c8c8c8 url(../images/bg-title-content.jpg) no-repeat;
	}
#content div.title h1 {
	padding: 5px 0 0 15px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}
#content div.column-conrainer {
	width: 545px;
	}
#content div.column-conrainer div.column {
	width: 181px;
	min-height: 179px;
	float: left;
	background: #fff url(../images/bg-column.gif) no-repeat;
	}
#content div.column-conrainer div.column h1 {
	margin: 0;
	padding: 15px 15px 5px 15px;
	font-size: 11px;
	font-weight: bold;
	color: #3a6e93;
	}	
#content div.column-conrainer div.column h2.more {
	width: 50px;
	height: 20px;
	margin: 0 15px 0 0;
	float: right;
	background: url(../images/button-more.gif) no-repeat;
	text-indent: -9999px;
	}
#content div.column-conrainer div.column h2.more a {
	width: 50px;
	height: 20px;
	display: block;
	border: none;
	}
#content div.column-conrainer div.column p {
	padding: 15px;
	}


#content div.column-conrainer div.singlecolumn {
	min-height: 150px;
	float: left;
	background: #fff url(../images/bg-column.gif) no-repeat;
	}
#content div.column-conrainer div.singlecolumn h1 {
	margin: 0;
	padding: 15px 15px 5px 15px;
	font-size: 11px;
	font-weight: bold;
	color: #3a6e93;
	}	
#content div.column-conrainer div.singlecolumn h2.more {
	width: 50px;
	height: 20px;
	margin: 0 15px 0 0;
	float: right;
	background: url(../images/button-more.gif) no-repeat;
	text-indent: -9999px;
	}
#content div.column-conrainer div.singlecolumn h2.more a {
	width: 50px;
	height: 20px;
	display: block;
	border: none;
	}
#content div.column-conrainer div.singlecolumn p {
	padding: 15px;
	}




#content div.column-conrainer div.doublecolumn {
	width: 272px;
	min-height: 179px;
	float: left;
	background: #fff url(../images/bg-column.gif) no-repeat;
	}
#content div.column-conrainer div.doublecolumn h1 {
	margin: 0;
	padding: 15px 15px 5px 15px;
	font-size: 11px;
	font-weight: bold;
	color: #3a6e93;
	}	
#content div.column-conrainer div.doublecolumn h2.more {
	width: 50px;
	height: 20px;
	margin: 0 15px 0 0;
	float: right;
	background: url(../images/button-more.gif) no-repeat;
	text-indent: -9999px;
	}
#content div.column-conrainer div.doublecolumn h2.more a {
	width: 50px;
	height: 20px;
	display: block;
	border: none;
	}
#content div.column-conrainer div.doublecolumn p {
	padding: 15px;
	}






/* Sidebar
-----------------------------------------------------------*/

#sidebar {
	width: 230px;
	margin: 15px 25px 0 0;
	float: right;
	}
#sidebar div.title {
	width: 230px;
	height: 25px;
	background: #fff url(../images/bg-title-sidebar.jpg) no-repeat;
	}
#sidebar div.title h1 {
	padding: 5px 0 0 15px;
	font-size: 12px;
	color: #ccc;
	}
#sidebar div.content {
	margin: 0 0 15px 0;
	width: 228px;
	border: 1px solid #ccc;
	overflow: hidden;
	}
#sidebar div.content p {
	padding: 15px 15px 0 15px;
	font-size: 11px;
	line-height: 1.5em;
	color: #999;
	}
#sidebar div.content ul.news-headlines {
	margin: 0 0 0 18px;
	padding: 0;
	float: left;
	}
#sidebar div.content ul.news-headlines li {
	margin: 15px 0 0 0;
	padding: 0 15px 15px 20px;
	background: url(../images/list.gif) no-repeat left 2px;
	border-bottom: 1px solid #ccc;
	clear: both;
	}
#sidebar div.content ul.news-headlines li p {
	padding: 0;
	font-size: 11px;
	color: #999;
	}
#sidebar div.content ul.news-headlines li h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	font-weight: normal;
	color: #4483b0;
	}
#sidebar div.content ul {
	margin: 15px 0 0 15px;
	padding: 0 0 15px 0;
	float: left;
	font-size: 11px;
	color: #4483b0;
	}
#sidebar div.content ul li.archive {
	margin: 0;
	padding: 0 15px 5px 20px;
	background: url(../images/list.gif) no-repeat left 1px;
	clear: both;
	}
#sidebar div.content ul li.supscribe {
	margin: 0;
	padding: 0 15px 0 20px;
	background: url(../images/rss.gif) no-repeat left 1px;
	clear: both;
	}

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

#footer {
	width: 850px;
	height: 120px;
	margin-top: 20px;
	background: #333 url(../images/bg-footer.gif) repeat-x;
	}
#footer-nav {
	width: 850px;
	height: 25px;
	background: #333;
	font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	}
#footer-nav ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	}
#footer-nav li {
	float: left;
	}
#footer-nav a {
	padding: 5px 10px 5px 10px;
	display: block;
	background: #333;
	border: none;
	text-decoration: none;
	color: #999;
	}
#footer-nav a:hover {
	background: #222;
	border: none;
	color: #558cad;
	}

#copyright {
	margin: 49px 0 0 20px;
	float: left;
	background: url(../images/logo-copyright.gif) no-repeat left;
	}
#copyright p {
	margin: 0;
	padding: 0 0 1px 32px;
	font-size: 11px;
	line-height: 1.3em;
	color: #999;
	}
#copyright p a {
	border-bottom: 1px solid #6b6b6b;
	text-decoration: none;
	color: #ccc;
	}
#copyright p a:hover {
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #d8d8d8;
	}

#address {
	margin: 23px 20px 0 0;
	float: right;
	}
#address p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.3em;
	text-align: right;
	color: #999;
	}