@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: none;}

html{
    background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
	background-color: #111;}			
body {
	 color: #999;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 display: block;
	 overflow: hidden;
	 padding: 0px;}
h1 {
	margin-bottom: 10px;
	color: #FFF;
	font-size: 22px;
	font-weight: normal;
	text-align: left; }
h1.site-title{
	float: left;
	display:block;
	width: 400px;}
h2 {
	font-style: italic;
	margin: 25px 0 5px 0;}
h4{
	color: #CCC;
	text-align: left;
	font-size: 11px;}
h4.site-desc{
	padding-top: 10px;
	float: left;
	display: block;
	width: 450px;}
a{	border:0px;
	color:#FFF;}
a:hover{
	order:0px;
	text-decoration: underline;
	color: #CCC;}
p { font-size: 1.2em; }
h3{
	color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    margin-top: 15px;}
span.likes{
	float:left;}
#titles{
	float: left;
	padding-left: 10%;
	width: 450px;
	display: block;}
p.tel{
	margin-top: 68px;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 20px;}
#info{
	float: right;
	padding-right: 10%;
	display: block;}
a.portfolio{
	text-align: right;
	float: left;
	width: 100%;
	text-decoration: none;}
p.tel span{
	text-align: right;
	color: #999;
	font-size: 14px;}
ul li { display: inline; }
h3.portfolio-on-work{
	margin-top: 35px;}
div.portfolio-on-work a{
	color: #52a5c1;
	width: 99%;
	float: left;
	margin-top: 5px;
	border-bottom: 1px dashed transparent;
	text-decoration: none;}
div.portfolio-on-work a:hover{
	color: rgba(0,200,255,0.98);
	border-bottom: 1px dashed rgba(255,160,0,0.9);}
a.portfolio-site-link{
	margin-left:5px;
	text-decoration: none;
	color: #71C3DE;}
a.portfolio-site-link:hover{
	border-bottom: 1px dashed #71C3DE;}
.on-work{
	text-decoration: none;
	font-size: 11px;}
.wide {
	border-bottom: 1px #000 solid;
	width: 4000px;}
.cboth{
	clear: both; }
.none{
	display: none;
	visibility: hidden;}
div.main-menu{
	background: url(../images/line-bg.png) repeat center center fixed;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	position: fixed;
	bottom: 54%;
	text-align: center;}
#cboxContent{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #1a1c19;
	-webkit-box-shadow: #000 0px 2px 25px;
	-moz-box-shadow: #000 0px 2px 25px;
	box-shadow: #000 0px 2px 25px;}
#cboxContent *{}
#cboxMiddleLeft{
	width: 1px;}
#cboxMiddleRight{
	width: 1px;}
div.last-work{
	float: left;
	width: 300px;}
div.other-work-i{
	float: left;
	text-align: left;
	border-left: 1px dotted rgba(255,255,255,0.1);
	padding-left:10px;
	width: 305px;}
div.other-work-ii{
	float: left;
	text-align: left;
	border-left: 1px dotted rgba(255,255,255,0.04);
	padding-left:10px;
	margin-top: 34px;
	min-height: 470px;
	width: 300px;}
div.footer-work-i{
	float: left;
	display:none;}
div.other-work-i *, div.other-work-ii *{
	text-align: left;
	width: auto;
	display: block;}
div.other-work-i a, div.other-work-ii a{
	color: #71c3de;
	line-height: 12px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	font-size: 11px;	
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
	border-left: 1px solid rgba(255,160,0,0.0);}
div.other-work-i a:hover, div.other-work-ii a:hover{
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.9);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.9);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.9);
	background: rgba(0,0,0,0.8);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
	text-decoration: none;
	color: rgba(0,180,255,0.9);
	text-shadow: 0px 0px 3px rgba(255,255,255,0.2);
	border-left: 1px solid rgba(255,160,0,0.8);}
div.other-work-i h1{
	margin-left: 8px;}
span.year{
	font-size: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
	color: rgba(255,255,255,0.8);}
div.facebook .pp_content, #colorbox{
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	z-index: 100000;
	position: relative;
	-webkit-box-shadow:#000 0 2px 25px;
	-moz-box-shadow:#000 0 2px 25px;
	box-shadow:#000 0 2px 25px;}
#cboxLoadedContent div{
	min-height: 350px;}
#desc-menu li{
	display: inline-block;
	float: left;}
#desc-menu li a{ 
	text-decoration:none;
	color: #CCC;}
#cboxClose{
    color: #444444;
    display: block;
    font-weight: bold;
    margin-right: -25px;
    position: absolute;
    right: 12px;
    top: 0;
	background: url("../images/prettyPhoto/facebook/sprite.png") no-repeat scroll -1px -1px transparent;
    cursor: pointer;
    height: 22px !important;
    width: 22px;}
#cboxTitle{
	display: none !important;
	visibility: hidden;}
#desc-menu a{
	text-decoration: none;
	color: #CCC;}
#desc-menu a:hover{
	text-decoration: none;
	color: #fff;}
div.img-info{
	float: left;
	margin-right: 25px;
	display: block;}
#cboxOverlay{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
	filter: alpha(opacity=70) !important;
	-moz-opacity:0.7 !important;
	-khtml-opacity: 0.7 !important;
	opacity: 0.7 !important;
	background: #000 !important;
	height: 100%;
    position: fixed;
    width: 100%;}
.portfolio-site-title, .portfolio-site-desc{
	padding-left: 5px;
	font-size: 11px;
	color: #FFF;}
#chksys-portfolio{
	height: 480px !important;}