body, h1, h2, h3, h4, h5, p, a, tr, td{}
body{margin: 0px; padding: 0px;   height: 100%; font-size:13pt;}/*--- #b7e1e7 ---*/
html{background-color: #fff;   height: 100%; }
p{color: #111; font-size: 13pt; line-height: 18pt; letter-spacing:0.02em; padding: 0px 0px; margin: 10px 0 20px;font-family:Helvetica, sans-serif; }

h1{color: #003471; font-size: 36pt; margin: 0px; padding: 0px 0px 10px 0px;font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, sans-serif; }
h2{color: #003471; font-size: 24pt; margin: 0px; padding: 0px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, sans-serif; }
h3{color: #003471; font-size: 18pt; font-weight: lighter; margin: 10px 0 15px; padding: 0px;font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, sans-serif; }
h4{color: #003471; font-size: 12pt; font-weight: lighter; letter-spacing: 1px;margin: 15px 0px 10px; padding:0px;font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, sans-serif; }
h5{color: #003471; font-size: 10pt; font-weight: lighter; letter-spacing: 0px;margin: 10px 0px; padding:0px;font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, sans-serif; }
ul {list-style:none;margin:0;padding:0;}
li {}



/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/

/*--- Links ---*/

a.std_link{color: #c00; text-decoration: none; outline: none;}
a.std_link:hover{color: #d54e21;}
	a.std_link img, a img{border: none;}

a.std_link_light{text-decoration: none; color: #0099cc;}
a.std_link_light:hover{color:#ff0000; 	text-decoration:underline;}

a, a.subtle_link{color:#003471; text-decoration: none}
a:hover, a.subtle_link:hover{color:#d54e21}

/*--- Layouts ---*/
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}

/*--- Text ---*/
.t_justify{text-align:justify;}
.t_center{text-align: center;}
.t_right{text-align: right;}
.italic{font-style:italic;}
.t_date{font-size:10pt; background-color:#003471; color:#fff;padding:0px 10px;display:inline-block;}
.t_date_nobg{font-size:10pt;padding:0px 10px;display:inline-block;}

/*--- Images ---*/
img.frame {}

/*--- Forms ---*/
textarea, input{font-family: arial; font-size: 9pt; padding: 4px;}
a.readmore{font-style:italic;}
a.readmore:hover{}
.no_display{display: none;}
.display_inline{display:inline;}

label.error{color:#f00;font-size:10pt;display:block;line-height:10px;padding:4px 0;margin:0;}
	.error a{color: #a60000; text-decoration: underline;}
	.error a:hover{color: #000;}
	
.result{color:#003471;}
.center{text-align: center;}

/*--- ClearFix ---*/
.clearfix {display: inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- LAYOUT ----------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/

#pusher {   min-height: 100%; margin-bottom: -90px; position: relative; /*pushed footer*/}

#wrap {
	width:960px;
	margin:0 auto;

}

#header {
	height:60px; width:430px;
	background:url('../deco/headerlogo.png') left top no-repeat;
	text-indent:-5000px;
	margin:20px 0 40px 0;
}
#header a {
	display:block;height:60px;
}

.nav {
	height:35px;
	background-color:#003471;
	padding:0 10px;
	border-bottom:1px solid #102742;
}
.nav ul {
	width:650px;;
	margin:0 auto;
}
.nav li {
	float:left;
	padding:0 20px;
}
.nav h3 {
	margin:0;line-height:35px;
}
.nav a {
	color:#fff;
	}
.nav a:hover {
	color:#222;
}

#sidebar {
	float:right;
	width:219px;
	margin:0px 0;
	padding:0 0 0 50px;
	border-left:1px solid #003471;
}

#content {
	float:left;
	width:640px;
	margin:0 0 0 0 ;
	padding:0 50px 0 0;
}

#push {height: 150px; clear: both;}

#footer {
	height:70px; 
	background-color:#003471;
	padding:10px;
	line-height:15px;
	color:#fff;
	overflow:hidden;
	position: relative;/*pushed footer*/
	border-top:1px solid #102742;
}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- Featured Project ------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#featured_project {margin:0px 0 40px}
#featured_project h3 {
	height:40px;
	background:url('../deco/title_featuredproject.png') left top no-repeat;
	text-indent:-5000px;
}
#featured_project img {display:block;width:100%}
#featured_project p {display:inline;}

/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- Blog Excerpt ----------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#latest_blog {margin:20px 0}
h3#title_latest_blog {
	height:40px;
	background:url('../deco/title_latestblog.png') left top no-repeat;
	text-indent:-5000px
}

.blog_excerpt {clear:both;padding-bottom:10px;}
.blog_excerpt img {float:left;width:140px;padding:5px 5px 5px 5px;background-color:#f0f0f0;border:1px solid #003471;margin:5px 10px 10px 0}
.blog_excerpt .blog_title {background:transparent url('../deco/icon_blogarrow.jpg') left top no-repeat; text-indent:30px;height:18px;line-height:18px;}
.blog_excerpt p {}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- SideBar ---------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#about_me h3 {
	height:40px;
	background:url('../deco/title_aboutme.png') left top no-repeat;
	text-indent:-5000px; 
}

#tweeter h3{
	height:40px;
	background:url('../deco/title_tweets.png') left top no-repeat;
	text-indent:-5000px; 
	margin-top:20px;
}
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- Tweet ------------------------------------------------------------------------------------------------------ -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
.tweet {
	 font-size: 7pt;
	color: #111; }
.tweet .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0;}
.tweet .tweet_list li {
	overflow: auto;
	padding: .5em; }
.tweet .tweet_list li a {
	color: #111; }
.tweet .tweet_list li a:hover {
	color: #d54e21;text-decoration:underline; }
.tweet .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left; }
.tweet .tweet_list .tweet_avatar img {
	vertical-align: middle; }


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- Footer ------------------------------------------------------------------------------------------------ -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#footerwrap {width:960px;margin:0 auto;}
#footer p a {color:#d54e21}
#footer p{width:645px;color:#fff;float:left;font-size:8pt;line-height:10px;text-align:right}
#footer .nav {width:650px;height:15px;border:0;}
#footer .nav li {float:right;}
#footer .nav a:hover {color:#d54e21}
#footer #footerlogo {float:right;overflow:visible;position:relative;top:-30px;left:20px}
	
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- Contact ---------------------------------------------------------------------------------------------------- -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#contactFormMain input, #contactFormMain textarea {width:300px; border: 1px solid #003471;margin-bottom:10px}
#contactFormMain textarea {width:500px}
#contactFormMain #csubmit {width:100px;display:block;}


/*- ------ ----------------------------------------------------------------------------------------------------- -*/
/*- Single Page ------------------------------------------------------------------------------------------------ -*/
/*- ------ ----------------------------------------------------------------------------------------------------- -*/
#the_blog #blog_header img {padding:5px 10px 10px 0}
#the_blog #blog_body {clear:both; border:1px solid #003471;border-left:0;border-right:0;margin:50px 0 0 0;}
#the_blog #blog_footer {float:right;}