/*

	1312 vs. Evolution Print
	

	written by Mike "1312" (mike_at_welovetheweb.com)

	for We love the web ltd. (http://www.welovetheweb.com)
	
	design by The Designers Republic (http://www.thedesignersrepublic.com/)
	

	ie psuedo classes from:
	http://www.vladdy.net/Demos/IEPseudoClassesFix.html
	
		
	the release of IE7 has made the simple world of ff/ie6 on a pc a bit more nightmareish
	ie 7 in css hack detailed in the "in-css hacks" section of
	http://www.webdevout.net/articles/css_hacks.php

*/

body {
	background-color: #fffde9;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 63%;
	color: #231f20;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
	/* for ie6 */
	* body {
		margin-bottom: 66px;
	}
	/* for ie7/ff */
	html > body {
		margin-bottom: 0px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ layouts */

div#evolutionPrint {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	width: 630px;
	position: relative;
	/*border-bottom: 2px solid #f7ae9b;
	border-bottom: 1px solid #ff3333;*/
	margin-bottom: 66px;
}

	div#top {
		border-top: 2px solid #f7ae9b;
		border-top: 1px solid #ff3333;	
		margin-top: 24px;
		width: 630px;
	}
	.home div#top {
		background:url(../images/winnerStickers.gif) 370px 6px no-repeat;
	}
	
	div.contentBlock {
		border-top: 2px solid #f7ae9b;
		border-top: 1px solid #ff3333;		
		position: relative;
		margin-bottom: 36px;
		width: 630px;
	}
		div.contentBlock div.subNav {
			display: inline;
			float: left;
			width: 198px;
			margin: 0px 0px 0px 62px;
		}
		
		div.contentBlock div.content {
			display: inline;
			float: left;
			width: 352px;
			margin: 0px;
		}
	
	div#circle {
		position: absolute;
		top: -38px;
		left: 44px;
	}
		div#circle-home {
			position: absolute;
			top: -18px;
			left: 24px;
		}
		
div#slide {
	width:768px;
	height:596px;
	float:left;
	margin:35px 0 35px 0;
}
	
	div#gallery {
		/*
		width: 630px;
		padding-left: 18px;
		margin-bottom: -18px;
		*/
		width: 352px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general styles */

a {
	color: #231f20;
	text-decoration: none;
}

a:hover {
	color: #f7ae9b;
	color: #ff3333;	
}

:focus {
  -moz-outline-style: none;
}

h1, h2, h3, h4, p, ul {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	line-height: 1.3em;
}

abbr {
	border: 0 none;
	font-size: 0.8em;
	text-transform: uppercase;
}

img {
	border: 0 none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ classes */

.floatLeft {
	float: left;
	text-align: left;
}
.floatRight {
	float: right;
	text-align: right;
}

.floatClear {
	margin: -1px -1px 0px 0px;
	width: 1px;
	height: 1px;
	clear: both;
}

div.hr { clear: both; }
	div.hr hr { display: none; }
	
.hide {
	display: none;
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ div specific styles */

#top h1 {
	width: 86px;
	height: 12px;
	text-indent: -100em;
	display: inline;
	float: left;
	width: 249px;
	margin: 6px 0px 0px 11px;
}
	#top > h1 {
		width: 233px;
	}
	#top>/**/h1 {
		width: 249px;
	}
	#top h1 a {
		width: 86px;
		height: 12px;
		background: url("/img/evolutionPrint-logo.gif") no-repeat left top;
		display: block;
	}
	
#top h2, #top h3 {
	display: none;
}

#top ul {
	display: inline;
	float: left;
	width: 352px;
	list-style-type: none;
	margin: 6px 0px 10px 0px;
	position: relative;
	padding: 0px;
}
	
	#top ul li {
		margin: 0px;
		padding: 0px;
		width: 90px;
	}
		/* for ie 6 */
		* #top ul li {
			margin-left: -18px;
		}
		/* for ie7/ff */
		#top ul > li {
			margin-left: 0px;
		}
		
		#top ul li a {
			padding-left: 18px;
		}
		#top ul li.current a {
			color: #f7ae9b;
			color: #ff3333;	
		}
		#top ul li ul {
			position: absolute;
			left: 96px;
			top: -6px;
			font-size: 1.0em;
			width: 262px;
		}
			#top ul li ul li {
				width: 250px;
			}
				#top ul li ul li a { 
					color: #f7ae9b;
					color: #ff3333;
				}
				#top ul li ul li a:hover { 
					color: #231f20;
				}
				#top ul li ul li.current a { 
					color: #f7ae9b;
					color: #ff3333;
					background: url("/img/arrow.gif") no-repeat 0em 0.25em;
				}
		
#top ul.socLinks {
	display: inline;
	float: right;
	width: 352px;
	list-style-type: none;
	margin: 0 0px 15px 0px;
	position: relative;
	padding: 0px;
}
	#top ul.socLinks li {
		float:left;	
		width:20px;
	}
	#top ul.socLinks li a {
		padding-left: 0;
		float:left !important;
		margin-right:5px;
	}
	/* for ie 6 */
		* #top ul.socLinks li {
			margin-left: 0;
		}
		/* for ie7/ff */
		#top ul.socLinks > li {
			margin-left: 0px;
		}

div.contentBlock h2, div.contentBlock h3, div.contentBlock h4, div.contentBlock p {
	padding-left: 18px;
	margin-top: 18px;
}

div.contentBlock h2 {
	margin-top: 9px;
}

div.contentBlock div.subNav h4 {
	display: none;
}

div.contentBlock div.subNav ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
	div.contentBlock div.subNav ul li {
		margin: 0px;
		padding: 0px;
	}
	
	div.contentBlock div.subNav ul li a {
		padding-left: 18px;
	}
	
	div.contentBlock div.subNav ul li.current a {
		background: url("/img/arrow.gif") no-repeat 0em 0.25em;
		color: #f7ae9b;
		color: #ff3333;	
	}

div.contentBlock div.content ul {
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
}
	div.contentBlock div.content li {
		margin: 0px;
		padding: 0px;
	}
	
div.contentBlock div.content ul.subNav {
	list-style-type: none;
	margin-top: 9px;
	padding-left: 0px;
}
	div.contentBlock div.content ul li a {
		padding-left: 18px;
	}
	div.contentBlock div.content ul li.current a {
		background: url("/img/arrow.gif") no-repeat 0em 0.25em;
		color: #f7ae9b;
		color: #ff3333;	
	}

div.contentBlock div.content img {
	float: right;
}

div.contentBlock div.news h4, div.contentBlock div.news p {
	width: 236px;
	color: #f7ae9b;
	color: #ff3333;	
}

div.contentBlock div.contact img {
	width: 334px;
	height: 334px;
	background: #eee;
	margin-top: 18px;
}

div.contentBlock div.aboutUs h2 {
	color: #f7ae9b;
	color: #ff3333;
}
div.contentBlock div.services h2 {
	color: #f7ae9b;
	color: #ff3333;
	margin-bottom: 0px;
}
div.contentBlock div.gallery h2 {
	margin-bottom: -18px;
}
div.contentBlock div.gallery h3 {
	margin-bottom: 0px;
}
div.contentBlock div.gallery h4 {
	margin-top: 0px;
	margin-bottom: 18px;
}
div.contentBlock div.gallery ul {
	list-style-type: none;
	margin: 0;
	margin-top: 36px;
}
	div.contentBlock div.gallery ul li {
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
		margin-right: 4px;
	}
	div.contentBlock div.gallery ul li a {
		margin: 0px;
		padding: 0px;
		height: 44px;		
		background: none;
	}
		div.contentBlock div.gallery ul li a:hover, div.contentBlock div.gallery ul li.current a {
			background: none;	
		}
		div.contentBlock div.gallery ul li a img {			
			padding: 0px;
			border: 1px solid #fff;
			width: 35px;
		}
			div.contentBlock div.gallery ul li a:hover img, div.contentBlock div.gallery ul li.current a img {
				border: 1px solid #f7ae9b;
				border: 1px solid #ff3333;
			}
			
			div.contentBlock div.gallery ul li a:focus {}
			
			div.contentBlock div.gallery ul li a:focus img {}
			
	div.contentBlock div.gallery ul li img {
		float: none;
		margin: 0;
		padding: 0;
	}

div.contentBlock a.pdf {
	background: url("/img/icon-pdf.gif") no-repeat left top;
	padding-left: 22px;
	padding-top: 2px;
}

div.contentBlock div.contact p {
	margin-top: 0.2em;
}
div.contentBlock div.contact h3.alt1, div.contentBlock div.contact h3.alt2, div.contentBlock div.contact h3.alt3 {
	margin-bottom: 0em;
	display: inline;
	padding-left: 0px;
	margin-left: 18px;
}
	div.contentBlock div.contact h3.alt1 {
		border-bottom: 1px solid #093;
	}
	div.contentBlock div.contact h3.alt2 {
		border-bottom: 1px solid #09c;
	}
	div.contentBlock div.contact h3.alt3 {
		border-bottom: 1px solid #c06;
	}
	
.alt {
	color: #f7ae9b;
	color: #ff3333;
}
	#galleryTitle .alt, #galleryClient .alt {
		display: -moz-inline-box;
		display: inline-block;
		width: 60px;
	}