/* v1.0 | 20080212 */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    background: url('images/bg.png') ;
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.clear{
	clear: both;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.floatleft{
	float: left;
}
#wrap{
	width: 100%;
	min-width: 70%;
	margin: 0 auto;
	z-index: 0;
    position: relative;
	height:100%;
}
/* @group fonts */
@font-face {
	font-family: 'HattoriHanzoLight';
	src: url('fonts/Hattori_Hanzo.eot');
	src: local('Hattori Hanzo'), local('HattoriHanzo-Light'), url('Hattori_Hanzo.woff') format('woff'), url('Hattori_Hanzo.ttf') format('truetype'), url('Hattori_Hanzo.svg#HattoriHanzo-Light') format('svg');
}

@font-face {
	font-family: 'HattoriHanzoLightItalic';
	src: url('fonts/Hattori_Hanzo_Italic.eot');
	src: local('Hattori Hanzo'), local('HattoriHanzo-LightItalic'), url('Hattori_Hanzo_Italic.woff') format('woff'), url('Hattori_Hanzo_Italic.ttf') format('truetype'), url('Hattori_Hanzo_Italic.svg#HattoriHanzo-LightItalic') format('svg');
}

@font-face {
	font-family: 'ContraRegular';
	src: url('fonts/contra.eot');
	src: local('Contra'), local('Contra'), url('contra.woff') format('woff'), url('contra.ttf') format('truetype'), url('contra.svg#Contra') format('svg');
}

@font-face {
	font-family: 'ContraItalic';
	src: url('fonts/contra-italic.eot');
	src: local('Contra'), local('Contra-Italic'), url('contra-italic.woff') format('woff'), url('contra-italic.ttf') format('truetype'), url('contra-italic.svg#Contra-Italic') format('svg');
}


/* @end */

/* @group Global */
.tag{
	width: 100px;
	height: 23px;
	padding-top: 3px;
	background: url('images/tag.png') no-repeat;
	
	position: absolute;
	right: 36px;
	top: 0px;
	text-align: center;
}
.tag a{
	font-family: ContraRegular, Georgia, serif;
	color: #cbdbe1;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 2px 2px 0px #335673;
}
.tag a:hover{
	color: #ffffff;
}
/* @end */
/* @group border */
.top{
	background: url('images/top.png') repeat-x;
	position: absolute;
	top: 0px;
	height: 40px;
	width: 100%;
	z-index: 3;
}
.bottom{
    margin-top: 20px;
	background: url('images/bottom.png') repeat-x;
	bottom: 0px;
	height: 40px;
	width: 100%;
}
/* @end */

/* @group header*/
#header_outer{
	height: 169px;
	background: url('images/header_bg.png') repeat-x;
}

#header_outer #header{
	margin: 0 auto;
	height: 169px;
	width: 960px;
	background: url('images/headerdiv_bg.png') no-repeat;
}

#header #logo{
	width: 252px;
	height: 120px;
	background: #ece7da;
	padding-top: 30px;
	float: left;
	box-shadow:5px 7px 0px #375b79;
	-webkit-box-shadow:5px 7px 0px #375b79;
	-moz-box-shadow: 5px 7px 0px #375b79;
}

#header #request{
	width: 161px;
	height: 31px;
	float: left;
	background: url('images/request.png') no-repeat;
	margin-top: 119px;
	margin-left: 25px;
	padding-top: 11px;
	padding-left: 7px;
}

#request a{
	font-family: ContraRegular, Georgia, serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 0px #671010;
}
#request a:hover{
	text-shadow: 3px 3px 0px #671010;
}

#header #nav{
	float: right;
    margin-top: 120px;
}
#header #nav li{
	float: left;
	margin-right: 20px;
	

}
#about #nav .about_active{
	border-top: 5px solid #143552;	
}
#header #nav .active a{
	background: #355876;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 15px;
	
}
#header #nav .active a:hover{
	background: #355876;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-top: 0px;
}
#header #nav li a{
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	display: block;
	color: #efe8d7;
	font-size: 18px;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	
}

#header #nav li a:hover{
	background: #355876;
	padding-left: 5px;
	margin-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	background: #355876;
	padding-top: 15px;
}
/* @end */

/* @group Main Paragraph */
#contact_top{
	width:660px;
	clear:both;
}

#intro{
position: relative;
    margin: 30px auto 0px  auto;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
  	border-radius: 10px;
	background: url('images/mainparagraph_bg.png') #ffffff no-repeat;
	background-position: bottom;
	height: 230px;
	padding-left: 260px;
	padding-right: 40px;
	width: 660px;
}
#intro .char_ninja{
	position: absolute;
	height: 217px;
	width: 181px;
	left: 40px;
	bottom: 30px;
	background: url('images/ninja.png') no-repeat;
}

#intro .char{
	position: absolute;
	height: 200px;
	width: 216px;
	left: 20px;
	top: 0px;
	bottom: 0px;
	background: url('images/avatar.png') no-repeat;
}
#intro h2{
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #1b5484;
	font-size: 48px;
	float: left;
	font-weight: lighter;
	margin-top: 30px;
}
#intro .intro_p {
	clear: both;
	overflow:hidden;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #3078c6;
	font-size: 20px;
	float: left;
	width:auto;
	font-weight: bold;
    display:block;
	margin-top: 10px;
	text-shadow: 1px 1px 1px #c4c5c5;
	line-height: 28px;
width:660px;
}

#intro  .contact_text{
	font-size: 14px;
	color: #a22c2c;
	text-shadow: 0px 0px 0px #c4c5c5;
	letter-spacing: 0.8px;	
	line-height: 16px;
	float: left;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	margin-top:10px;
	clear:left;
}

#intro  a.hire{
	font-family: ContraRegular, Georgia, serif;
	color: #ffffff;
	font-size: 28px;
	text-decoration: none;
	float: right;
 	display: block;
	background: url('images/request.png') no-repeat;
	width: 145px;
	height: 30px;
	padding: 5px;
	text-align: center;
	margin-top: 12px;
	margin-right: 5px;
	text-shadow: 2px 2px 0px #671010;
}


/* @end */
.divider{
	height: 30px;
	//background: url('images/divider_bg.png') repeat-x;
	width: 100%;
}

/* @group Slide Show */

#slideshow{
	margin: 0 auto;
	background: url('images/slideshow_div_bg.png') repeat-x #1a4161;
	background-position: top;
	height: 259px;
	width:960px;
	padding-bottom:10px;
	display:block;
	overflow:hidden;
	position: relative;
}

#slideshow .slideshowLink {
	A:link text-decoration: underline;
	A:visited text-decoration: underline;
	A:active text-decoration: underline;
	A:hover text-decoration: underline;
}

.bodyLink{
	A:link text-decoration: underline;
	A:visited text-decoration: underline;
	A:active text-decoration: underline;
	A:hover text-decoration: underline;
	color: #EFE8D7;

	}

#slideshow2{
	margin: 0 auto;
	background: url('images/slideshow2_div_bg.png') repeat-x #1a4161;
	background-position: top;
	height: 259px;
	width:960px;
	padding-bottom:10px;
	display:block;
	overflow:hidden;
	position: relative;
}
#slideshow ul{
	padding-top:10px;
	padding-left:10px;
	display:block;
	overflow:hidden;
}

#slideshow ul li{
	height:259px;
	width:960px;

overflow:hidden;
}
#slideshow .s3{
	display:block;
	overflow:hidden;
	width:422px;
	height:232px;
	float:left;
}

#slideshow .img{
	background: url('images/slidshow_bg.png') repeat;
	padding: 5px;
	float: left;
}

#slideshow .img{
	background: url('images/slidshow_bg.png') repeat;
	padding: 5px;
	float: left;
}

#slideshow .right{
	float: left;
	margin-left: 30px;
	width: 460px;
}
#slideshow .right .title{
	overflow: hidden;
	
}
#slideshow .right .title h2{
	float: left;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 30px;
	font-weight: lighter;
}
#slideshow .right .title .category{
	font-size: 14px;
	color: #77a0c2;
	margin-left: 10px;
	margin-top: 7px;
	float: left;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	padding-top: 5px;
}
#slideshow .right p{
	font-size: 16px;
	line-height: 19px;
	color: #ffffff;
	float: left;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	padding-top: 10px;
	width:460px;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #5587af;
	border-top: 1px dotted #5587af;
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
		}
#slideshow .prevnext {
	display: block;
	padding-top: 40px;
    position:absolute;
    bottom:40px;
    right:15px;
	
}

#slideshow .prevnext a{
	font-family: Contra, Georgia, serif;
	font-size: 14px;
	color: #7ba7cc;
	text-decoration: none;
	float: right;
	margin-left: 20px;
	text-shadow: 2px 2px 0px #1c4769;
}

#slideshow #nav{
	float: left;
	clear: both;
	margin-top: 11px;
}
#slideshow #nav li{
	float: left;
}
#slideshow #nav li a{
	font-family: Contra, Georgia, serif;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #ffffff;
	text-decoration: none;

}
#slideshow #nav li a:hover{
	background: #4277a4;
}
/* @end */

/* @group social */
#social{
	overflow: hidden;
 	margin: 0 auto;
 	width: 945px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

}
#social .box .img{
	padding-top: 5px;
	padding-bottom: 5px;
}
#social .box{
	float: left;
		margin-top: 10px;
	background: #f2eee4;
	width: 280px;
	height: 180px;
	padding: 10px;
	position: relative;
	
}

.bx_pager a {
	float: left;
	background: url('images/bg_pager.png') no-repeat 0 -21px;
	font-size:11px;
	height:17px;
	margin-right:6px;
	padding:4px 0 0 7px;
	width:14px;
}

#middlebox{
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px dashed #4579a5;
	border-right: 1px dashed #4579a5;
	float: left;
}

#social .box h2{
	color: #1d4669;
	font-size: 24px;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px dashed #87a8c4;
}
#social .box .blog_p p{
	color: #5d8db6;
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}
#social .box .testimonial_p p{
	color: #5d8db6;
	font-size: 15px;
	line-height: 17px;
	font-weight: lighter;
	font-style: italic;
	font-family: ContraItalic, Georgia, serif;
}
#social .box .testimonial_p h3{
	color: #1d4669;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: lighter;
	font-style: normal;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}
#social .box .test_nav{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#social .box .test_nav li{
	float: left;
	
}
#social .box .test_nav li a{
	font-family: Contra, Georgia, serif;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #94c0e5;
	text-decoration: none;
}
#social .box .test_nav li a:hover{
	background: #1d4465;
}
#social .box .twitter_p{
	display: block;
	width: 254px;
	height: 130px;
	margin-top: 5px;
	padding: 10px;
}
#social .box .follow{
	position: absolute;
	top: 145px;
	left: 20px;
}
#social .box .follow a{
	font-family: Contra, Georgia, serif;
	font-size: 12px;
	color: #123b5e;
	text-decoration: none;
}
#social .box .twitter_p p{
color: #5d8db6;
	font-size: 15px;
	line-height: 17px;
	font-weight: lighter;
	font-style: italic;
	font-family: ContraItalic, Georgia, serif;
	margin-top: -10px;
}
/* @end */

/* @group footer */
.footer_outer{
	background: #003b5a;
	height: 50px;
	width: 100%;
}
.footer_outer #footer{
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}
#footer .copyright {
	color: #426a80;
	font-size: 12px;
	font-weight: normal;
	float: left;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}
#footer .copyright p{
	clear: both;
	margin-bottom: 3px;
	float: left;
	color: #efe8d7;
}
#footer #footer_nav{
	float: right;
	margin-top: 10px;
}

#footer #footer_nav li{
	float: left;
	margin-left: 10px;
}

#footer #footer_nav li a{
	color: #efe8d7;
	font-size: 12px;
	font-weight: normal;
	float: left;
	text-decoration: none;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}

/* @end */



#loader{
	margin:0 auto;
	width:35px;
	display:block;
	padding-top:150;
}


/*slideshow for homepage */


#slideshow {
	margin:0 auto;
	width:940px;
	height:263px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:960px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:960px;
	height:263px;
	position:relative;
}
#slideshow #slidesContainer {
  	margin:0 auto;
 	width:890px;
 	height:263px;
  	overflow:auto; /* allow scrollbar */
  	position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/*slideshow2 for homepage */


#slideshow2 {
	margin:0 auto;
	width:940px;
	height:463px;
	position:relative;
}

#slideshow2 #slidesContainer {
  margin:0 auto;
  width:960px;
  height:463px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow2 #slidesContainer .slide {
  margin:0 auto;
  width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:463px;
}


/** 
 * slideshow2 style rules.
 */
 
#slideshow2 {
	margin:0 auto;
	width:960px;
	height:463px;
	position:relative;
}
#slideshow2 #slidesContainer {
  margin:0 auto;
  width:890px;
  height:463px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow2 #slidesContainer .slide {
  margin:0 auto;
  width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:463px;
}


/** 
 * Slideshow controls for home.
 */
 
.control {
  display:block;
  width:39px;
  height:283px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:110px;
  left:0;
  background:transparent url(images/control_left1.png) no-repeat 0 0;
}
#rightControl {
  top:110px;
  right:0;
  background:transparent url(images/control_right1.png) no-repeat 0 0;
}

#leftControl2 {
  top:210px;
  left:0;
  background:transparent url(images/control_left1.png) no-repeat 0 0;
}

#rightControl2 {
  top:210px;
  right:0;
  background:transparent url(images/control_right1.png) no-repeat 0 0;
}


.slide h2, .slide p {
  margin:15px;
  color: #efe8d7;
	
font-family:HattoriHanzoLight,Helvetica,sans-serif;
font-size:15px;
font-weight:normal;
line-height:17px;
  
}

.slide h2 {
  color:#efe8d7;
  font-size: 24px;
}

.slide img {
  float:right;
  margin:0 80px 0 15px;
}


/*end of slider */


/* @group portfolio */
#portfolio{
	overflow: hidden;
	margin: 0 auto;
 	width: 960px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
#portfolio li .img{
	padding-top: 5px;
	padding-bottom: 5px;
}
#portfolio li{
	float: left;
		margin-top: 10px;
	background: #f2eee4;
	width: 280px;
    position: relative;
	padding: 10px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

#portfolio .box h2{
	color: #1d4669;
	font-size: 24px;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px dashed #87a8c4;
}

#portfolio li .info{
	background: url('images/info_bg.png') ;
	position: absolute;
	bottom: 0px;
	color: #ffffff;
	left: 0px;
	padding: 10px;
	width: 280px;
	display:  none;
	height: 100px;
}

#portfolio li .info h2{
	color: #afd7f5;
	font-size: 24px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: lighter;
	font-style: normal;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	border-bottom: 1px dashed #afd7f5;
}

#portfolio li .info p{
	font-family: ContraItalic, Georgia, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	display: block;
	color: #fffff;
	text-decoration: none;
}

#portfolio li .info .view{
	width: 63px;
	height: 18px;
	padding-top: 2px;
	padding-left: 19px;
	display: block;
	background: url('images/info_button.png') no-repeat;
	clear: both;
	float: right;
	font-family: ContraRegular, Georgia, serif;
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	text-shadow: 2px 2px 0px #671010;
	margin-top: 10px;
	
}


/* @end */

/* @group Portfolio Entry */
#portfolio_entry{
	display: none;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
 #port_outer > .back{
   overflow: hidden;
	width: 155px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	display: block;
	background: url('images/blue_back.png') no-repeat;
	clear: both;
	font-family: ContraRegular, Georgia, serif;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 2px 2px 0px #2d5f89;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#port_outer{
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
/* @end */



/* @group Entry */
#entry {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

#entry h1{
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #365977;
	font-size: 30px;
	float: left;
	font-weight: lighter;
	margin-bottom: 10px;
	
}
#entry p{
	color: #123b5e;
	font-size: 16px;
	line-height: 18px;
	width: 460px;
	clear: both;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}
#entry h2{
	color: #123b5e;
	font-size: 20px;
    border-bottom: 1px dashed #9fb6c6;
	width: 460px;
	margin-top:10px;
	margin-bottom:5px;
	clear: both;
        display:block;
	padding-bottom:5px;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}
#entry .entry_img{
		border-right: dashed 1px #49667c;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 460px;

}
#entry .entry_img #img_nav{
	float: right;
	background: #1d4265;
	width: inherit;
}

#img_nav a {font-family: Contra, Georgia, serif;
font-size: 14px;
padding-left: 5px;
float:  left;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
display: block;
color: #ffffff;
text-decoration: none; 
}

#img_nav a.activeSlide { background: #4277a4 }
#img_nav a:focus { outline: none; }

.services{
	width: 460px;
	padding: 3px;
    clear:both;
	background: #f6f3ed;
    overflow:hidden;

}

.services .inner{
	display: block;
	width: 446px;
	padding: 3px;
	border: dashed 1px #e2e3df;
	overflow: hidden;
	position: relative;
}
.services h2{
	font-family: ContraRegular, Georgia, serif;
	color: #3a78ae;
	font-size: 14px;
	float: left;
	font-weight: lighter;
	border-bottom: 1px dashed #88abc8;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.services .service li{
	background: url('images/star.png') no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 11px;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #3a78ae;
	float: left;
	clear: both;
}
.services .back{
	overflow: hidden;
	width: 155px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	display: block;
	background: url('images/blue_back.png') no-repeat;
	clear: both;
	font-family: ContraRegular, Georgia, serif;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 2px 2px 0px #2d5f89;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.list{
margin-top:10px;
}
.list li{
	background: url('images/star.png') no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #3a78ae;
	float: left;
	clear: both;
}
.right_side{
	float: left;
	overflow: hidden;
	width: 460px;
	padding-left: 10px;
}
/* @end */


/* @group About */
#about{
	min-height: 580px;
	width: 960px;
	margin: 0 auto;
	overflow:hidden;

}
#about a{
	color:#921d1d;
	text-decoration:none;
}

#about .left {
	background-color:#FFFFFF;
	float:left;
	width:960px;
	padding: 0 20px 30px 20px;
}

#about .left > h2{
	color: #1d4669;
	font-size: 28px;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 20px;
	
}

#about .left p{
	color: #1d4669;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	width: 610px;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	padding-bottom: 10px;
	float:left;
}
#about .about_char{
	height: 580px;
	width: 100px;
	margin-right: 250px;
	float: right;
	padding: 40px 0 0 0;
	
}


#about .box .img{
	padding-top: 5px;
	padding-bottom: 5px;
}
#about .box{
	float: right;
	margin: 20px 45px 0 0;
	width: 280px;
	height: 180px;
	padding: 10px;
	position: relative;
	
}

#about  a.hire{
	font-family: ContraRegular, Georgia, serif;
	color: #ffffff;
	font-size: 28px;
	text-decoration: none;
	float: right;
 	display: block;
	background: url('images/hire.png') no-repeat;
	width: 157px;
	height: 34px;
	padding: 5px;
	text-align: center;
	margin-top: 12px;
	margin-right: 5px;
	text-shadow: 2px 2px 0px #671010;
}

#skills{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	background: #123b5e;
	width: 280px;
	height: 475px;
	margin-top: 0px;
	padding: 6px;
}
#skills .inner{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	width: 100%;
	height: 100%;
	border: 1px dashed #1f4f78;
}

#skills h2{
		color: #efe8d7;
		font-size: 20px;
		font-weight: lighter;
		font-family: ContraRegular, Georgia, serif;
		border-bottom: 1px dashed #255782;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-top: 10px;
		margin-bottom: 5px;
}

#skills h3{
		color: #efe8d7;
		font-size: 17px;
		font-weight: lighter;
		font-family: ContraRegular, Georgia, serif;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-top: 10px;
		margin-bottom: 5px;
}
#skills ul{
	display: block;
	padding: 10px;
	
}

#skills ul li{
	background: url('images/star.png') no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	width: 100px;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	color: #a4caea;
	float: left;

}
.social {
	margin: 0 auto;
	width: 218px;
	padding-top: 5px;
}

/* @end */

#contact_form2{
	overflow:hidden;
	width:960px;
	margin:0 auto;
}


.form {
	width: 325px;
	height:100%;
	float:left;
	padding: 6px;	
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	background: #123b5e;
	margin: 20px 10px 20px 50px;
	padding-right: 10px;
}

.form h2 {
	padding: 10px 0 0px 10px;
	color: #efe8d7;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}

#contact_form2 .inner{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	width: 100%;
	height: 100%;
	border: 1px dashed #1f4f78;
}
#contact_form2 .content {
	width: 510px;
	float: left;
}

#contact_form2 .left{
	float:left;
	width:960px;
	background: #ffffff;
	padding: 6px;
}

#contact_form2 .content p{
	color: #123b5e;
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
	font-weight: lighter;
	font-style: normal;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	float:left;
}

#contact_form2 .content > h2{
	color: #1d4669;
	font-size: 28px;
	font-weight: lighter;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
	margin: 20px 0 20px 0;
	padding-left: 20px;

	
}


#contact_form2 .content h3{
	color: #1d4669;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: lighter;
	font-style: normal;
	font-family: HattoriHanzoLight, Helvetica, sans-serif;
}


#contact_form2 .left .inner{
	width: 100%;
	height: 100%;
}

#contact_form2 .left .next, .prev, input{
 	-moz-border-radius: 5px; 
  	-webkit-border-radius: 5px;
}



/* Form */


.blue {
	color: #0099CC;
	font-weight: bold;
}

.tipsbox_error {margin-top: 200px;}

/* Congratulation message */
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 190px;
	text-align: center;
}

.MsgSent h1 {
	height: 85px;
	line-height: 85px;
	color: #efe8d7;
	font-family: HattoriHanzoLight,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: lighter;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 190px;
	text-align: center;
}

.MsgError h1 {
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
	font-family: HattoriHanzoLight,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: lighter;
}

.MsgSent p, .MsgError p {
	color:#efe8d7;
	font-family: HattoriHanzoLight,Helvetica,sans-serif;
	font-size: 14px;
}

/***** FormCheck *****/

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}


.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FF0000;
	width: 300px;
}

.tipsbox p {
	padding-left: 35px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}

.tipsbox {
	position: absolute;
	margin-left: 7px;
	margin-top: 17px;
}