* {margin: 0;}

body { text-align:center; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#9a8a7c; line-height:16px; background-image: url(../images/bg.jpg); background-repeat: repeat; }

#wrapper { background-image: url(../images/bgbottom.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 1294px; margin: 0 auto 200px; padding: 0; }
	
#container { background-image: url(../images/td-top1.gif); background-repeat: no-repeat; padding:40px 172px; text-align:left; width: 950px; }

#fourColCont { background-image: url(../images/4_col_bg.gif); background-repeat: repeat-y; }

#threeColCont { background-image: url(../images/3_col_bg.gif); background-repeat: repeat-y; height: 1000px; margin-top: 25px; }

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#9A8A7C;
	line-height:10px;
	vertical-align:top;
}

img { border-width: 0; }

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
}


/* Typography */

h1, .columnTitle {
	color:#9b8775;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #dbd2c4;
	padding:14px 0 16px 14px;
	margin:0 0 7px;
}

.findHeading {
	color:#9a8a7c;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	border-top:1px dotted #dbd2c4;
	padding:11px 0 11px 7px;
}
.line-fine-dot { padding: 11px 0 11px 7px; border-top: 1px dotted #dbd2c4; }
h1.featuredHeading {
	border-bottom:none;
}

.titleText {
	color:#9b8775;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
}

h2.titleText {
	padding:16px 7px 14px 7px;
}

a {
	color:#2C1E24;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
}

p.aboutWork {
	margin:0 0 17px 0;
	line-height:16px;
	color:#2C1E24;
	font-size:10px;
}


/* Left Col */

#leftCol, #middleCol2, #rightCol { background:#ffffff; width: 162px; padding:0 9px 11px; float:left; margin:0 10px 0 0; }

#leftCol { margin:0 20px 0 0; padding: 14px 9px; }

#leftCol p { margin:0 7px 15px; }

.copy {
	color:#2C1E24;
	border-top:1px dotted #DBD2C4;
	padding:13px 7px 0 7px;
}


/* Main Navigation */

#nav_14623 { margin:13px 0 19px; border-top:1px dotted #dbd2c4; border-bottom:1px dotted #dbd2c4; padding:17px 7px 17px 5px; font-size:12px; text-align: left; }

#nav_14623 li { list-style:none; line-height:19px; padding:0 0 0 5px; background:transparent; text-align: left; }

#nav_14623 li a { text-decoration:none; text-align: left; padding-left: 5px; }

#nav_14623 li a:hover, #nav_14623 li.down a { text-decoration:underline; text-align: left; padding-left: 5px; }

/* SubNav */

#subNav {
	padding:0 7px 12px 14px;
	color:#2c1e24;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border-bottom:1px dotted #dbd2c4;
	font-style:italic;
	margin:-5px 0 17px;
}

#subNav ul { margin:15px 0 0; font-style:normal; padding-left: 0; }

#subNav li {
	list-style:none;
	padding:0 0 5px 0;
	background:transparent;
}

#subNav a { color:#9a8a7c; text-decoration:none; font-size:12px; padding-left: 0; }

#subNav a:hover, #subNav .down { color:#9a8a7c; text-decoration:underline; padding-left: 0; }


/* Middle Cols */

#middleCol1 {
	width:352px;
	padding:0 9px 11px 9px;
	float:left;
	margin:0 10px 0 0;
	background:#FFFFFF;
}

#doubleMiddleCol { width:542px; padding:0 9px; float:left; margin:0 10px 0 0; background:#ffffff repeat-y; }

#doubleMiddleCol p {
	margin:0 0 18px 0;
}

/* About */

.aboutPara {
	color:#2c1e24;
	font-size:12px;
	padding:0 10px 0 15px;
	line-height:20px;
}
.aboutParaIndent { color: #2c1e24; font-size: 12px; line-height: 20px; padding: 0 10px 0 35px; }
.aboutHighlight { font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif; color:#9b7e70; font-size:14px; padding:10px 12px 12px 16px; line-height:21px; background-color: #fff3f3; border: dotted 0.5pt #a39f95; }
.aboutHighlight a { color: #ac4f7b; font-size: 14px; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; line-height: 21px; background-color: #fff3f3; padding: 10px 0 12px; }
.aboutHighlight a:hover { color: #3a3838; font-size: 14px; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; line-height: 21px; background-color: #fff3f3; padding: 10px 0 12px; }
.aboutQuote{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	padding-top:13px;
	color:#2C1E24;
}

.aboutQuote a{ font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:16px; padding-top:10px; color:#2c1e24; text-decoration:underline; }



/* Content */

#content {
	width:560px;
	margin:0 0 0 29px;
	float:left;
}

#content p {
	margin:0 0 18px 0;
}

.lineBreak {
	border-bottom:1px dotted #DBD2C4;
	margin:7px 0 10px 0;
	height:1px;
}

.projectLink {
	color:#9A8A7C;
	font-size:12px;
	line-height:25px;
}

.projectLink:hover {
	color:#2C1E24;
	font-size:12px;
}

.featuredProdLink {
	font-size:12px;
	line-height:25px;
	padding:0 7px;
	display:block;
}

.featuredProdDesc {
	font-size:10px;
	line-height:14px;
	margin:0 7px 13px 7px;
}

.findUsList a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.findUsList a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

li { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 6px; list-style:none; padding:0 0 0 12px; }

.findUsList li {
	padding:2px 0 0 12px;
	font-size:11px;
	margin:0 4px;
	line-height:20px;
}

.contactPara {
	color:#2C1E24;
	font-size:11px;
	padding:5px 10px 0 10px;
	line-height:17px;
}

.contactDets {
	background:#EDE8E1;
}

.contactDets td {
	color:#2C1E24;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding:15px 5px 0 10px;
	line-height:14px;
}

.contactDets td.contactDetsLabel {
	color:#9A8A7C;
	font-style:italic;
}

.contactDets td.last {
	padding:15px 5px 15px 10px;
}


/* Contact */

.contactForm {
	margin:20px 0;
}

.contactForm td {
	padding:0 0 4px 10px;
	font-size:11px;
	vertical-align:middle;
}

.contactForm input {
	border:1px solid #CAC2BB;
	padding:2px;
	width:236px;
}

.contactForm input#catwebformbutton {
	width:76px;
	padding:0;
	border:0;
}

.contactForm textarea {
	border:1px solid #CAC2BB;
	padding:2px;
	width:429px;
	vertical-align:bottom;
}

.contactForm td.captchaCell {
	font-size:10px;
	line-height:31px;
}

.contactForm td.captchaCell input {
	border:1px solid #CAC2BB;
	padding:6px 2px;
	width:206px;
}

.contactForm td.captchaCell img {
	vertical-align:middle;
	margin:-4px 0 0 0;
}

.contactForm td.commentsCell {
	line-height:23px;
	vertical-align:bottom;
	padding:0 0 0 10px;
}

.cat_button {
	vertical-align:bottom;
}


/* Right Col */

#rightCol { float: right; margin: 0; }
.newsletter-form {
	width:160px;
	background-color: #2A1D17;
}

.newsletter-form form {
	text-align:right;
	padding:8px 10px;
}

.newsletter-form .textinput, .newsletter-form .textinputhover {
	width:126px;
	border:0;
	margin:0 0 5px 0;
	font-size:11px;
	color:#9A8A7C;
	padding:4px 7px;
}

.newsletter-form .textinputhover {
	color:#9A8A7C;
}
/* Work */

h1.workTitle {
	margin:0;
}

.workPost {
	font-size:12px;
	border-bottom:1px dotted #DBD2C4;
}
.workTitle {
	border-bottom:1px dotted #DBD2C4;
	padding:7px 0 14px 0;
	margin:0 0 10px 0;
}

h2.workTitle {
	font-size:16px;
	font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color:#2C1E24;
	display:inline;
	border-bottom:none;
	padding:0 6px 5px 5px;
}

.workType {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9A8A7C;
	padding-left:8px;
	border-left:solid 1px #DBD2C4;
}

.workPost p {
	color:#2C1E24;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 13px 18px 13px;
	line-height:19px;
}

.viewLink {
	float:right;
	color:#9A8A7C;
	font-size:12px;
	padding-right:8px;
}

.workContainer img, .workContainer p {
	margin:0 0 10px 0;
}
.workContainer {
	margin:0 0 -15px 0;
}

#doubleMiddleCol .workContainer p.workSummary {
	text-align:center;
	font-size:12px;
	margin:0;
	color:#2C1E24;
}
/* Featured Image Slider */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album { background-color: #eee; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:350px; height:320px; border:solid 1px #fff; margin:0 auto 20px; }
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:330px 0 0 0; 
list-style-type:none; 
position:relative; 
width:350px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
.list{
	list-style-type:none;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:12px;
float:left; 
text-decoration:none; 
color:#9A8A7C; 
background:#EFEBE5; 
text-align:center; 
width:22px; 
height:22px; 
line-height:20px; 
border:1px solid #fff;
margin:2px 2px 2px -12px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-330px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#DBD2C4;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#DBD2C4; 
color:#9A8A7C;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
.thumbnail{ padding: 3px 3px 8px; background-color: #fff; float: left; border: solid 1px #9b8775; margin-right: 10px; margin-bottom: 10px; }
.thumbnail1 { margin-left: 23px; }
.clearline { background-color: #fff; background-image: url(../images/bgbottom.gif); height: 200px; }