/* Reset */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, font, img, ol, ul, dl fieldset, form, label {margin: 0; padding: 0 0 0 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form{padding:0 0 20px 0;}

/*layout*/
body{ background:#228ca6 url(../images/top_bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #f48110;}

#page{ width:1000px; margin:0 auto; }

#wrap1{ margin:0 0 0 0; padding:0; float:left; width:1000px; height:350px;}

#info_top{ float:right; margin-right:70px; width:190px;}
#top_text{ float:left; margin-top:6px;}
#envelope{float:right; }
.h7{font-size:12px; font-weight:bold; color: #f48110;}


#header{ padding-top:26px; }
#header h1{ width:958px; height:190px; text-indent:-5000px; margin:0 0 0 0;}
#header h1 span{background:url(../images/name.jpg) no-repeat;  width:958px; height:205px; display:block;}
	

#intro{ padding-left:70px; }
#text{ float:left; width:554px; }
.h2{font-size:16px; font-weight: lighter; color: #ffffff; line-height:19px;}
.h2 span{ font-size:18px; font-weight:bold;}
#links{ float:right; width:172px; margin-right:70px; }
#link_top{ float:right; height:50px;}
.link_top{float:right; list-style:none; display:inline;  width:172px; height:50px; padding:0;}
#link_bottom{ float:right; height:50px; width:172px; margin-top:1px;}
#text_cv{float:right; margin-top:19px;}
#pdf{float:right; margin-left:5px; }
.h8{font-size:12px; font-weight:bold; color: #ffffff;}

#wrap2{ margin:0 0 0 0; float:left; width:860px; margin-left:70px; margin-right:70px;  }


/*menu*/
.main-nav-wrap{	background:url(../images/menu_bar.jpg) no-repeat bottom; float:left; width:860px;}
.main-nav-wrap .main-nav{	float:right;	text-decoration:none;	font-size:12px;	list-style:none;	padding-right:0px;	padding-bottom:0px;	margin:0;}
.main-nav-wrap .main-nav li{	color:#313129;	list-style:none;	display:inline;	text-decoration:none;	float:left;	margin:0 0 0 0;	padding:8px 8px 12px 8px;}
.main-nav-wrap .main-nav li.current{	background: #e25704;}
.main-nav-wrap .main-nav li a{	display:block;	float:left;	text-decoration:none;	color:#313129;}
.main-nav-wrap .main-nav li a:hover, .main-nav-wrap .main-nav li.current a{	color:#ffffff;}


/*home, web, print, logos, mortion, others, contact*/
#home, #print, #logos, #motion, #others, #contact{width:860px; float:left; padding:0px;  margin-top:9px;	}
#web{width:860px; float:left; padding:0px;  margin-top:30px;}
.orange_title{font-size:20px; font-weight:bold; color: #e25704; padding-top:10px; padding-bottom:10px;}
.white_title{font-size:20px; font-weight:bold; color: #ffffff; padding-top:10px; padding-bottom:10px;}

.latest{ width:561px; float:left; margin-right:19px;}
.twitter{	width:277px; float:left; margin:1px;}
.sample_works{ width:860px; float:left; }
.about{ width:560px; float:left; padding-right:16px;}
.contact{ width:270px; float:right; padding:0px;}


/*works*/
.image-thumb{padding:2px; margin:0 0 10px 0!important;	float:left;	border:1px solid #1d1d19;}

.latest .h4{	font-size:16px;	font-weight:bold;	color:#e25704;	margin-bottom:3px;	padding:0;}
.latest .h5{ font-size:12px; color:#FFF;margin-bottom:5px; padding:0;}
.latest .h5 strong{ font-weight:bold; padding:0;}
.latest .h6{ font-size:12px; color:#e25704;margin-bottom:5px; font-style:italic;padding:0;}

.h4{ font-size:16px; font-weight:bold; color:#313129;margin-bottom:3px; padding:0;}
.h5{ font-size:12px; color:#FFF;margin-bottom:5px; padding:0;}
.h5 strong{ font-weight:bold;padding:0;}
.h6{ font-size:12px; color:#313129;margin-bottom:5px; font-style:italic; padding:0;}

.works{	padding:0;	margin:0;	list-style:none;}
.works li{	display:inline;	float:left;	width:260px;	margin:0 13px 20px 13px;}

/*twitter*/
#twitter_list{background-color:#1d1d19; padding:15px 15px 20px 15px; background-image:url(../images/bird.jpg); background-position:bottom; background-repeat:no-repeat;}
.twitter ul{ list-style:none; text-decoration:none; font-size:12px; color:#FFF}
.twitter ul li{ padding:0 0 10px 0; display:block;text-decoration:none;}
.twitter ul li a{ text-decoration:none; color:#e25704; font-size:12px;}
.twitter ul li a hover{text-decoration:none; color:#e25704; font-size:12px;}
.twitter ul li span{ display:block;}

/*footer*/
#about{ width:500px; float:left; margin-right:60px;}
#email { width:277px; float:right;	}
#cf_name, #cf_email, #cf_subject, #cf_message{background:#313129;	border:1px solid #1d1d19;	padding:7px;	color:#ffffff;	font-family:Arial, Helvetica, sans-serif;	font-size:12px; width:260px;}
.button-bg{	color:#ffffff;	border:0;	background:#e25704;	padding:8px 10px;}
#copy_right{ background:url(../images/menu_bar.jpg) no-repeat bottom; float:left; width:860px; float:left; margin-top:5px;}


/*extras*/
a { text-decoration:none; color:#e25704; }
a:hover { text-decoration:none; color:#e25704; }

.clear{ clear:both;}

.hidden { display : none;}



/*
228ca6 blue
313129 light brown
1d1d19 dark brown
f48110 orange
e25704 dark orange
*/