/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
}
html{
	font-family:Arial;
	font-size:0.75em;
	line-height:1.25em;
	color:#CCC;
}
body{
	background:url(images/body-bg.gif) top center;
}
.top-tail{ background:url(images/top-tail.gif) top repeat-x;}
a {
	color: #CCC;
}
a:hover {
	color: #FFF;
}
.left { float:left;}
.right {float:right;}
.right1 {
	float:right;
	width: 150px;
	margin-top: 100px;
}
.clear  { clear:both;}
input, select { vertical-align:middle; font-weight:normal;}
strong{
	display:block;
	font-size: 16px;
}
.strong1{
	color:#CCC;
}

/* ============================= main layout ====================== */
.imgindent {margin:0 16px 0 0; float:left;}
.phone{ float:right; padding-right:250px;}
.space1{ margin-left:40px;}
.margin1{ margin-top:5px !important;}
.padding1{ padding-top:10px;}
.padding2{
	padding-top:20px;
}

/* ============================= header ====================== */
.flash1{
	float: none;
	width: 400px;
}
#header .flash2{
	width: 947px;
	float: left;
	margin-left: 10px;
}
object{
	text-align: center;
}

/* ============================= content ====================== */
#content{
	background:url(images/content-tail.gif) top repeat-x #242424;
	margin-left:9px;
	padding-top:1px;
	font-family:Arial;
	font-size:17px;
	line-height:normal;
	color:#CCC;
}
.line{
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
}
.indent{
	padding:0 22px;
}
.indent1{ padding:28px 25px 35px 22px;}
.link{
	font-weight:bold;
	display:inline-block;
	margin-top:21px;
	color: #CCC;
}
.link1{ display:inline-block; color:#8d8d8d; font-weight:bold; margin-top:10px;}

.block{ position:relative; padding-left:78px;}
.block .date{ position:absolute; width:62px; height:65px; margin-left:-78px; background:url(images/date-bg.gif) no-repeat 0 0;  text-align:center; color:#fff; padding-top:17px;}
.block img{ position:absolute; margin-left:-78px;}
.block .date span{ display:block; padding-top:10px;}
.block .date strong{ font-weight:normal; padding-top:7px; position:relative;}
.block .link{ float:right; margin:6px 13px 0 0;}
.unline1{ border-bottom:solid 1px #3a3a3a; padding-bottom:13px; margin-bottom:13px;}

.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:32px; margin-bottom:25px;}
.text1{
	color:#CCC;
}

/* ============================= footer ====================== */
#footer{
	font-weight:bold;
	color:#8d8d8d;
	background:url(images/footer-bg.gif) no-repeat 0 0;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 90px;
	width: 958px;
}
#footer .text{
	padding:32px 0 0 13px;
	color: #333;
}
#footer .text a{
	padding:32px 0 0 13px;
	color: #333;
}
#footer .text a:hover{
	color: #FFF;
}


/* ============================= forms ============================= */
#ContactForm{ padding-top:20px;}
#ContactForm .col-1{ width:273px}
#ContactForm .col-2{ width:306px;}
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #a4a4a4; background:#2f2f2f; color:#8d8d8d; padding:0 2px 0 3px; width:250px;}
#ContactForm textarea{ border:solid 1px #a4a4a4; background:#2f2f2f; color:#8d8d8d; padding:0 2px 0 3px; width:300px; height:78px; overflow:auto;}
#ContactForm .link{ float:right; margin:10px 10px 0 10px;}

h1	{
	clear:both;
	padding-top:20px;
	color: #CCC;
	font-family: Arial;
	font-size: 18px;
}
h2	{
	clear:both;
	padding-top:20px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
}
h3	{
	clear:both;
	padding-top:20px;
	font-size: 18px;
	font-family: Arial;
	padding-bottom: 8px;
}
	ul {list-style:none;margin:0;padding:0;}
	li {float:left;width:100px;margin:0;padding:0;text-align:center;}
	li a {
	display:block;
	padding:5px 10px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #FFF;
	font-size: 20px;
}
	li a {background:url(bg2.jpg) repeat 0 0;}
	li a:hover, li a:focus, li a:active {
	background-position:-150px 0;
	color: #000;
}
	#a a {background:url(bg.jpg) repeat -20px 35px;}
	#b a {
	background-image: url(images/menu.jpg);
	background-repeat: repeat;
	background-position: 0 0;
}
  #b .active a { background-image:url(images/menu-2.jpg);}
	#c a {background:url(bg3.jpg) repeat 0 0;}
	#d a {background:url(bg4.jpg) repeat 0 0;}
	
ul.navigation li.active a{ background-image:url(images/menu-2.jpg);}