/* --------- TURPENTINE -----------------*/
/* Purpose: undo some of the default styling of common (X)HTML browsers */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,
p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
*:link,*:visited { text-decoration:none }
address { font-style:normal }


/* --------- GENERIC STYLES -------------*/

body, html { height:100%; }

html {
	font-family: verdana, arial;
	color: #333333;
	font-size: 11.5px;
}

body {
	margin: auto;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	background-color: #41566E;
}
/*h1,h2,h3,h4,h5,h6{
	padding: 5px 5px 0px 5px;
}

p {
	padding: 5px 5px 0px 5px;
	font-family: verdana, arial;
	color: #333333;
	font-size: 11.5px;
}*/

a:link, a:visited 
{color:#6E1C1C;text-decoration:none;}
a:hover, a:active
{text-decoration: underline;}

/* -------- WRAPPER ----------*/
#wrapper {
	width: 780px;
	height: 600px;
	margin: 20px auto;
	background-color: #41566E;
	vertical-align: top;
}
#top{
/*	width: 910px;*/
	height: 10px;
	background-image: url(../images/bg-top.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: transparent;
}
#topleft{
	width: 20px;
	height: 10px;
	background-image: url(../images/bg-topleft.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#topright{
	width: 20px;
	height: 10px;
	background-image: url(../images/bg-topright.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#left{
	width: 20px;
	background-image: url(../images/bg-left.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	vertical-align: top;
	background-color: #41566E;
}
#right{
	width: 20px;
	background-image: url(../images/bg-right.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	background-color: #41566E;
}	

#left-top {background: url(../images/bg-left-top.jpg) top right no-repeat;}
#right-top {background: url(../images/bg-right-top.jpg) top left no-repeat;}
#left-bot {background: url(../images/bg-leftbot.jpg) bottom right no-repeat;}
#right-bot {height: 100%; vertical-align: bottom; text-align: left;}

#bottom{
	height: 24px;
	background-image: url(../images/bg-bottom.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: top;
}
#botleft{
	width: 20px;
	height: 24px;
	background-image: url(../images/bg-botleft.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#botright{
	width: 20px;
	height: 24px;
	background-image: url(../images/bg-botright.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#page{
	vertical-align: top;
	background-color: black;
}
#page-bottom{
	width: 100%;
	height: 26px;
	vertical-align: bottom;
	background: url(../images/bg-contentbottom.jpg) repeat-x bottom;
	background-color: white;
}

/* --------- BANNER (logo & nav)----------*/
#banner{
	width: 100%;
	height: 66px;
	background: url(../images/bg-header.jpg) repeat-x top #C6CED1;
	text-align: left;
}
#banner img{
	padding: 10px 0 0 10px;
	vertical-align: middle;
}
#banner img a:link, #banner img a:visited, #banner img a:hover{
	border: none;
}

#nav{
	padding-top: 8px;
	width: 100%;
	height: 24px;
	background: url(../images/bg-nav.jpg) repeat-x top left black;
	text-align: center;
	font-family: verdana, arial;
	font-size: 13px;
	color: white;
	font-weight: bold;
}
#nav ul{
	display:inline;
	padding-left: 25px;
}
#nav li{
	display: inline;
	margin: 4px 5px;
	list-style-type: none;
	background: url(../images/bg-navseperator.gif) no-repeat;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 28px;
	padding-right: 10px;
	line-height: 20px;
}

#nav a:link, 
#nav a:visited{
	color: #912906;
	text-decoration: none;
}

#nav a:hover{
	color: white;
	text-decoration: none;
}

/*--------- SHOWCASE ----------*/
#showcase{
	width: 722px;
	height: 100%;
	height: 126px;
	padding: 15px;
	background: url(../images/bg-showcase.jpg) repeat-x top #48505B;
}
.portfolioPage #showcase{
	width: 754px;
	height: 100%;
	height: 126px;
	padding: 15px;
	background: url(../images/bg-showcase.jpg) repeat-x top #48505B;
}

.showcase-left{
	float: left;
	width: 46%;
	height: 100%;
	padding-right: 0px;
}
.showcase-right{
	float: right;
	width: 46%;
	height: 100%;
	margin-right: 0px;

}
#showcase img{
	float: right;
	vertical-align: top;
	position: relative;
	top: -5px;
	left: -5px;
}
#showcase h1 {
	margin-top: 2px;
	color: #912906;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
}
#showcase p{
	position: relative;
	top: 13px;
	width: 185px;
	height: 100px;
	color: white;
	font-size: 12px;
	margin-top: -10px; /* mysterious margin fix */
}
#showcase a:link, #showcase a:visited{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
#showcase a:hover, #showcase a:active{
	color: #C6CBD1;
	text-decoration: none;
	cursor: pointer;
}



/* --------- CONTENT DIVS -----------*/
#column-left,
#column-right{
	width: 176px;
	height: 100%;
	background-color: white;
	vertical-align: top;
}
#column-main{
	width: 100%;
	height: 100%;
	background: url(../images/bg-contenttop.jpg) repeat-x top ;
	background-color: white;
	vertical-align: top;
	border-right: 1px solid #B7BBBE;
	border-left: 1px solid #B7BBBE;
}


/*====================================
======================================
====================================*/


/* --------- MODULES ----------*/
/* ----- all module styles ----- */
.module{
	width: 175px;
	padding-bottom: 10px;
	min-height: 105px;
	background: url(../images/bg-module-1.jpg) no-repeat top;
}
.module h3, .module h4, module h5{
	height: 29px;
	margin-bottom: 0px;
	padding: 5px 0 0 8px;
	line-height: 22px;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: rgb(87, 97, 110);
	text-transform: uppercase;
}
.module h5{
	height: 15px;
	margin: 0 0 0 0px;
	padding: 7px 0 5px 5px;
	font-size: 10px;
		color: rgb(87, 97, 110);
	text-transform: capitalize;
}
.module .mod-header{ /* not used yet */
	height: 20px;
	margin: 2px 4px 0 10px;
	vertical-align: middle;
	padding: 0 0 0 0;
	font-size: 10px;
	color: rgb(87, 97, 110);
}
.module ul {
	list-style: none;
	padding: 0;
}
.module li {
	margin: 0 5px;
	padding: 0;
}
.module ul{
	margin: 0 0 10px 0;
}
.module .learnmore{
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: right;
}
.module .smalltext{
	font-size: 11px;
	line-height: 13px;
}
.module .featured{
	height: 175px;
}

/* ----- column-left module  ------ */
#column-left .module a:link, 
#column-left .module a:visited,
#column-left .module a:hover{	
		margin: 0px;
		padding: 0px 4px 5px 11px;
    color: rgb(171, 41, 15);
    text-decoration: none;
    font-weight: normal;
		font-size: 12px;
		line-height: 20px;
}
#column-left .module a:hover{
    color: rgb(204, 0, 0);
    text-decoration: underline;
}
.module p{
	padding: 0px 8px 10px 12px;
	font-size: 11px;
	line-height: 14px;
}
#column-left .module li{
	background: url(../images/bullet.jpg) no-repeat center;
	background-position: 140px;	
}
#column-left .module li:hover{
	background: url(../images/bullet-over.jpg) no-repeat center;
	background-position: 140px;	
	text-decoration: none;
}


/* ----- column-right module ----- */
#column-right .module{
		width: 176px;
	  min-height: 175px;
		margin: 0;
		padding: 0;
		background: url(../images/bg-module-1.jpg) no-repeat top;
}

#column-right ul a:hover{
	text-decoration: underline;
}
#column-right li{
	list-style-type: none;	
	margin: 0 0 10px 5px;
	color: #33333;
	font-size: 12px;
}
#column-right li a:visited{
	color: #33333;
}
#column-right .links{
	height: 100%;
	margin-bottom: 20px;
	padding-left: 4px;
}
#column-right .portfolio{
	background: url(../images/thumbnail.png) no-repeat bottom right;
	background-position: 120px 216px;
}
#column-right .services-list{
	padding: 0px 3px 5px 5px;
}
#column-right .services-list li{
	font-size: 11px; 
	margin: 10px 5px 0px 8px;
	color: #33333;
}


/* -------- Main Content -------*/
.content h1{
	height: 38px;
	margin: 10px;
	padding-left: 20px;
	font-family: verdana, arial;
	font-size: 14px;
	color: #6E1C1C;
	background: url(../images/bg-h1.jpg) no-repeat bottom;
	background-position: 0px -8px;
}
.main-content h2{
	width: 358px;
	margin: 10px;
	font-famly: 
}
.main-content p{
	margin: 0 20x 10px 0px;
	padding-left: 25px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #33333;
	line-height: 15px;
}
.pathway{
	padding: 7px 0;
	font-size: 12px;
	text-indent: 5px;
	text-transform:	uppercase;
	color: rgb(87, 97, 110);
}
.grabberbox{
	float: right;
	margin: 5px;
	padding: 5px;
}


/* ---------- FOOTER ----------- */
#footer{
	float: right;
	padding-bottom: 15px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #686b73;
}

/* ---------- TOOLS ----------- */
.clear{	clear: both; }
.nopad{	padding:0; }
.nohover a:hover { cursor: default; text-decoration: none; }
.text-right { text-align: right; }



/*-------------------------------------------
----------- PAGE SPECIFIC ELEMENTS ----------
-------------------------------------------*/
/* --- holiday insert--- */
.holiday{
	position: relative;
	bottom: 29px;
	left: 401px;
}

/* --- contact form --- */
#form-contact{
	margin: 10px 0px 5px 15px;
	background-color:  white;
}

/* PORTFOLIO DETAIL */
#portdetail {margin-top: 15px; padding-right:15px; padding-bottom:20px; padding-left:15px; font-size:85%; }

#portdetail th.lft {Width: 85px; padding:4px 2px 3px 2px; border-left:1px solid #7F7D7E; font-weight:normal;  text-align:right; vertical-align:top; }
#portdetail th.bl {padding:4px 2px 8px 7px; text-align:right; font-weight:normal; border:none; background:  url(../images/boxes/bl.gif) no-repeat left bottom; vertical-align:top; }
#portdetail th.top {margin:0; height:18px; padding-left:6px; padding-top:6px;
										background:#EFEFEF url(../images/boxes/tp_sitedetail.gif) no-repeat; border-bottom:1px solid #7F7D7E;  
										text-align:left; font-weight:bold; font-size:12px; color:#7F7D7E; font-family:Verdana,Arial, Helvetica, sans-serif; }

#portdetail td {padding:4px 2px 3px 7px; vertical-align:top; }
#portdetail td.rt {Width: 290px; padding-right:10px; border-right:1px solid #7F7D7E; vertical-align:top; }
#portdetail td.br {padding:4px 2px 8px 7px; border-right:1px solid #7F7D7E; border:none; background:  url(../images/boxes/br.gif) no-repeat right bottom; }

#portdetail th.lft, #portdetail td.rt, #portdetail th.bl, #portdetail td.br { border-top: 1px dashed #DFDFDF; }
#portdetail td.pic {border-left:1px solid #7F7D7E; border-right:1px solid #7F7D7E; text-align:center; }


/* PORTFOLIO INFO LIST */
#infolist {padding-right:5px; padding-left:15px; font-size:85%; }

#infolist th, #infolist td {padding:4px 2px 3px 7px;  vertical-align:top; border-bottom:1px dashed #DFDFDF;}
#infolist td { padding-right: 13px; }
#infolist .tpl, #infolist .mid, #infolist .tpr, #infolist .tpl_long { font-size:11px; color:#7F7D7E; padding-bottom:0;}
#infolist th.tpl {height:20px; background:  url(../images/boxes/tl.gif) no-repeat; border-bottom:1px solid #7F7D7E; text-align:left; }
#infolist th.tpl_long {height:20px; background:  url(../images/boxes/tl_long.gif) no-repeat; border-bottom:1px solid #7F7D7E; text-align:left; }
#infolist th.mid {height:20px; background:  url(../images/boxes/md_tp_bg.gif) repeat-x; border-bottom:1px solid #7F7D7E; text-align:left; }
#infolist th.tpr {height:20px; padding-right:10px; background:  url(../images/boxes/tr.gif) no-repeat; border-bottom:1px solid #7F7D7E; background-position:right top; text-align:right; }

#infolist th.lft {border-left:1px solid #7F7D7E; text-align:left; font-weight:normal;}
#infolist th.bl {border:none; background:  url(../images/boxes/bl.gif) no-repeat left bottom; font-weight:normal; text-align:left; }
#infolist th.bl_long {border:none; background:  url(../images/boxes/bl_long.gif) no-repeat left bottom; text-align:left; font-weight:normal; }
#infolist td.bmid {border-bottom:1px solid #7F7D7E;} 
#infolist td.rt {border-right:1px solid #7F7D7E; text-align:right;} 
#infolist .br {border:none; background:  url(../images/boxes/br.gif) no-repeat right bottom; text-align:right; }

#infolist img {padding-right:4px; height:18px; width:18px;}
#infolist strong {font-size:130%; font-weight:bold; color: #666;}

#infolist a:link, #infolist a:hover, #infolist a:visited { font-weight: bold }


/* ---------------------------------------
           MISCELLANEOUS STYLES 
------------------------------------------*/
#kitchen-sink {
/* box positioning & structure */
	position: ;
	float: ;
	margin: ;
	width: ;
	height: ;
	
/* box styles */
	display: ;
	border: ;
	background: ;
	
/* content positioning & structure */
	padding: ; 
	vertical-alignment: ; 
	text-alignment: ; 
	line-height: ;
	text-indent: ;
		
/* content styles */
	color: ;
	font-size: ;
	font-weight: ;
	font-family: ;
	text-transform: ;
	list-style-type: ;
}

.services-list li{ color: #33333; }