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

:-moz-any-link:focus {
  outline: none;
}


img { 
border: none;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #A9A99C;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 75%;
}
.wrapper {
	width: 910px;
	padding: 0 22px;
	margin: 0 auto;
}

/* special case for homepage tab that overlaps */
#home #body .wrapper {
	width: 917px;
	padding: 0 15px 0 22px;
}
#home #body h3 {
	margin-top: 25px;
}
.right {
	float: right;
}
.left {
	float: left;
}
a {
	color: #666666;
}
p {
	color: #898B82;
	line-height: 1.5em;
}
h1 {
 color: #BA1F0A;
 font-size: 30px;
 font-weight: normal;
 margin: 0px;
}
h2 {
 color: #BA1F0A;
 font-size: 19px;
 font-weight: normal;
 margin: 2px 0 0 0;
}
h3 {
 color: #55553E;
 font-size: 20px;
 margin: 5px 0 4px 0;
 font-weight: normal;
}
h4 {
	color: #898B82;
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
}

.clientpage h4 {
border-bottom: 1px solid #CCC;
width: 650px;
margin-bottom: 15px;
}
.clientpage {
font-size: 13px;
color: #666666;
}

.clientpage table td{ 
margin: 0px;
padding: 0px;
}
/*  Head  */
#head {
	width: 100%;
	background: #fff url(../images/background/header.gif) repeat-x left top;
}
#head .logo {
	border: none;
}
#nav {
	width: 100%;
	margin: 0;
	padding: 0px;
	float: right;
}
#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 31px;
	float: right;
	margin-left: 33px;
}
#nav li a {
	float: right;
	text-indent: -1300px;
	color: #55553E;
	height: 31px;
}
#nav li a:hover {
	background-position: left -31px!important;
}
#nav li#nav-about {
	width: 62px;
}
#nav li#nav-work {
	width: 54px;
}
#nav li#nav-contact {
	width: 87px;
}
#nav li#nav-about a {
	background: url(../images/nav/about.png) no-repeat left 0px;
	width: 62px;
}
#nav li#nav-work a {
	background: url(../images/nav/work.png) no-repeat left 0px;
	width: 54px;
}
#nav li#nav-contact a {
	background: url(../images/nav/contact.png) no-repeat left 0px;
	width: 87px;
}
#head #fish {
	float: right;
	margin-bottom: 2px;
}
#about #nav li#nav-about a {
	background-position: left -31px!important;
}
#work #nav li#nav-work a {
	background-position: left -31px!important;
}
#contact #nav li#nav-contact a {
	background-position: left -31px!important;
}

/*  Foot  */

#foot {
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(../images/background/footer.png);
	height: 153px;
	padding-top: 35px;
}
#foot p {
	margin: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
}

/*  Body  */

#body {
	background-color: #FFF;
}

#content {
	float: left;
	width: 100%;
}

#content .page-title {
	width: 100%;
	text-align: right;
	height: 36px;
}
#client .section,
#work .section {
	width: 686px;
	margin-bottom: 25px;
}
#client .section {
	margin-bottom: 40px;
}
#client .section.first {
	margin-bottom: 25px;
}
#client .section .info,
#work .section .info {
	margin-left: 25px;
	width: 400px;
}
#client .section h4 {
	margin-bottom: 20px;
}
#client .section img {
	margin-right: 20px;
	float: left;
}
#client .section .website {
	float: left;
	margin-top: 100px;
}
#client .back {
	margin-bottom: 10px;
	border: none;
}
/*  Contact form  */
#contact label {
 color: #55553E;
 float: left;
 clear: left;
 font-size: 11px;
 margin-bottom: 2px;
}
#contact input,
#contact select,
#contact textarea {
	float: left;
	clear: left;
	margin-bottom: 8px;
	width: 266px;
}
#contact textarea {
	height: 138px;
}
#contact input.auto,
#contact select.auto {
	width: auto;
}
/*  Employee Section  */
.employees {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #A9A99C;
	float: left;
}
.employee {
	width: 213px;
	padding: 0 9px 20px;
	border-right: 1px solid #A9A99C;
	float: left;
}
.employee.first {
	padding-left: 0px;
}
.employee.last {
	padding-right:0px;
	border: none;
}
.employee .info {
	padding: 12px 0px 0px 9px;
}
.employee .contact {
	margin-left: 9px;
	border: none;
}
.employee .info h3 {
	margin-bottom: 6px;
}
.employee .info p {
	margin-top: 0px;
}
/*  Clients Bar  */
#sidebox {
	width: 224px;
	float: right;
	background: url(../images/background/sidebox.png) repeat-y left top;
}
#sidebox .client_wrap {
	width: 224px;
	float: left;
	margin-bottom: 5px;
}
#sidebox .client_left {
	width: 41px;
	float: left;
	text-align: center;
}
#sidebox .client_left img {
	vertical-align: middle;
}
#sidebox .client_right {
	width: 183px;
	float: left;
}
#sidebox .client_right a {
	width: 178px;
	text-decoration: none;
	padding: 3px 0 0 5px;
	float: left;
}
#sidebox .client_wrap {
	background: url(../images/background/client_hover.png) no-repeat 0 0;
	height:21px;
	float: left;
	width: 224px;
	text-decoration: none;
}
#sidebox .client_wrap:hover,
#sidebox .active_link {
	background: url(../images/background/client_hover.png) no-repeat 0 -42px;
}
#sidebox .title {
	width: 214px;
	height: 26px;
	background-color: #BA1F0A;
	padding: 8px 0 0 10px;
}
#sidebox .title h4 {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
}
#sidebox p {
	color: #BA1F0A;
	margin: 10px 0 0 10px;
}
.title { 
color: #55553E;
}

#facebook {
	float: right;
	margin-top: 3px;
}
#client_list_lk {
	background:url(../images/background/entire_client_list.png) no-repeat 0 0;
	height: 18px;
	float: left;
	width: 209px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 0 0 15px;
}
#client_list_lk:hover {
	background:url(../images/background/entire_client_list.png) no-repeat 0 -21px;
}
.web_wrap {
	width: 217px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #666666;
}
.web_wrap img {
	border: 1px solid #CCCCCC;
}
.web_company {
	padding: 5px 0 0 0;
}
.logo_wrap {
	width: 220px;
	float: left;
	margin-bottom: 20px;
}
.print_wrap {
	width: 217px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #666666;
}
.print_wrap img {
	border: 1px solid #CCCCCC;
}
.print_company {
	padding: 5px 0 0 0;
}
.clientWork_wrap {
	width: 217px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #666666;
}
.clientWork_wrap img {
	border: 1px solid #CCCCCC;
}
.clientWork_title {
	padding: 5px 0 0 0;
	width: 198px;
}
.clientWork_webwrap {
	float: left;
	width: 600px;
	margin-bottom: 15px;
}
.clientWork_webimage {
	float: left;
}
.clientWork_webimage img {
	border: 1px solid #CCCCCC;
}
.clientWork_webtitle {
	padding: 50px 0 20px 20px;
	float: left;
}
.description {
	width: 600px;
}

.list { 
float: left;
width: 250px;
color: #666;
}

.list a {
text-decoration: underline;

}

.list a:hover { 
color: #333;
}

.list p {
color: #666666;
margin-top: 8px;
margin-bottom: 0px;
}
.see_more {
	background: url(../images/btn/see_more.png) no-repeat 0 0;
	width: 67px;
	height: 17px;
	float: left;
	text-indent: -9999px;
}
.see_more:hover {
	background: url(../images/btn/see_more.png) no-repeat 0 -17px;
}

.back {
	background: url(../images/misc/back.png) no-repeat 0 0;
	width: 67px;
	height: 17px;
	float: left;
	text-indent: -9999px;
}
.back:hover {
	background: url(../images/misc/back.png) no-repeat 0 -17px;
}
.contact_me {
	background: url(../images/btn/contact.png) no-repeat 0 0;
	width: 77px;
	height: 17px;
	float: left;
	text-indent: -9999px;
}
.contact_me:hover {
	background: url(../images/btn/contact.png) no-repeat 0 -17px;
}
#comments {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.contact_email{
	float: right; 
	margin-top: 7px;
}
.jlFull1, .jlFull2, .jlFull3, .jlFull4, .kdFull1, .kdFull2, .kdFull3, .kdFull4, .jwFull1, .jwFull2, .jwFull3, .jwFull4, .ccFull1, .ccFull2, .ccFull3, .ccFull4 {
	min-height: 650px;
}
.news1 {
	float: left;
	border-bottom: 1px solid #BFBFB5;
	padding-bottom: 13px;
	margin-top: 10px;
}
.news1_left {
	float: left;
	width: 100px;
	margin-right: 17px;
}
.news1_right {
	float: left;
	width: 793px;
}
.news_date {
	margin: -7px 0 9px 0;
	padding: 0;
	font-size: 20px;
}
.news1 h4 {
	text-transform: uppercase;
	font-size: 13px;
}