/*=================================*/
/* Century City Website
/* January 2015
/* By: George Talavera
/* http://630media.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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,
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;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
	/*color:#ccc;*/
	background:#222;
}
/*table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font-family: 'Raleway', sans-serif; 
}

a {
	color:#666; text-decoration:none;}

a:hover, a:active {
	color:#fff;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.6;

}
h1 { /* Assume used once for page title */
	font-size:1.8em;
	color: #fff;
	font-weight:bold;
	margin-bottom: .4em;
}
h2 { /* Assume used for page headings */
	font-size:1.5em;
	color:#ccc;
}
h3 { /* Assume used for sub-headings */
	font-size:1.7em;
}
h4 {
	font-size:1.5em;
}
h5 {
	font-size:1.3em;
}
h6 {
	font-size:1.2em;
}
p {
	margin-bottom:1em; line-height: 1.4em; font-size: .9em;
}

li{line-height: 1.4em; font-size: .9em;}

ol, ul {
	padding-left:30px;
	margin-bottom:1.4em;
}

b, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
abbr, acronym {
	cursor:help;
	border-bottom:.1em dotted;
}
td, td img { vertical-align:top; }
sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }

code {
	font-family:Courier,"Courier New",Monaco,Tahoma;
	background:#eee;
	color:#000;
	padding:0px 2px;
}
pre {
	background:#eee;
	padding:20px;
	margin-bottom:1em;
    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
blockquote {
	font-style:italic;
	margin:0 0 1em 15px;
	padding-left:10px;
	border-left:5px solid #000;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* make buttons play nice in IE:   
    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/*========================*/
/*=== Structure Styles ===*/
/*========================*/

.wrapper {max-width: 1050px; margin: 0 auto;}

header {
	 position:relative; max-width: 1050px; margin: 0 auto; height:100px;
	}


#logo {position: absolute; top: 20px; z-index:99; 	} 	
nav {position: absolute; right: 0; top: 50px; z-index:3}

nav ul {list-style-type: none; margin: 0;
padding: 0;}

nav ul li {display: inline;
}

nav  ul li a { text-decoration: none; padding: .2em 1em; color:#888888; font-size:12px;}

nav  ul li a:hover {color:#fff;
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;
	}

#banner {padding-top: 100px background: #333;
   -webkit-box-shadow: 0px 0px 10px 0px #000;
    -moz-box-shadow: 0px 0px 10px 0px #000;
    box-shadow: 0px 0px 10px 0px #000; text-align:center;
	}
#content{ margin: 60px auto 40px; position: relative; max-width: 1050px; color: #999;

	}
#content h3 {color:#CCCCCC;}
#content h4 {color:#666666; font-size:16px}	

	
footer {background:#000; color: #888; font-size: 11px; width: 100%; clear:both; 
   -webkit-box-shadow: 0px 0px 10px 0px #000;
    -moz-box-shadow: 0px 0px 10px 0px #000;
    box-shadow: 0px 0px 10px 0px #000; text-align:center;
	}