/* **************** CSS RESET ************* */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ****************** END CSS RESET ******************** */


/* FONT STUFF */

body											{ font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 1.5; background: white; color: black; }
h1, h2, h3, h4, h5, h6							{ font-family: Century Gothic, Apple Gothic, sans-serif; line-height: 1.2; color:#666;}
h4, h5, h6										{ font-weight: bold; }
b, strong, th, thead, dt, legend				{ font-weight: bold; }
caption, cite, dfn, em, i						{ font-style: italic; }
code, kbd, samp, pre, tt, var					{ font-family: mono-space, monospace; }
h1, h2, h3, h4, h5, h6							{ word-spacing: -0.125em; }
p												{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p												{ margin: 18px 0 0 0; }
p+p.no-indent									{ text-indent: 0; }


h1, h2, h3, h4, h5, h6				{ position: relative; }
h1								{ line-height: 36px;}
h2								{ line-height: 36px; margin-bottom: 4px;}
h1, h2, h3, h4						{ margin-top: 18px;}
h3, h4, h5, h6						{ line-height: 18px; }
h1									{ font-size: 36px; top: 0; }
h2									{ font-size: 28px; top: 0; }
h3									{ font-size: 22px; top: 1px; }
h4									{ font-size: 18px; top: 2px; }
h5									{ font-size: 15px; top: 4px; word-spacing: -0.13em;}
h6									{ font-size: 13px; top: 5px; }

p, pre, address						{ font-size: 13px; line-height: 18px; position: relative; top: 0; }
abbr, code, kbd,
samp, small, var					{ line-height: 15px; }
ul, ol, dl, dialog					{ font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 0; margin-bottom: 18px;}
li ul, li ol						{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p								{ top: 0; }
form, legend, label					{ font-size: 13px; line-height: 18px; }
legend								{ position: relative; top: 5px; }
input, textarea						{ font-size: 12px; }


h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child						{ margin-top: 0; }


.quote_short, .quote_long {
	margin: 0 0 0 0;
	color: #82a56a;
}

.quote_short {
padding-bottom: 6px;
}

.date {
	color: #999;
	margin: 0; padding: 4px 0;

	font-size: 10px; line-height: 18px;
}

li {
	font-weight: bold;
}

#left_left_col li, #left_right_col li{
	font-weight: normal;
	color: #666;
}



/* END FONT STUFF */


a img {border:none;}

a {
	text-decoration: none; color: #000; font-weight: bold;
}

a:hover {
	color: #82a56a; 
}



#top {
	background: url(../images/stripe.jpg) repeat-x top center;
	width: 100%;
	height: 53px;
	z-index: 3;
	position: absolute;
}

#wrapper {
  width: 960px;
  margin: 36px auto;
  padding: 17px 0;
  background-color: #f3f3f3;
z-index: 3;
position: absolute;
left: 50%;
margin-left: -480px;


	-moz-box-shadow: 10px 10px 15px #bfbfbf;
	-webkit-box-shadow: 10px 10px 15px #bfbfbf;
	box-shadow: 10px 10px 15px #bfbfbf;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#bfbfbf')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#bfbfbf');

}


#page {
        z-index: 2;
        position: absolute;
        left: 50%;

  width: 960px;
  margin: 36px auto;
  padding: 17px 0;
  background: #f3f3f3;
border: 1px solid red;
margin-left: -480px;
}





#header {
	height: 90px;
	margin: 0 10px; padding: 0;
	position: relative;
	top: 0px;
	border-bottom: 2px solid #000;
 }





 
 
#footer {
width: 940px;
float: left;
	text-align: left;
	margin: 0 10px;
	height: 126px;
	border-bottom: 2px solid #000;
}


/* START NAV */
#logo {
margin: 0; padding: 0;
	clear: both;
	float: left;
	width: 290px;
}

#logo a {display: block;
	height: 72px;
	text-indent: -9999px;
	background: url(../images/pixelated_logo_sm.gif) top left no-repeat;
}

.logo {
margin: 0; padding: 0;
	clear: both;
	float: left;
	width: 290px;
}

.logo a {display: block;
	height: 72px;
	text-indent: -9999px;
	background: url(../images/pixelated_logo_sm.gif) top left no-repeat;
}

.nav {
	width: 526px;
	height: 18px;
	background: url(../images/nav.gif) no-repeat;
	position: absolute;
	top: 38px;
	left: 424px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 18px;
	text-indent: -9000px;
	overflow: hidden;
}

	
	.nav .work a:link, .nav .work a:visited {
		left: 0;
		width: 125px;
	}
	.nav .work a:hover, .nav .work a:focus {
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	.nav .work a:active {
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	.current-work .work a:link, .current-work .work a:visited {
		background: url(../images/nav.gif) no-repeat 0 -18px;
		cursor: pointer;
	}
	.nav-work, .nav-work-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 125px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	.nav-work-click {
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	
	
	
	.nav .about a:link, .nav .about a:visited {
	left: 125px;
	width: 130px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	.nav .about a:active {
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	.current-about .work a:link, .current-about .about a:visited {
		background: url(../images/nav.gif) no-repeat -125px -18px;
		cursor: pointer;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 125px;
		width: 130px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	.nav-about-click {
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	
	
	
	.nav .news a:link, .nav .news a:visited {
	left: 255px;
	width: 170px;
	}
	.nav .news a:hover, .nav .news a:focus {
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}
	.nav .odds a:active {
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}
	.current-news .work a:link, .current-news .news a:visited {
		background: url(../images/nav.gif) no-repeat -255px -18px;
		cursor: pointer;
	}
	.nav-news, .nav-news-click {
		position: absolute;
		top: 0;
		left: 255px;
		width: 170px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}
	.nav-news-click {
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}	
	
	
	
	.nav .contact a:link, .nav .contact a:visited {
	left: 425px;
	width: 101px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}
	.nav .contact a:active {
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}
	.current-contact .work a:link, .current-contact .contact a:visited {
		background: url(../images/nav.gif) no-repeat -425px -18px;
		cursor: pointer;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 425px;
		width: 101px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}
	.nav-contact-click {
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}	
	
	
/* END NAV */


.work_cat_nav {

	width: 950px;
	height: 18px;
	float: left;
	text-align: right;
	
	letter-spacing: -1px;
	margin-top: 17px;
}


.work_cat_nav li {
	display: inline;
	margin: 0 10px 0 40px;
	font-weight: normal;
	color: #666;
}

.selected a {
	color: #82a56a;
}


.footer_nav {
	width: 526px;
	height: 18px;
	background: url(../images/nav.gif) no-repeat;
	position: relative;
	top: 46px;
	left: 424px;
}
.footer_nav li {
	display: inline;
}
.footer_nav li a:link, .footer_nav li a:visited {
	position: absolute;
	top: 0;
	height: 18px;
	text-indent: -9000px;
	overflow: hidden;
}


	.footer_nav .work a:link, .footer_nav .work a:visited {
		left: 0;
		width: 125px;
	}
	.footer_nav .work a:hover, .footer_nav .work a:focus {
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	.footer_nav .work a:active {
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	.current-work .work a:link, .current-work .work a:visited {
		background: url(../images/nav.gif) no-repeat 0 -18px;
		cursor: pointer;
	}
	.footer_nav-work, .footer_nav-work-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 125px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	.footer_nav-work-click {
		background: url(../images/nav.gif) no-repeat 0 -18px;
	}
	
	
	
	.footer_nav .about a:link, .footer_nav .about a:visited {
	left: 125px;
	width: 130px;
	}
	.footer_nav .about a:hover, .footer_nav .about a:focus {
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	.footer_nav .about a:active {
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/nav.gif) no-repeat -125px -18px;
		cursor: pointer;
	}
	.footer_nav-about, .footer_nav-about-click {
		position: absolute;
		top: 0;
		left: 125px;
		width: 130px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}
	.footer_nav-about-click {
		background: url(../images/nav.gif) no-repeat -125px -18px;
	}

	
	
	
	.footer_nav .news a:link, .footer_nav .news a:visited {
	left: 255px;
	width: 170px;
	}
	.footer_nav .news a:hover, .footer_nav .news a:focus {
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}
	.footer_nav .news a:active {
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}
	.current-news .news a:link, .current-news .news a:visited {
		background: url(../images/nav.gif) no-repeat -255px -18px;
		cursor: pointer;
	}
	.footer_nav-news, .footer_nav-news-click {
		position: absolute;
		top: 0;
		left: 255px;
		width: 170px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}
	.footer_nav-news-click {
		background: url(../images/nav.gif) no-repeat -255px -18px;
	}	
	
	
	.footer_nav .contact a:link, .footer_nav .contact a:visited {
	left: 425px;
	width: 101px;
	}
	.footer_nav .contact a:hover, .footer_nav .contact a:focus {
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}
	.footer_nav .contact a:active {
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/nav.gif) no-repeat -425px -18px;
		cursor: pointer;
	}
	.footer_nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 425px;
		width: 101px;
		height: 18px;
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}
	.footer_nav-contact-click {
		background: url(../images/nav.gif) no-repeat -425px -18px;
	}	
	
	
	
/* END NAV */














#welcome {
	float: left;
	margin: 18px 10px 0 10px;
	width: 520px;
	height: 198px;
}

#welcome p {padding-top: 4px;}

#pixelated_slideshow {
	float: left;
	margin: 18px 10px 10px 10px;
	width: 940px;
	height: 432px;
}

#telly {
	float: left;
	margin: 18px 10px 10px 10px;
	width: 398px;
	height: 198px;
}



.line {
	color: #000;
 	background-color: #000;
 	height: 2px;
 	margin: 9px 10px 0 10px;
 	border: 0;
}


#full_col {

float: left;
margin: 18px 10px 12px 10px;
}


#left_col {
float: left;
width: 370px;

}

#left_left_col {
float: left;
width: 110px;
padding: 0 10px;
margin-top: 18px;
}

#left_right_col {
float: left;
width: 220px;
margin-top: 18px;
}

#left_left_col a, #left_right_col a {
	font-weight: normal;
}

.work_detail_left {
	width: 280px;
	margin: 0 0 0 18px;
}

.work_detail_left ul {margin: -13px 0 25px 0;}

#full_col_left {
float: left;
margin: 18px 0;
}

.full_col_work {
	clear: both;
	margin: 0;
}
		
.boxgrid{
	width: 220px;
	height: 126px;
	margin: 18px 10px;
	float:left;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}		
		
.boxcaption{
	float: left;
	position: absolute;
	background: #779d5c;
	height: 126px;
	width: 100%;
	cursor: pointer;
	opacity: .9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 	}

 .caption .boxcaption {
 	top: 90px;
 	left: 0;
 }
 
 .boxcaption p {
 	color: #fff; margin: 5px; padding: 0;
 }

 .boxcaption h6 {
 	color: #000; margin: 5px 5px 10px 5px;
 }
 
 .boxcaption a {
 display: block;
 color: #fff;
 text-decoration: none;
 font-weight: normal;
 }


 .image {
 	margin: 9px 0;
 }

 hr {
 	color: #000;
 	background-color: #000;
 	height: 2px;
 	margin: 8px 0;
 	border: 0;
 }

#left_left_col hr {margin: -1px;}
 
 .comment_odd {
 	color: #fff;
 	padding: 9px 10px 36px 10px;
 	margin-top: 18px;
 	background:#666666 url(../images/comment.gif) bottom left no-repeat;
 }
 
 .comment_odd :first-child {
 	margin-top: 0;
 }
 
  .comment_even {
 	color: #fff;
 	padding: 9px 10px 36px 10px;
 	margin-top: 18px;
 	background:#999999 url(../images/comment2.gif) bottom left no-repeat;
 }
 
 .comment_author {
 	color: #fff;
 	padding: 9px 10px 36px 10px;
 	margin-top: 18px;
 	background:#779d5c url(../images/comment3.gif) bottom left no-repeat;
 }
 

 
 
 #social_bookmarks li {
	display: inline;
	margin: 100px 40px 0 0;
}
 
.mail_icon {
	margin: 20px 0 0 10px;
	padding: 0 0 0 60px;
	background: url(../images/mail_icon.gif) top left no-repeat;
}

.phone_icon {
	margin: 20px 0 0 10px;
	padding: 0 0 0 60px;
	background: url(../images/phone_icon.gif) top left no-repeat;
}

.facebook_icon {
	margin: 20px 0 0 10px;
	padding: 0 0 0 60px;
	background: url(../images/facebook_icon.png) top left no-repeat;
}

#main_col {
float: left;
	width: 580px;
	margin: 0 0 0 0;
}


#main_col h1 {margin: 0; padding: 0;}

#main_col h2 {margin: -8px 0 0 0; padding: 0;}

#main_col h3 {margin-top: 11px;}

#main_col_pad {
margin: 20px 0 0 20px;
}

#main_col a {
	color: #82a56a;
}


 .comment_author a, .comment_author a:visited {color:#fff;}
 
 .comment_author a:hover {color:#fff;}



















#cname, #cphone, #cemail, #curl, #ccomment, #cattach, #submit{
	background-color: #fcfcfc;
	border: 1px solid #666;
	color: #485a6d;
}


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

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;

	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #779d5c;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }



label { width: 10em; float: left; }
label.error { float: none; color: #779d5c; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }





		
		





#browse {
margin: 0 0 0 10px;
background-color: #fcfcfc;
border: 1px solid #666;}



.pics { height: 324px; width: 580px; padding:0; margin:0; overflow: hidden }



#logo_bg{
			margin:0px auto;
			height:126px;
			width:162px;
			top:90px;
			z-index: 3;
			background: #000;
			position:absolute;
		}


		
#overlay {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	padding: 10px;
	background: #000;
	width: 100%;

	z-index:4;
}

fieldset {
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border:solid 1px #333;
}
fieldset * {
	text-align: left;
}
legend {
	color: #fc0;
	cursor: pointer;
	display: block;	
}

#control {
	text-align: center;
}
#control a {
	font-weight: bold;
	padding: 5px;
}

#thumbs, #thumbs1, #thumbs2 {
	text-align: center;
}
#thumbs a, #thumbs1 a, #thumbs2 a {
	display: block;
	line-height: 22px;
	float: left;
	width: 22px; 
	height: 22px;
}

#transition {
	width:100%;
}

#showtitle {
	z-index: 3;
	position: absolute;
	padding:18px;
	width:324px;
	top:90px;
	right: 0px;
	background: #000;
	display: none;
	color: #fff;

}

#title_bg{
			margin:0 auto;
			top:90px;
			left: 180px;
			z-index: 5;
			background: #000;
			position:absolute;
		}
		
#title_bg h2{
			padding: 18px;
			color: #fff;
		}

.hj_social_bookmarks {width: 80px; float: right; margin: -5px 0 18px 0;}
		
.hj_social_bookmarks li {display: inline;}