/* -----------------------------------------------------------------------
 JL Design Group CSS (sub.css)
----------------------------------------------------------------------- */

@import url("base.css");

/* MAIN */

body {
		background: url(../img/bkgd_main_faded.jpg) #313439 repeat-x;
}

#container {
		margin: 0 auto;
		width: 880px;
}

/* LEFT SIDE */

#leftside {
		width: 404px;
		float: left;
		color: #888;
}

/* #leftside p.copyright {
		margin: 155px 30px 0 0;
		text-align: right;
		color: #606670;
} */

#header {
		margin: 80px 10px 145px 120px;
		width: 261px;
}

#header p {
		text-align: center;
		padding-top: 3px;
}

#header p.sub-header {
		color: #4B555C;
		margin-top: 4px;
}

#quote {
		width: 404px;
		text-align: right;
}

/* RIGHT SIDE */

h1 {
		text-align: left;
		font-weight: bold;
		font-size: 18px;
		visibility: hidden;
}

h2 {
		font-weight: bold;
		font-size: 1.5em;
		padding-bottom: 16px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #556068;
}

#rightside {
		margin-top: 40px;
		width: 470px;
		height: 650px;
/* 		border-left: 1px #363D43 solid; */
		float: right;
}

#rightside p {
		color: #a6a6a6;
}

#rightside p.copyright {
		margin: 50px 0 20px 30px;
		color: #606670;
}

#work {
		margin: 15px 30px;
		width: 340px;
}

#contact {
		margin: 15px 30px;
		width: auto;
}

#services {
		margin: 56px 30px 25px;
}

#services img.title, #work img.title, #contact img.title {
		margin-bottom: 15px;
}

#services p, #contact p {
		line-height: 1.3em;
		color: #aeaeae;
}

#work {
		height: 200px;
}

#work ul.samples li {
		display: inline;
		padding: 2px;
}

#work ul.samples li img {
		-moz-box-shadow: #222 0 0 5px;
		-webkit-box-shadow: #222 0 0 5px;
}

#contact a {
		color: #6C7A84;
}