@import url(http://fonts.googleapis.com/css?family=Titan+One);

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

html {
font-size:100%;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
.name
{
	font-family: 'Titan One', cursive;
	font-size:45px;
	position:absolute;
	margin-top:30px;
	text-shadow: 2px 2px 4px #626660;
        filter: dropshadow(color=#626660, offx=2, offy=2);
		color:#006;
}
.ww
{
	font-family: 'Titan One', cursive;
	color:#006;
	text-shadow: 2px 2px 4px #626660;
        filter: dropshadow(color=#626660, offx=2, offy=2);
}
#body-wrapper{
width:960px;
margin:0 auto; 
padding:5px 0;
}

body,input,textarea {
font:12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
background:#FFF;
color:#000;
background: url("./images/bg.jpg") repeat scroll 0 0 transparent;
}

.clear {clear: both}

strong {font-weight: bold;}

.one_half { width: 48%; }
.one_third { width: 30.5%; }
.one_fourth { width: 22%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 20px;
float: left;
}
.mas
{
	background-color:#066;
	padding:10px;
	color:#FFF;
	border:1px solid #FFF;
	
}
.mas:hover
{
	color:#000;
	border:1px inset #000;
}
.topea
{
	height:30px;
	background-color:#036;
	color:#FFF;
	font-family:Calibri;
	line-height:30px;
	padding-left:5px;
	border-bottom:2px solid #000;
	font-size:20px;
}
.tope
{
	height:30px;
	background-color:#066;
	color:#FFF;
	font-family:Calibri;
	line-height:30px;
	padding-left:5px;
	border-bottom:2px solid #000;
	font-size:20px;
}
.tt
{
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#066;
	border:1px solid #000;
	padding:5px;
	color:#FFF;
	margin-bottom:-1px;
	
}
.tt2
{
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#066;
	
}
.column-last {
margin-right: 0!important;
clear: right;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.box {
    border-top: 1px solid #CCC;
    float: left;
    margin: -10px 0 30px;
    padding-top: 20px;
    width: 100%;
	text-align:center;
}

.box span {
    border-bottom: 1px solid #CCC;
    color: #444;
    display: block;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 25px;
	margin-bottom: 40px;
}

a {
	text-decoration: none;
	color: #000;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}

a:hover {
	color:#066;
	border-color: #;
	}

p{
margin-bottom: 15px;
}
	
h1 + p, h2 + p, h3 + p{
margin-top: -10px;
}

h1, h2, h3, p, ul, ol {
color: #3B3D3F;
font-weight: normal;
margin: 0 0 20px;
}

h1 {
	font-weight: normal;
	font-size: 22px;
}

h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
font-weight:800;
}

.header {
    background: url("#") repeat-x scroll left top transparent;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#logo {
    float: left;
    margin-right: 50px;
	margin-top:45px;
	margin-left:20px;
}


div.nav {
	height: 130px;
	width: 530px;
	float: right;
	margin-top: 26px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	list-style:none;
}

div.nav ul {
	margin: 15px 0 0 44px;
	float: left;
	list-style:none;
	text-decoration:none;
}

div.nav ul:first-child {
	margin-left: 66px;
}

div.nav ul li { margin: -2px 0 0;
}

div.nav a {
	font: 10px 'Droid Sans', sans-serif;
	color:#666;
	text-transform: uppercase;
	text-decoration:none;
}

div.nav a:hover { color:#066;
}

div.nav li.title { margin: 0; margin-bottom: 10px;
}

div.nav li.title a, ul.menu-side a {
	font: bold 13px 'Droid Sans', sans-serif;
	text-transform: none;
	color:#066;
}

ul.menu-side a { font-size: 12px;
}

div.nav li.title a:hover { color: #777 !important;
}

div.nav ul.menu-side {
	margin: 17px 31px 8px 0;
	float: right;
}
div.nav ul.menu-side li {
	background: url(images/list.png) no-repeat left center;
	margin-bottom: 9px; padding-left: 13px;
}

div.nav ul.menu-side a:hover {
	color: #e53258;
}
div.nav ul.menu-side a.active:hover {

	color: #2595d7;
}
div.nav li.title a.active { color: #383838;
}

div.nav li a.active { color: #e53258;
}


#menu {
    margin-top: 17px;
}

.menu, .menu * {
    float: right;
    list-style: none outside none;
    margin: 10px;
    padding: 0;
}

.menu a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #d3d4d6;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}

.menu a:hover {
	color: #e53258;
	border-color: #;
}

#footer-main {
   bottom:0;
   width:100%;
   height:280px; 
   background:#313538;
   margin-top:50px;
}

#footer-main p {
padding:20px;
color:white;
 text-shadow: 0 0px 0 rgba(255, 255, 255, 0.8);
}

#footer-main h3 {
padding:20px 0px 0px 20px;
color:white;
 text-shadow: 0 0px 0 rgba(255, 255, 255, 0.8);
 margin-bottom:-10px;
} 

#footer {
   bottom:0;
   width:100%;
   height:40px; 
   background:#fff;
}
 
#footer-text {
padding-left:90px;
position:absolute;
margin-top:10px; 
}