html {
	height: 100%;
	background:url('../images/bg_site_left.jpg') repeat-y;
}
body {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	color: #7d7d7d;
	text-align: center;
	height: 100%;
	margin:0;
	padding:0;
	width:100%;
	background:url('../images/bg_site_right.jpg') top right repeat-y;
	overflow:hidden;
}

.bold {
	font-weight: bold;
}

a, a:hover, a:visited {
	color: #46aecd;
}

a:visited {
	/* color: #9a5596; */
}
#header {
	width:100%;
	margin:0 0 40px 0;
}
#nav {
	width:200px;
}
#nav a {
	color:#5d5d5d;
	font-size:14px;
	padding:4px 6px 4px 6px;
	margin:0 1px 0 0;
	text-decoration:none;
	display:block;
	float:left;
}
#nav a:hover, #nav a.selected {
	color:#fff;
	background:#737373;
}
.home #nav {
	text-align:center;
	float:none;
	margin-top:10px;
	padding-left:2px;
}
.home #nav a {
	display:inline;
	float:none;
}
.home #footer {
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
}
h1 {
	font-size: 22px;
	color: #7d7d7d;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 14px;
}

h2 {
	font-size: 20px;
	color: #5d5d5d;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 20px;
}

.portfolio:first-child h2 {
	margin-top:0;
}

h3 {
	font-size:16px;
	font-weight: normal;
	color: #5d5d5d;
	margin-bottom: 0;
	margin-top: 20px;
}

p {
	margin: 12px 0 0 0;
	line-height:1.4em;
}

h2 + p {
	margin-top:2px;
}

p.work-links {
	margin-top:2px;
}

.clr {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;

}
.float-group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.float-group {display: inline-block;}  /* for IE/Mac */

#site {
	margin: auto;
	width: 740px;
	padding-top: 40px;
	height:100%;
}

#content {
	text-align: left;
	height:60%;
}

#content .customScrollBox { position:relative; height:100%; overflow:hidden;}
#content .customScrollBox .container{position:relative; width:705px; float:left;}
#content .customScrollBox .content{clear:both;}
#content .dragger_container{width:2px; height:100%; float:left; margin:0 0 0 20px; background:#e7e7e7; cursor:pointer}
#content .dragger{position:absolute; width:9px; height:60px; background:#737373; margin-left:-4px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#content .dragger_pressed{position:absolute; width:9px; height:60px; background:#737373; margin-left:-4px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}


#nav {
	float:left;
	padding-top: 6px;
}

#logo {
	float: right;
}

#footer {
	text-align:left;
	width:740px;
	margin-top: 80px;
	padding-bottom: 30px;
	font-size: 11px;
}
#footer img {
	margin-top:-12px;	
}