/* CSS Document */
/*---------------General Starts------------------*/
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
	background-color: #171717;
	text-align: center;
	line-height: 21px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #2d2d2d;
	min-width: 960px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bodybg_n.gif);
	background-repeat: repeat-x;
}
.container {
	height: 100%;
	width: 960px;
	position: relative;
	text-align: left;
	margin: auto;
}
#header {
	height: 50px;
	padding: 10px;
	background-image: url(../images/header_bg.jpg);
}
#feature {
	background-color: #8c8c8c;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-left: 20px;
	color: #ffffff;
	font-weight: normal;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 330px;
}
.container #feature h2 {
	font-size: 60px;
	color: #ffffff;
	text-shadow: #15588a;
	text-transform: lowercase;
}


#content {
	background-color: #ffffff;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c7c7c7;
	height: 400px;
}



a { text-decoration: none; color: #5f5f5f; }
a:hover {
	text-decoration: underline;
	color: #eb8e00;
}
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #2d2d2d; line-height: 1em; font-family: Georgia, serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2d2d2d; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p {
	line-height: 20px;
	padding-bottom: 3px;
}
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 2px 0 13px 40px; color: #9e9e9e; font-style: italic; font-size: 16px; font-family: Georgia, serif; }
	blockquote p { padding: 0px 0px 0px 20px; background: url(images/blockquote.png) no-repeat left 3px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer {
	background: #282828 url(images/footer-top-bg.png) repeat-x;
	border-top: 4px solid #e2e2e2;
	color: #b9b9b9;
	padding: 15px;
	height: 60px;
}
	#footer a { color: #d3d3d3; }
		#footer a:hover { color: #f7f7f7; }

	#footer .container { background: url(images/footer-light.jpg) no-repeat; padding: 55px 0px 0px 30px; width: 930px; }
