/* Will we need an IE6 trans PNG fix? http://labs.unitinteractive.com/unitpngfix.php */

/* RESET? Seems like a trendy thing to do*/
 
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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

body {
	line-height: 1;
	color: black;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
	table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
} 


/* div{margin:0;padding:0;}
a:link {text-decoration: none; border: 0px; color:#333;}
a:hover {text-decoration: none; border: 0px;  color:#333;}
a:visited {text-decoration: none;  border: 0px; color:#333;}
ul {list-style: none; margin: 0px;  border: 0px; padding: 0px;}
a img {text-decoration: none; border: 0px;}
a:link img{text-decoration: none; border: 0px;} */

.hidden 
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}

body {
	margin:0;
	padding:0;
	background: url(../images/structure/paper-bkgd.jpg); 
}
#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}
#active2 #tab2,
#active3 #tab3,
#active4 #tab4,
#active5 #tab5 {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#footer {
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	margin-left:2%;
	padding-right:2%;
}

#top, #bottom, #left, #right {
	background: #C22217;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 10px;
		}
		#left { left: 0; }
		#right { right: 0; }

	#top, #bottom {
		left: 0; right: 0;
		height: 10px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

/* Header */
#header {
	clear:left;
	width:900px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background:url(../images/structure/header-background-trans.png) no-repeat center top; 
}
#page-container{
	width: 900px;
	clear: both;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	}



/* Start of Column CSS */
#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background: url(../images/structure/PortfolioScoop-trans.png) no-repeat 400px top;  /* column 3 background colour */
	}

#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:60%;
	background-color: none; /* column 2 background colour */
	border-right: 1px dotted #D7AF92;
	}

#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	background-color: none; /* column 1 background colour */
	border-right: 1px dotted #D7AF92;
	border-left: 1px dotted #D7AF92;
	}
	
#col1 {
	float:left;
	width:23%;
	position:relative;
	left:101%;
	overflow:hidden;
	}
	
#col2 {
	float:left;
	width:13%;
	position:relative;
	left:63%;
	overflow:hidden;
	}
	
#col3 {
	float:left;
	width:58%;
	position:relative;
	left:90%;
	overflow:hidden;
	}

/* Classes */

.service-title{
	color: #C22217;
	text-transform: uppercase;
	font-size: 10.5px !important;
	font-family: Helvetiker;
	letter-spacing: 1pt;
	}

.service-description{
	color: #444;
	font-size: 11px !important;
	line-height: 1.1em;
	font-family: Helvetiker;
	}
	
.service-introduction{
	color: #C22217;
	font-size: 11px !important;
	line-height: 1.1em;
	font-family: Helvetiker;
	padding: 0px 3px 14px 3px;
	}

	
#portfolio{
	width: 100%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	}

.portfolio ul{
	margin: 0px 0px 0px 0px;
	} 


.portfolio li{
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	position: relative;
	} 

.portfolio img{
	border-bottom: 3px solid #D6C19C;
	border-top: 1px solid #F8EFD4;
	border-left: 1px solid #F8EFD4;
	border-right: 1px solid #F8EFD4;
	}
	
img.square{
	border: none;
	background: url(../images/structure/portfolio_shadow-trans.png) no-repeat bottom center;
	margin-right: 20px;
	}
	
img.horizontal{
	height: 100px;
	margin-right: 7px;
	}

img.vertical{
	height: 150px;
	margin-right: 7px;
	background: url(../images/structure/portfolio_shadow-trans.png) no-repeat bottom center;
	}


.no-border{
	border: 0px;
	}

.portfolio .preview{
	border-color: #000;
	}

.service-list{
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin:0px;
	
	}

.service-list ul,{
	text-indent: 0px;
	list-style: none;
	text-align: center;
	padding-bottom: 25px;
	}

.service-list li{
	text-indent: 0px;
	color: #444;
	line-height: 2em;
	font-size: 12px !important;
	font-family: Helvetiker;
	letter-spacing: 1pt;
	text-transform: uppercase;

}

.bullets-services{
	margin: 2px;
	padding: 4px 2px 1px 2px;
	}


.logo{
	text-align: right;
	padding-bottom: 40px;
	}

.nav-portfolio-vertical{
	float: left;
	width: 100%;
	position:relative; Top: 0px; left: 0px;
	margin-right: 20px;
	}
	
.nav-portfolio-horizontal{
	float: left;
	width: 100%;
	position:relative; Top: 0px; left: 0px;
	}
	
.nav-portfolio-square{
	float: left;
	width: 100%;
	position:relative; Top: 0px; left: 0px;
	}

a.navigation-panels-left, a.navigation-panels-right{
	float: left;
	padding: 0px;
	margin: 2px;
	}


#mailform{
 padding: 15px;
 }
 
 
input.send-btn {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 70px;
	height: 22px;
	text-align: center;
	color: #C22217;
	text-transform: uppercase;
	font-size: 10.5px !important;
	letter-spacing: 1pt;
 	background: url(../images/structure/send-btn.gif) no-repeat;
 	border: none;
	outline: none;
}

input.send-btn:hover {
	background: url(../images/structure/send-btn.gif) no-repeat 0 -22px;
}