body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

h2 {
	color: black;
	font: bold 38pt Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	margin: 0 0 0 40px;
}

/* layout */

#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

#header {
	height: 169px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#content {
	margin: 0;
	padding: 0;
	background: url(../images/header/content_01.jpg) no-repeat left top;
	width: 100%;
	float: left;
}

#blog_blog {
	margin: 0;
	float: left;
	border-left: 6px solid black;
	padding: 0 0 0 45px;
	width: 700px;
}

#comment {
	float: left;
	clear: both;
	margin-right: 300px;
		background: url(../images/comment_head1.jpg) no-repeat left top;
	padding-top: 130px;
	padding-left: 0;
	width: 700px;
	margin-left: -60px;
	margin-top: 30px;
}

#spacer {
	height: 108px;
	float: left;
	clear: both;
}

#copyright1 {
	
	width: 100%;
	clear: both;
	position: fixed;
	bottom: 2px;
	margin: 0;
}

#footer {
	bottom: 0;
	width: 100%;
	position: fixed;
	clear: both;
	left: 0;
}

/* appearence */
body{

	
}

#footer {
	bottom: 0;
	left: 0;
	background: url(../images/shadow_bottom.jpg) repeat-x 0 0;				margin: 0;
	padding: 0;
	width: 100%;
	height: 5px;
}

#w1 {
	margin: 0;
	padding: 0;
}

#header {
	background: url(../images/header/bg.jpg) repeat-x 0 0;

}

#header img {
	float: left;
}

#current {	
	padding-left: 40px;
	padding-right: 5px;
	margin: 0;
	border: thin dotted #f12a9c;

}

/* @group blog */

/* @group entries */

.day {

	padding-right: 2px;
	margin: 0 0 1px;
}

.month {
	margin: -3px 0 0;
	padding-right: 2px;
}

.year {
	margin: -1px 0 40px;
	padding-right: 2px;
}

.latest_entry {
	float: left;
	clear: both;
	padding-top: 10px;
	margin-top: 0;
	width: 50px;
}


.date {
	background: url(../images/blog_date_bg.png) no-repeat right top;
	width: 24px;
	height: 150px;
	text-align: center;
	margin-top: 0;
	padding-top: 15px;
	float: left;
	padding-right: 3px;

}

.words {
	
	margin-left: 85px;
	margin-top: 0;
	padding-top: 10px;
}

.blog_title {
	margin: 0;
	padding-top: 5px;
}

.entry_content {
	margin-top: 10px;
	margin-left: 5px;
	padding-right: 30px;
	padding-left: 4px;
	background-color: rgba(255,255,255,0.39);

}
.time {
	background: url(../images/blog_clock.jpg) no-repeat left center;
	height: 15px;
	padding-left: 15px;
	margin: 0;
	padding-bottom: 1px;
	color: #63bcfd;
	border-bottom: thin dotted #63bcfd;
}

/* entries */

/* @end */

/* @group comments */

.comment_view  {
	border: thin none gray;
	width: 600px;
	padding: 6px 6px 20px;
	border-bottom: thin solid gray;
	border-top: thin dotted gray;
	background: url(../images/comment_bg.jpg) no-repeat left bottom;
	margin: 20px 50px 50px 130px;
}

.comment_words  {

	margin-left: 75px;
	padding: 0;
	margin-bottom: 10px;
}

.comment_view img {
	margin-top: 10px;
	float: left;
}

#comment_leave  {
	margin-left: 130px;
	width: 450px;
	margin-top: -20px;
	padding-left: 10px;
}

#name , #email, #comment1 {
	margin-left: 0px;
	width: 400px;
}

/* tyopgraphy */

.comment_no {
	color: red;
	font-size: 11px;
	font-weight: bold;
	margin-right: 4px;
	margin-left: -20px;
	letter-spacing: 0;
}

.comment_info{
	color: black;
	font: 9px/1.6 "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 2px;
	margin-top: 15px;

}

.comment_view .comment_name{
	color: #c4c4c4;
	text-align: left;
	letter-spacing: 0;
	font: bold 2.5ex/0 "Helvetica Neue", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	margin: -15px 0 0;
	padding: 0;
}

.comment_content{
	color: gray;
	text-align: justify;
	letter-spacing: 0;
	text-transform: none;
	margin: 18px 0 0;
	font: 1.8ex "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.comment_email_reminder{
	color: maroon;
	text-align: left;
	text-transform: none;
	letter-spacing: 0.1ex;
	width: 413px;
	margin: -2px 0 2px;
	font: 1.3ex/2.5ex Arial, Helvetica, "Helvetica Neue", sans-serif;
}

.comment1 {
	color: gray;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}
.comment2 {
	color: gray;
	margin: 5px 0;
	padding: 0;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0.1ex;
	text-align: justify;
}

.comment_thumb {
	color: #20ae1d;
	margin: 5px 0 20px;
	padding: 0;
	font: 11px/15px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0.1ex;
	text-align: justify;
	text-decoration: underline;
}

.comment_lable {
	color: gray;
	margin: 5px 0;
	padding: 0;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0.1ex;
	text-align: justify;
}

/* @end */

/* @group blog_post */

/* layout */

#blog_form {
	text-align: left;
	float: left;
	margin-left: 60px;
	margin-right: 250px;
}

/* typography */

#blog_form p {
	font: bold 20px Helvetica, Geneva, Arial, sans-serif;
	color: #63bcfd;
}

#blog_form p#form {
	font: 14px Helvetica, Geneva, Arial, sans-serif;
	color: black;
}

/* @end */

.blog_entries {
	width: 700px;
	margin-left: 0px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: thin dotted gray;
	float: left;
	background-image: none;
	z-index: 1;
}

div#blog_subnav {
	width: 800px;
	font-size: 10pt;
	margin: 0 0 0 40px;
	padding: 0;
}

div#blog_head {
	width: 800px;
	padding: 0;
	margin: 0 0 15px;
}

div#blog_head img {
	margin: 0;
	padding: 0;
}

div#blog_head ul {
	margin: 0;
	padding: 0;
		margin-left: 0px;
}

div#blog_head li {
	display: inline;
}

/* typography */

div#blog_head h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #eb6b23;
	text-indent: 20px;
	border-bottom: thin dotted #ec742a;
}
.entry_link a,  a:link, a:visited{
	color: black;
	border-bottom: thin dotted red;
	text-decoration: none;
}

.entry_link a,a:hover {
	color: #dbff4d;
	text-decoration: none;
	border-bottom: none;
	background-color: black;
}blog page related

/* @end */

/* @group contact */

#contact_img {
	margin: 0;
	float: right;
	width: 170px;
}

#tel {
	text-align: right;
	margin: 0 8px 0 0;
	right: 0;
	width: 170px;
	float: right;
}

#vcard img {
	margin-bottom: -5px;
}

#vcard {
	float: right;
	width: 170px;
	margin-right: 8px;
}

#contact_word {
	width: 170px;
	float: right;
	margin-right: 8px;
}

/* contact */

/* @end */

/* @group navigation */

#nav {
	padding: 0;
	height: 169px;
	list-style: none;
	width: 537px;
	display: inline;
}

#nav li {	
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	display: inline-block;
}

#about a{
	width: 62px;
	background: url(../images/header/h01.jpg) no-repeat;
	height: 169px;
	display: block;
}

#journal a{
	width: 72px;
	background: url(../images/header/h02.jpg) no-repeat;
	height: 169px;
	display: block;

}

#works a{
	width: 70px;
	background: url(../images/header/h03.jpg) no-repeat;
	height: 169px;
	display: block;
}

#extras a{
	width: 75px;
	background: url(../images/header/h04.jpg) no-repeat;
	height: 169px;
	display: block;

}

#contact a{
	width: 68px;
	background: url(../images/header/h05.jpg) no-repeat;
	height: 169px;
	display: block;

}

#end{
	width: 160px;
	background: url(../images/header/h06.jpg) no-repeat;
	height: 169px;
	display: block;

}

/* @end */

/* @group footer */

#copyright1 {
	
	background: url(../images/footer_left_pic1.png) no-repeat left bottom;
	padding-left: 45px;
	margin: 0;
	padding-bottom: 0px;
	height: 65px;
	padding-top: 5px;
}
#footer_contact {
	float: left;
	padding: 2px 0 0;
	margin: 0 0 -1px 25px;
}

#footer_contact img {
	margin-bottom: -5px;
}

#footer_contact p {
	margin: 3px 0;
}
#copyright {
	margin: 45px 0 0 400px;
}


/* @end */

/* typography */

#page_nav {
	font: 8pt/15px Arial, Helvetica, Geneva, sans-serif;
	float: left;
}

#page_nav {
	float: left;
	clear: left;
}

/* @group blog */

.time {
	font: bold 8pt/15px Arial, Helvetica, Geneva, sans-serif;
	vertical-align: middle;
	font-size: 0.8em;
	color: #63bcfd;
}

.entry_content {
	color: black;
	font: 9pt/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.entry_content p {
	color: black;
	font: 9pt/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.entry_word {
	color: black;
	font: 9pt/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 2px;
}

.entry_content  {
	color: black;
	font: 9pt/16px Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 2px;
}

.entry_content img {
	margin-right: 5px;
	margin-left: -10px;
}

.date {
	text-align: right;
}

.day {
	color: #8a8a8a;
	font: bold 11pt Arial, Helvetica, Geneva, sans-serif;
}

.month {
	color: #8a8a8a;
	font: bold 7pt Arial, Helvetica, Geneva, sans-serif;

}

.year {
	color: #ff6834;
	font: bold 7pt Arial, Helvetica, Geneva, sans-serif;

}

.blog_title {
	color: green;
	font: bold 13pt Helvetica, Arial, Geneva, sans-serif;
}

.blog_title a {
	color: green;
	font: bold 13pt Helvetica, Arial, Geneva, sans-serif;
	border-style: none;
	text-decoration: none;
}

.blog_title a:hover{
	color: silver;
	font: bold 13pt Helvetica, Arial, Geneva, sans-serif;
	border-style: none;
	text-decoration: none;
}

.blog_comment_no {
	color: #d68e3a;
	font: 5pt sans-serif, Arial, Helvetica, Geneva;
	margin-top: -12px;
	text-align: center;
	margin-right: -4px;
}

/* @end */

/* @group footer */

/* @end */

/* @group navigation */

#footer_contact {
	font: 7.5pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: gray;
}

#copyright {
	font: 7.5pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: gray;
}

#nav a {

	border-style: none;
}

/* @end */

/* @group front */

#front_head {
	margin: 0;
	padding-top: 35px;
	height: 165px;
}

#front_download {
	margin: 0 0 0 153px;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	width: 202px;
}

#front_download a {
	float: left;
	padding: 0 202px 0 0;
	overflow: hidden;
	width:  0px !important;
	width /**/:202px;
	background-position: -202px;
	text-decoration: none;
	border-style: none;
}

#front_download a:hover {
	background-position:  -202px 0;
	}

#front_download li {
	margin: 0;
	padding: 0;
	width: 202px;
	background-color: maroon;
	display: inline;
}

#d_portfolio a{
	width: 202px;
	text-indent: -9999px;
	background: url(../images/front/download_portfolio.jpg) no-repeat left top;
}

#d_vcard a {
	width: 202px;
	text-indent: -9999px;
	background: url(../images/front/download_vcard.jpg) no-repeat left top;
}

#front_left {
	margin-top: 70px;
	float: left;
	margin-left: -40px;
	padding: 25px 50px 25px 25px;
	border: thin solid #f5f5f5;
	background-color: #f8f8f8;
}

#front_left h3 {
	margin: 0 0 3px;
	font: bold 8pt Arial, Helvetica, Geneva, sans-serif;
	color: gray;
	background-color: white;
	padding: 2px 0 2px 2px;
	border: thin solid #bbb;
	vertical-align: middle;
}

.recent_work {
	padding: 5px 0 0;
	border-top: thin dotted gray;
	margin: 0 0 10px;
}

.recent_work img {
	padding: 0;
	margin: 0;
	border: thin solid black;
}

.work_description {
	padding: 3px;
	margin: 0;
	font: 7pt/9px Georgia, "Times New Roman", Times, serif;
	color: white;
	letter-spacing: 0.3ex;
	background-color: gray;
	width: 526px;
}

.work_description2 {
	padding: 0 0 0 5px;
	margin: 0;
	font: 7pt/14px Georgia, "Times New Roman", Times, serif;
	color: black;
	letter-spacing: 0.3ex;
	background-color: #dbdbdb;
	border-bottom: medium solid white;
		width: 527px;
	
}

#right_slide {
	margin-top: 70px;
	border: thin solid #e1e1e1;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	width: 300px;
	margin-left: 590px;
}

#right_slide_blog {
	border: thin solid #e1e1e1;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	width: 200px;
	margin-right: 0;
	margin-top: 50px;
	margin-left: 775px;
}

#front_intro  {
	margin: 0;
	border: thin solid #e1e1e1;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
}

#front_intro p  {
	color: gray;
	margin: 5px;
	font: 11px/14px Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: 0.1ex;
	text-align: left;
}

#front_intro img  {
	vertical-align: middle;
	margin-right: 3px;
}

.right_block  {
	margin: 0;
	padding: 5px 5px 5px 10px;
}

#rss_feed  {
	margin: 0;
	border: thin solid #e1e1e1;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

#rss_feed  {
	font: bold 8pt Arial, Helvetica, Geneva, sans-serif;
	color: gray;
	margin: 5px 0 0;
}

.rss_feed1  {
	background: url(../images/front/feed-icon1.jpg) no-repeat left top;
	padding-left: 18px;
	height: 15px;
	vertical-align: bottom;
}

.right_block h3 {
	margin: 20px 0 0;
	padding: 0;
	font: bold 8pt Arial, Helvetica, Geneva, sans-serif;
	color: gray;
}

.recent_headlines {
	color: #bdbdbd;
	margin: 5px;
	font: bold 10px/12px Helvetica, Arial, Geneva, sans-serif;
}

.recent_headlines a {
	color: #bdbdbd;
	margin: 5px;
	font: bold 10px/12px Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	border-style: none;
}

.update_news {
	color: #bdbdbd;
	margin: 5px;
	font: bold 10px/12px Helvetica, Arial, Geneva, sans-serif;
}

.favorite {
	color: #bdbdbd;
	margin: 5px;
	font: bold 10px/12px Helvetica, Arial, Geneva, sans-serif;
	padding-left: 5px;
}

.right_copyright {
	color: gray;
	margin: 0;
	font: bold 10px/12px Helvetica, Arial, Geneva, sans-serif;
	text-align: center;
	background-color: white;
	padding: 3px;
	border: thin solid #eaeaea;
}
/* @end */

/* @group work */

/* @group work_list */

#work_head {
	height: 200px;
	float: left;
	width: 100%;

}

#work_head img {
	float: left;
	margin-left: 60px;
	margin-top: 90px;
	margin-bottom: 1px;
}

#work_contact {
		float: right;
		margin-top: 137px;
	margin-right: 20px;
	margin-bottom: 5px;
	font: 8pt Georgia, "Times New Roman", Times, serif;
}

#work_menu {
	clear: left;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	padding: 3px 0;
}

#work_menu_border {
	border-bottom: 1px solid black;
	clear: left;
	padding-bottom: 2px;
	padding-top: 2px;
	border-top: 1px solid black;
	margin: 0 20px 5px 60px;
}

#work_type {
	margin: 0;
	padding: 0;
	color: black;
	font: 10 pt Georgia, "Times New Roman", Times, serif;
	vertical-align: middle;

}

#work_type li {
	list-style-type: none;
	display: inline;
}

#work {
	float: left;
	clear: left;
	border-left: 6px solid black;
	padding-left: 70px;
	padding-right: 20px;
}

.work_ind {
	float: left;
	padding-left: 18px;
	padding-right: 18px;
	height: 292px;
	background: url(../images/work/work_bg.jpg) no-repeat;
	padding-top: 17px;
	width: 202px;
	margin-right: 10px;
	margin-left: 10px;
}

.work_ind_img img {
	padding: 0;
	margin: 0;
	border: 1px solid black;
	float: left;
}

.work_desc1 {
	padding: 0;
	margin: 1px 0 3px;
	font: 7pt/10pt Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	float: left;
	height: 10px;
	clear: left;
}

.work_desc2 {
	padding: 0;
	margin: 1px 0 3px;
	font: 7pt/10pt Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	float: left;
	height: 70px;
	clear: left;
}

.work_date {
	font: 7pt/10pt Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	text-align: center;
	float: right;
	width: 202px;
}

#front_intro_work  {
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	width: 280px;
	float: right;
}

#front_intro_work p  {
	color: gray;
	margin: 5px;
	font: 11px/14px Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: 0.1ex;
	text-align: left;
}

#front_intro_work img  {
	vertical-align: middle;
	margin-right: 3px;
}

#work_list {
	margin: 20px 0 0;
	padding: 0;
	width: 100%;
	float: left;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
}

#work_list_border {
	margin: 4px 0;
	padding: 0;
	width: 100%;
	float: left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 164px;
}

#work_top {
	width: 100%;
	background-color: black;
	float: left;
}

/* @end */

/* @group work_detail */

#work_left {
	float: left;
	padding: 0;
	margin: 0 0 0 -10px;
}

#work_left h3 {
	margin: 0 0 3px;
	font: bold 8pt Arial, Helvetica, Geneva, sans-serif;
	color: gray;
	background-color: white;
	padding: 2px 0 2px 2px;
	border: thin solid #bbb;
	vertical-align: middle;
}

.work_detail {
	padding: 5px 0 0;
	border-top: thin dotted gray;
	margin: 0 0 10px;
}

.work_detail img {
	padding: 0;
	margin: 0;
	border: 1px solid black;
}

#right_slide_work {
	margin-top: 0;
	border: thin solid #e1e1e1;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	width: 200px;
	margin-left: 700px;
}

.work_detail_description {
	padding: 3px;
	margin: 0;
	font: 7pt/9px Georgia, "Times New Roman", Times, serif;
	color: white;
	letter-spacing: 0.3ex;
	background-color: gray;
	width: 696px;
}

.launch {
	padding: 3px;
	margin: 0;
	font: 10pt/14px Georgia, "Times New Roman", Times, serif;
	color: white;
	letter-spacing: 0.3ex;
	background-color: white;
	width: 695px;
	text-align: center;
	border: 1px solid black;
}

.work_detail_description2 {
	padding: 0 0 0 5px;
	margin: 0;
	font: 7pt/14px Georgia, "Times New Roman", Times, serif;
	color: black;
	letter-spacing: 0.3ex;
	background-color: #dbdbdb;
	border-bottom: medium solid white;
		width: 697px;
	
}

p.copyright_work {
	padding: 0 0 0 5px;
	margin: 0;
	font: 7pt/14px Georgia, "Times New Roman", Times, serif;
	color: #3e3e3e;
	letter-spacing: 0.3ex;
	border-bottom: medium solid white;
		width: 697px;
	
}

/* @end */

/* @end */