/* Colors: Orange - #FF7200 */

@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 1000px; margin: 0 auto 50px; }
body { font: 14px/20px "Microsoft Sans Serif", Helvetica, Arial, sans-serif; background: color: #000; font-weight: normal; }
h1 { font-size: 38px; margin: 0 0 10px 0; }
h2 { font-size: 34px; margin: 0 0 10px 0; }
h3 { font-size: 24px; margin: 0 0 10px 0; }
h4 { font-size: 18px; margin: 0 0 10px 0; }
h5 { font-size: 16px; margin: 0 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; }
p { margin: 0 0 15px 0; }
a { text-decoration: none; color: #FF7200; }
a:hover { background-color: #FF7200; color: #FFF; bold; }
a.anews { text-decoration: none; color: #FF0000; font-weight: bold; }
a:hover.anews { background-color: #FF0000; color: #FFF; }
em { font-style: italic; }
ul { margin: 0 0 15px 15px; list-style-type: circle; }
ol { margin: 15px 0 15px 20px; list-style-type: decimal; }
strong, b { font-weight: bold; }
.hide { display: none; }

/* ------------ */
/* -- Layout -- */
/* ------------ */
#main { margin: 40px 0 40px 0; overflow: hidden; }
#content { float: left; width: 450px; }
#sidebar { float: right; width: 200px; margin: 0 2px 0 0; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { padding: 40px 0 0 0; margin: 0 0 -30px 0; }
#header h1 { float: left; font-size: 30px; color: #555; letter-spacing: -1px; font-weight: bold; margin: 0 0 35px 0; }
#header h1 a { color: #555; }
#header h2 { float: right; font-size: 20px; color: #aaa; font-weight: normal; margin: 3px 0 0 0; }
#header div {height:56px; line-height:56px; overflow:hidden; }
#header div a:hover { background-color: #FFF; color: #555; }
/* --------- */
/* -- Nav -- */
/* --------- */
#nav { clear: both; margin: 0; padding: 10px 0 9px 0; overflow: hidden; border-top: 1px #ddd dotted; border-bottom: 1px #ddd dotted; }
#nav li { float: left; list-style: none; }
#nav li span { padding: 0 10px; font-weight: bold; }
#nav li a { color: #000; font-weight: bold; font-size: 14px; }
#nav li a:hover { color: #FFF; font-weight: bold; }
#nav li a.current { color: #04ACEA; }
#nav li a:hover.current { background-color: #04ACEA; color: #FFF; }

/* ---------------- */
/* -- Front Page -- */
/* ---------------- */
#intro { border-bottom: 1px #ddd dotted; }
#intro h3 { font-size: 22px; font-weight: normal; line-height: 34px; margin: 0 0 15px 0; }
/* .frontpage h4 { font-size: 14px; } */
.frontpage td { text-align: center; vertical-align:middle; border-style: solid solid solid solid; border-width: 1px; border-color: #ddd; border-collapse: collapse; }
.frontpage th { text-align: center; border-style: solid; border-width: 1px; border-color: #ddd; border-collapse: collapse; }
.frontpage table { border-style: solid; border-width: 1px; border-color: #ddd; border-collapse: collapse; width: 100%; padding: 1px; }

/* -- Featured Projects -- */
#featured-projects { border-bottom: 1px #ddd dotted; overflow: hidden; padding: 20px 0 15px 0; }
#featured-projects h4 { margin: 0 0 15px 0; }
#featured-projects .project-img { float: left; margin: 0 0 18px 22px; border: 1px #eee solid; }
#featured-projects .first { margin-left: 0; }

/* -- Overview -- */
#overview { margin: 35px 0 0 0; overflow: hidden; }
#overview h4 { margin: 0 0 15px 0; }
#overview .title { margin: 0 !important; }
#overview #services { float: left; width: 350px; }
#overview #articles { float: right; width: 350px; }

/* -------------- */
/* -- Sidebars -- */
/* -------------- */
#sidebar img { width: 200px; border: 1px #eee solid; margin: 0 0 20px 0; }
#sidebar .project-title { display: block; margin: 0 0 2px 0; }
#sidebar h5 { font-size: 14px; margin: 0 0 15px 0; }
.contact-sidebar { background-color: #f5f5f5; padding: 20px 20px 10px 20px; border: 1px #eee solid; }
.contact-sidebar p { line-height: 18px; }

/* -------------- */
/* -- Services -- */
/* -------------- */
.service-title { margin: 30px 0 5px 0; font-size: 14px; }
.first { margin-top: 0; }

/* -------------- */
/* -- Articles -- */
/* -------------- */
.article { margin: 0 0 0 0; border-bottom: 1px #ddd dotted; padding: 30px 0; }
.article-title { font-size: 14px; font-weight: bold; margin: 0 0 4px 0; }
.article-overview { margin: 0 0 4px 0; }
.article-read-more { margin: 0; }
#article-nav p { margin: 8px 0 0 0; }
.articles .first { padding-top: 0; }

/* --------------- */
/* -- Portfolio -- */
/* --------------- */
.portfolio .project-title { margin: 0; }
.portfolio .project-img { float: left; margin: 0 0 22px 22px; border: 1px #eee solid; }
.portfolio .first { margin-left: 0; }

/* ------------- */
/* -- Contact -- */
/* ------------- */
#contact-form { clear: both; margin: 24px 0 0 0; border: none; }
#contact-form input[type=text] { width: 250px; border: 1px #eee solid; margin: 0 0 15px 0; padding: 10px; color: #444; font: 12px/20px "Microsoft Sans Serif", Helvetica, Arial, sans-serif; }
#contact-form textarea { width: 350px; height: 150px; border: 1px #eee solid; padding: 10px; font-size: 14px; line-height: 24px; font: 12px/20px "Microsoft Sans Serif", Helvetica, Arial, sans-serif; color: #444; }
#contact-form input[type=submit] { background: url(/static/submit-button-orange.jpg) no-repeat; width: 109px; height: 38px; margin: 15px 0 0 -5px; border: none; cursor: pointer; }
#contact-form input[type=submit]:hover { background: url(/static/submit-button-orange-hover.jpg) no-repeat; }
#response { padding: 10px; border: 1px #ddd solid; background-color: #eee; color: #9e0616; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { clear: both; border-top: 1px #ddd dotted; margin: 0 0 0 0; padding: 5px 0 0 0; color: #aaa; }
#footer .twitter { float: right; color: #aaa; }

/* ------------ */
/* -- Notice -- */
/* ------------ */
.notice {
	width: 992px;
	background: #fff;
	border: 4px solid #eaeff3;
	color: #e34848;
	position: relative;
	top: 0;
	font-size: 14px;
	font-weight: bold;
	height: 45px;
	-moz-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3);
}

.notice p.warn {
	text-align: center;
	line-height: 45px;
}