/* ------------------------------------------  */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY  */
/* ------------------------------------------  */
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, 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-weight: inherit;
	font-style: inherit;
	/*font-size: 100%;*/
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
html, body {
	height: 100%;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* CSS Complete reset based on Eric Meyer */

html {
	overflow:scroll;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-style: normal;
	font-weight: normal;
	color: #ff771b;
	background-color: #132b42;
	background:url(../Assets/images/bkgrd.gif);
	height:100%;
}

#bk_shade{
	background:url(../Assets/images/bk_shade.png) repeat-x;
	width:100%;
	height:725px;
	position:absolute;
	top:0px;
}


ul {
	list-style: none inside;
}
a img {
	border: none;
}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}
.transpBlack {
	background: url(../transpBlack.html);
}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#page-wrap {
	width: 968px;
	margin: 0 auto;
	/*background:#4e4f50;*/
	padding-left:20px;

}
.centre {
	width: 940px;
	margin:0 auto;
}
/* END STRUCTURE */


h1 {
	font-size:7.6em;
}
h2 {
	font-size:3.0em;
	margin-bottom:0.3em;
	font-weight:normal;
	color:#ff771b;
}
h3 {
	font-size:3.8em;
}
h4 {
	font-size:3.2em;
	margin-bottom:0.32em;
	font-weight:bold;
	color:#FFF;
}
h5 {
	font-size:2.2em;
	margin-bottom:5px;
}
h6 {
	font-size:1.6em;
	font-weight:normal;
}
p {
	font-size:1.7em;
	line-height:150%;
	color:#ddd;
}

.subheader {
	font-weight:bold;
	color:#ff771b;
}
.highlight {
	color:#ff771b;
}
/****************************************************/


#content {
	margin-top:5px;
	margin-left:5px;
	margin-bottom:40px;
	width:880px;
	padding:25px 30px;
	/*box-shadow: 1px 2px 10px #333;
	-moz-box-shadow: 1px 2px 10px #333;
	-webkit-box-shadow: 1px 2px 10px #333;*/
}
#content p {
}
#content h4 {
	line-height:30pt;
	margin-top:20px;
	font-weight:bold;
}
#content li {
	line-height:150%;
}
#content h4 {
	color:#ff771b;
}
#content a {
	outline: none;
	text-decoration:underline;
	color:#ff771b;
}
#content a:hover {
	color:#3D5A8C;
}


/************************/


.infoPage {
	margin-top:-1px;
	width:890px;
	padding:20px 25px 25px 25px;
	/*background:#4e4f50;*/
	background: url(../Assets/images/transpBlack.png);
	margin-left:2px;
}


.aboutMe ul li{
	border-bottom:#666 1px dashed;
	padding-bottom:30px;
	margin-top:20px;
	margin-bottom:20px;
}

.aboutMe ul li.noborder{
	border:none;
}
.aboutMeHeaders {
	font-size:1.4em;
	color:#aaa;
	font-style:italic;
	font-weight:bold;
}



.infoPageBottom{
	background:url(../Assets/images/bottom_bk.gif) no-repeat;
	width:950px;
	height:25px;
	margin-top:-1px;
}

h3.header{
	width:930px;
margin:5px 0px 0px 2px;
	font-weight:normal;
}

.aboutMe, .aboutMeLeft, .aboutMeRight {
	color:#ddd;
}
.aboutMe li {
	margin-bottom: 1.05em;
}
.aboutMeLeft, .aboutMeRight {
	width:48%;
	float:left;
	margin-bottom:30px;
}

.aboutMeRight {
	float:right;
}

.infoPage li {
	font-size:1.6em;
	line-height:160%;
	
}

.infoPage h4 {
	line-height:30pt;
	margin-top:40px;
	font-weight:bold;
	color:#fff;
	/*color:white;*/
	font-size:28px;
	font-weight:normal;
	border-bottom:2px #ff771b solid;
}


.infoPage a {
	outline: none;
	text-decoration:underline;
	color:#ff771b;
}
.infoPage a:hover {
	color:#aaa;
}

.infoPage h4 a {	text-decoration:none;}
.infoPage h4 a:hover {	color:#fff;}

.links ul{
	margin-top:20px;
	width:900px;
}
.links li a{
	float:left;
	width:200px;
	height:60px;
	margin-right:24px;
	margin-bottom:24px;
	text-indent:-9999px;
}

.links li.sm a{background:url(../Assets/images/links/smashingMag.gif)}
.links li.ff a{background:url(../Assets/images/links/firefox.gif)}
.links li.fb a{background:url(../Assets/images/links/firebug.gif)}
.links li.jq a{background:url(../Assets/images/links/jquery.gif)}
.links li.wp a{background:url(../Assets/images/links/wordpress.gif)}
.links li.bp a{background:url(../Assets/images/links/buddypress.gif)}
.links li.ma a{background:url(../Assets/images/links/mamp.gif)}
.links li.pm a{background:url(../Assets/images/links/phpmyadmin.gif)}
.links li.pj a{background:url(../Assets/images/links/photojojo.gif)}
.links li.gc a{background:url(../Assets/images/links/google_chrome.gif)}
.links li.cz a{background:url(../Assets/images/links/colorZilla.gif)}

.links li a:hover{ 	
	position:relative;
	top:-5px;
	left:-5px;
}

#links_content #contentFull .aboutMeRight {
	width:50%;
}

#links_content .aboutMeLeft img {
	margin-top:20px
}

#links_content  .aboutMeRight p{
	margin-top:10px;
	font-size:2em;
}



/***************************/
h1 a {
	float:left;
	width:380px;
	height:66px;
	display:block;
	text-indent:-9999px;
	background:url(../Assets/images/logo4.png) repeat;
	margin-top:23px;
}
h1 a:hover {
	background:url(../Assets/images/logo4.png) ;
}
/***************************NAV***********************/
#nav {
	height:110px;
	width:968px;
	font-size: 2.5em;
	font-weight:normal;
	margin-bottom:0px;
/*	background:url(../Assets/images/tran_top.png) repeat-x top;
	background-color:#fff;*/
}
#nav .centre {
/*background:url(../Assets/images/head_bk.jpg) no-repeat bottom;
	height:110px;*/
}
#nav ul {
	float:right;
	margin-right:30px;
	list-style-type:circle;
}
#nav li {
	position:relative;
	float:left;
	margin:41px 3px 0 23px;
	display:inline-block;
	list-style-type:circle;
	padding-bottom:2px;
}
#nav li a {
	text-decoration:none;
	float:left;
	color:#fff;
	
	letter-spacing:-1px;
}
#nav li a:hover {
	color:#ff771b;
	/*border-bottom: solid 3px;*/
}
/***************************HOMEpage***************************/

#topsection {
	width:950px;
	height:290px;
	margin-bottom:20px;
	background-image:url(../Assets/images/top_intro.png);
	background-repeat:no-repeat;
}
#topsection li {
	position: relative;
	float: left;
}
#topsection li img {
	margin:25px;
}
#topsection #topText {
	text-indent:-9999px;
	float:right;/*border: green solid 1px;*/
}
#home_block {
	position:relative;
	width:960px;
	height:auto;
	text-align:center;
	margin-left:5px;
}
/*#home_block h3 {font-weight:bold; color:#ff771b; text-align:left; width:150px; padding:15px 0px 0px 20px}*/

h3 {
	position:relative;
	height:30px;
	
	color:#FF771B;
	text-align:left;
	background: white; 
	padding-left:10px; 
	padding-bottom:2px;
	padding-top:5px;
	font-size:2.5em;
}

#home_block ul {
	/*width:1100px;*/
}
#home_block li.block {
	height: 390px;
	width: 294px;
	float:left;
	margin-left:-2px;
	margin-right:30px;
	font-weight:normal;
	background:url(../Assets/images/transpBlack.png);
}

#home_block a{
	font-weight:bold;
	color:#ff771b;
	/*text-decoration:none;
	border-bottom:3px #ff771b solid;*/
}
#home_block a:hover{
	/*text-decoration:underline;*/
	color:#999;	
	border-bottom:none;
	}
	/*
ul .block.h_about h3 {	background-image:url(../Assets/images/h_about1.gif);}
ul .block.h_work h3 {	background-image: url(../Assets/images/h_work1.gif);}
ul .block.h_news h3 {	background-image: url(../Assets/images/h_news1.gif);}
*/

ul .block.h_about {
	/*background:url(../Assets/images/block1.png) no-repeat;*/
}
ul .block.h_work {
	/*background:url(../Assets/images/block2.png) no-repeat;*/
}
ul .block.h_news {
	/*background:url(../Assets/images/block3.png) no-repeat;*/
}
#home_block li.block.h_news { margin-right:0px; padding:0px;}


#home_block .about p {
	padding-top:0px;
}
#home_block p {
	color:#fff;
	text-align:left;
	line-height:150%;
	font-size:1.3em;
	padding:10px 20px;
	left:15px;
}

#home_block li.h_work p{
	padding:20px;
}
#home_block li.h_news p{
	padding-top:20px;
	padding-bottom:5px;
}
#home_block li.h_about img {
	margin-top:20px;
}
#home_block li ul#app_list {
	margin-top:-10px;
	margin-left:20px;
}
#home_block li ul li {
	text-align:left;
	margin-top:5px;
	text-indent:20px;
	font-size:1.5em;
	font-weight:bold;
	color:#ff771b;
	list-style-image: url(../Assets/images/tick.gif);
}
.clear {
	clear:both;
}

#footer {
	padding:30px 5px;
	font-size:1.3em;
	color:#fff;
	/*text-shadow: 2px 2px #000;*/
}

#footer a { font-weight:bold; color:#999;text-decoration:underline; }
#footer a:hover { color:#666;  text-decoration:none; }

/**************************************************/

ul.gallery_nav {
	
	width:100%;
}
ul.gallery_nav li {
	float:left;
	margin-bottom:15px;
}
#content_gal {
	margin:5px;
	width:930px;
	padding:0px;
	padding-top:1px;
	/*border:#060 5px solid;
	box-shadow: 1px 2px 10px #666;
	-moz-box-shadow: 1px 2px 10px #666;
	-webkit-box-shadow: 1px 2px 10px #666;*/
}
ul#work_list{ width:920px; background:#fff;  margin-bottom:0px;/*  -moz-border-radius: 5px;	-webkit-border-radius: 5px;*/ padding:0px 5px;}
ul#work_list li{
	margin:0 10px;  
	float:left;
}

ul#work_list li a {
	height:48px;
	display:block;
	text-indent:-9999px;
}



li.work_web a {	width:233px;background: url(../Assets/images/wrk_web.gif);}
li.work_web a:hover {	background:url(../Assets/images/wrk_web.gif)0px 60px;}
li.work_web a.current {	background:url(../Assets/images/wrk_web.gif)0px 0px;}

li.work_graphics a {	background:url(../Assets/images/wrk_graphics.gif);	width:227px;}
li.work_graphics a:hover {	background:url(../Assets/images/wrk_graphics.gif) 0px 60px;}
li.work_graphics a.current {	background:url(../Assets/images/wrk_graphics.gif) 0px 0px;}

li.work_photos a {	background:url(../Assets/images/wrk_photos.gif);	width:201px;}
li.work_photos a:hover {	background:url(../Assets/images/wrk_photos.gif)0px 60px;}
li.work_photos a.current {	background:url(../Assets/images/wrk_photos.gif)0px 0px;}

ul#work_list li.work_others {	margin-right:0px;}
li.work_others a {	background:url(../Assets/images/wrk_others.gif);	width:189px;}
li.work_others a:hover {	background:url(../Assets/images/wrk_others.gif) 0px 60px;}
li.work_others a.current {	background:url(../Assets/images/wrk_others.gif) 0px 0px;}


#gallery_photos, #gallery_graphics {
	margin-top:30px;
	background:url(../Assets/images/transWhite.png) white;
	padding:23px 0 10px 22px;
	/*box-shadow: 2px 2px 5px #666;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;*/
}

#gallery_web{
	width:990px;

}

#gallery_web ul {
	
	/*display:inline;
	width:990px;*/
	list-style:none;
	
	margin:auto;
}

#gallery_web ul li.websites {
	width:402px;/*
	height:200px;*/
	/*background:#f0f0f0;
	border:5px solid #dedede;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	border:1px solid #dedede;
	padding:22px 20px 30px 25px;
	
	display:block;
	float:left;
	margin:30px 26px 0px 2px;
	
	background: #fff repeat;
	/*box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;*/

	
}
#gallery_web ul li.websites a img.site_img {
	border:1px solid #ccc;
	padding:3px;
}
#gallery_web ul li.websites a:hover img.site_img  {
	border:1px solid #999;
}
#gallery_web .websites .site_info {
	float:right;
	width:34px;
}
#gallery_web .websites h6 {
	letter-spacing:-0.04em;
	font-size:2.8em;
	margin-bottom:18px;
	padding-left:2px;
}
#gallery_web .websites a {
	color:#3BB7FF;
	
}
#gallery_web .websites a:hover {
	text-decoration:none;
}
#gallery_web .websites .site_info{
	top:10px;
}
#gallery_web .websites .web_icon li{
	padding-bottom:10px;
}

#gallery_web .websites .web_icon li a.website_url{
	display:block;
	background:url(../Assets/images/web_icon_url.gif) no-repeat;
	position:relative;
	text-indent:-9999px;
	width:35px;
	height:35px;
	
}

#gallery_web .websites .web_icon li a:hover.website_url{
	background:url(../Assets/images/web_icon_url_over.gif);
}


/************************************************/

#gallery_photos ul{
	
	/*display:inline;*/
	list-style:none;
	width:905px;
	margin:auto;
}


#gallery_photos ul li {
	list-style:none;
	margin:0px;
	display:inline;
	float:left;
}
#gallery_photos ul li a img {
	float:left;
	border:5px solid #bbb;
	text-decoration:none;
	width:267px;
	height:141px;
	margin:0px 22px 25px 0px;
	border:1px solid #dedede;
	padding:5px;
}
#gallery_photos ul li a:hover img{
	border:1px solid #666;
}


/************************************************/

#gallery_graphics ul li {
	list-style:none;
	margin:0px;
	display:inline;
	float:left;
}
#gallery_graphics ul li a img {
	float:left;
	border:5px solid #bbb;
	text-decoration:none;
	width:267px;
	height:188px;
	margin:0px 23px 28px 0px;
	border:1px solid #dedede;
	padding:5px;
}
#gallery_graphics ul li a:hover img {
	border:1px solid #666;
}

/**********************CONTACT***************************/

.contact {
	/*background:#4e4f50 336px 65px url(../Assets/images/cloud.jpg) no-repeat;*/
	margin-bottom:0px;
	

}

.contact p {
	margin-bottom:25px;
	color:white;
}
.contact form {
	color:#ff771b;
	margin:0px 0px 20px 20px;
	padding:0 30px 10px 30px;
	margin-bottom:120px;
}


.contact .half {
	width:45%;
}
.contact .floatright {
	width:278px;
	margin-right:60px;
}


input.box, textarea.box, .form_submit {
	padding:2px;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top:5px;
	background:#fff;
	border:none;
	
}
input.form_submit {
	background:#ff771b;
	margin:5px 0;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
	width: auto !important;
	overflow: visible;
	border: 1px double #fff;
	float:right;
}
input.form_submit:hover {
	color: #333;
}


#text_info {
	background:#313131;
	padding:30px;
	margin:5px;
	width:880px;
	height:300px;
	font-size:2em;
}


/*****Slideshow****/


#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	border:1px solid #ccc;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/********InteractiveMartialArt********/

body#kata_3d {
	width:460px;
	padding:20px;
	background:white;
}

body#kata_3d h4{
	color:#2369B1;
}
body#kata_3d p{
	color:#FFF;
	font-size:12px;
	line-height:16px;
		color:#2369B1;
}

body#kata_3d .highlight{
	color:red;
}



body#kata_3d #kata_assets{
	margin-top:20px;
	background:white;
}