@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design by J Hogue at Highchair designhaus 


XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
body {
	font-size: 75%; /* 12 px */
	line-height: 1.625; 
	background-color: #fff;
	color: #333;
}

img, img a, a img { border: none; }
a { text-decoration: none; color: #330; }
a:hover { text-decoration: underline; color: #333; }
:active { outline: none; }

div.clearit { clear: both; }
div.clearright { clear: right; }

#everyoneneedsawrapper {
	width: 880px;
	margin: 0 auto 20px auto;
}

/* ! - - - Constant CSS for all pages - - - */
	#header {
		background: transparent top right no-repeat url("../cssimages/header_back.png"); 
		padding: 0 0 5px 230px;
	}
		#header a#home { 
			display: block; 
			width: 420px; 
			height: 40px; 
			padding: 0; 
			margin: 60px 0 20px 120px; 
			text-align: right; 
		}
		#header h1, #header h2 {
			font-size: 1em;
			position: relative;
			left: -9999em;
			margin: 0 0 -32px 0; 
		}
		#header #mainmenu {
			margin: 10px 80px 0 0;
			height: 20px; 
		}
		#mainmenu a { 
			display: block; 
			float: left; 
			padding: 0 6px 0 0; 
			height: 17px; 
			background-repeat: no-repeat; 
			background-position: 0px 0px; 
			background-color: transparent; 
		}
			#mainmenu a#aboutus { width: 70px; background-image: url("../cssimages/aboutus.png"); }
			#mainmenu a#projects { width: 67px; background-image: url("../cssimages/projects.png"); }
			#mainmenu a#gallery { width: 62px; background-image: url("../cssimages/gallery.png"); }
			#mainmenu a#news { width: 41px; background-image: url("../cssimages/news.png"); }
			#mainmenu a#blog { width: 38px; background-image: url("../cssimages/blog.png"); }
			#mainmenu a#contact { width: 65px; background-image: url("../cssimages/contact.png"); }
			#mainmenu a:hover { background-position: 0px -21px; }
			#mainmenu a.menuon { background-position: 0px -21px; }
			#mainmenu a.menuon:hover { background-position: 0px -21px; }
	#content {
		text-align: left;
	}
		#right {
			float: right; 
			width: 320px; 
			text-align: left;
		}
		body#blog #right, body#portfolio_template #right {
			float: left; 
			width: 642px; 
		}
		#left {
			float: left; 
			width: 220px; 
			min-height: 100px; 
			margin: 0 10px 0 0;
			text-align: right;
		}
			#text {
				background-color: #ddc; /* light tan */
				padding: 8px 10px; 
			}
				#text ul, #text ol { padding-left: .84em; }
				#text a { color: #900; }
				#text a:hover { color: #000; text-decoration: underline; }
			ul { list-style-type: square; }
			p, ul, ol, dl, address { padding-bottom: .75em; }
			blockquote { 
				border-left: 1px solid #900; 
				padding: 0 0 0 12px; 
				margin-bottom: 8px;
				font-style: italic; 
			}
				blockquote p { padding: 0; }
			h1 {
				font: italic 1.5em/2em Georgia, "Times New Roman", Times, serif; 
				color: #900;
				padding: 0 0 12px 0;
			}
			h2 {
				font: normal 1.34em/2em Georgia, "Times New Roman", Times, serif; 
				color: #900;
				padding: 0 0 10px 0;
			}
			h3 {
				font: bold 1em Helvetica, Arial, sans; 
				color: #000;
				text-transform: uppercase; 
				letter-spacing: 1px; 
				padding: 0 0 5px 0;
			}
			/* Look for image float stuff in the required css */
	
	#content address { margin: 10px 0 0 0; }

	/* ! - - - Styles and Redefinitions for the Home Template - - -  */
	#content.home #topimagewrap, #content.home #bottomimagewrap { width: 854px; text-align: right; }
		#topimagewrap img, #bottomimagewrap img { padding: 0 0 5px 5px; }
		#bottomimagewrap address { padding: 10px 0 0 0; }
		#bottomimagewrap h6 {
			font-size: .84em;
			font-weight: normal;
			position: relative; /* hide the design credit from view */
			left: -9999em;
		}
	#announcesnipe {
		position: absolute; 
		top: 200px; 
		left: 50%; 
		margin: 0 0 0 -340px; 
		width: 170px; 
		height: 170px; 
	}
		#announcesnipe a {
			display: block; 
			width: 170px; 
			height: 170px; 
			background: top left no-repeat url("../cssimages/winner-snipe24.png") transparent; 
		}
		#announcesnipe a:hover { background-position: top right; }
	
/* ! - - - Styles and Redefinitions for the Blog Template - - -  */
	body#blog #content { 
		width: auto; 
		margin: 0; 
	}
		#left #bloglist { padding: 0 10px 0 0; }
		#bloglist h2 {
			/* The Year */
			font: normal 1em Helvetica, Arial, sans; 
			color: #000; 
			background-color: #ddd; 
			padding: 3px 3px 1px 6px;
			letter-spacing: 2px; 
		}
		#bloglist a.opendiv {
			/* The Month */
			font: normal 1em Helvetica, Arial, sans; 
			color: #900; 
			padding: 6px 0 2px 2px; 
			letter-spacing: 1px; 
			text-transform: uppercase; 
		}
		#bloglist a, body #sub_nav a{
			/* The Entry */
			display: block; 
			padding: 3px 0 2px 3px; 
			border-bottom: 1px dotted #900; 
			margin: 0 0 0 5px;
			background-color: #fff; 
			color: #333; 
		}
		#bloglist a:hover, #sub_nav a:hover { background-color: #ddc; color: #900; text-decoration: none; }
			.blog_item {
				background-color: #ddc; /* light tan */
				padding: 8px 10px; 
				margin: 0 0 16px 0; 
			}
			.blog_item h2 strong {
				font-size: .75em; 
				font-weight: bold; 
				color: #653; 
				text-transform: uppercase; 
				letter-spacing: 1px; 
				padding-left: 6px; 
			}
			.blog_item a { text-decoration: underline; }
			.blog_item a:hover { color: #900; }

/* ! - - - Styles for page subnav - - -  */
#sub_nav {
	float: left;
	width: 200px;
}
#sub_nav a { padding: 0 10px; }
body#default #left { width: 550px; }
	body#default #content #left .stackright { padding-bottom: 10px; }
	body#default #content #left .stackright img { max-width: 550px; }

/* ! - - - Styles for the Portfolio and Gallery pages - - -  */
	body#portfolio_template #left { }
	body#portfolio_template #left h3 { 
		text-align: right; 
		padding: 2px 0 3px 0; 
		font: italic 1.17em Georgia, "Times New Roman", Times, serif; 
		color: #900; 
		background-color: #fff; 
		text-transform: none; 
	}
		body#portfolio_template #left ul {
			list-style: none; 
			padding: 0 0 0 80px; 
		}
		body#portfolio_template #left li {
			width: auto; 
			margin: 0 0 5px 0; 
		}
		body#portfolio_template #left li a {
			display: block; 
			padding: 3px 5px 5px 5px;
			background-color: #ddc; 
			color: #885; 
			font-style: italic; 
			text-align: right; 
		}
		body#portfolio_template #left li a:hover { background-color: #cc9; color: #900; text-decoration: none; }
	
	/* ! Project and Gallery homepages - - */
	table#projhomethumbwrap {
		width: 642px; 
		border-collapse: collapse; 
	}
		table#projhomethumbwrap td {
			width: 25%; 
			border-right: 2px solid #fff; 
			border-bottom: 2px solid #fff; 
		}
			.portfolio_thumbs {
				height: 180px;
				background-position: center center;
				overflow: hidden;
			}
				.portfolio_thumbs .thumb_roll {
					padding: 60px 5px 0 5px;
					background-image: url("/lib/cssimages/thumb_roll.png");
					height: 120px;
					font: italic 1.34em/2em Georgia, "Times New Roman", Times, serif;
				}
				.portfolio_thumbs .thumb_roll a { color: #fff; }
	
	#portimages { overflow: hidden; }
		#portimages .carousel ul, #portimages .carousel li {
			width: 640px;
			height: 360px; 
		}
		#portimages .carousel li img, .galleryhome img {
			min-width: 640px;
			min-height: 360px; 
		}
		#portimages .carousel li { background-color: #eee; }
		#portimages .carousel { height: auto; }
		#portimages .spacer { height: 5px; }
		
		#projleft { 
			float: right; 
		}
			#controls {
				float: right; 
				font: bold 1em/1.17em Helvetica, Arial, sans; 
				text-align: right; 
				max-width: 375px; 
			}
				#controls a {
					display: inline-block; 
					padding: 8px 0 0 0;
					margin: 0 3px 3px 0;
					height: 21px; 
					background-color: #ddc; 
					color: #885; 
					text-decoration: none; 
					text-align: center; 
					width: 20px;
				}
					#controls a:hover { background-color: #cc9; color: #900; }
				#controls a.selected { background-color: #900; color: #eec; }
					#controls #control_items a { width: 30px; }
			#portimages address { 
				clear: right; 
				padding: 20px 0 0 0; 
				text-align: right;
			}
		#projright { 
			float: right; 
			width: 260px; 
			text-align: right;
		}
			#blurb {
				min-height: 20px; 
				padding: 6px 5px 3px 5px;
				margin: 0 0 5px 0;
				background-color: #aa7;
				color: #330;
				font: italic 1em Georgia, Times, "Times New Roman", serif;
			}
			#proj_title {  }
				#proj_title h3 {
					display: inline;
					font: bold 1.17em/1.5em Georgia, Times, "Times New Roman", serif;
					text-transform: uppercase;
					color: #900;
					padding: 0 0 0 3px;
				}
				#proj_title a { font: normal .84em Helvetica, Arial, sans-serif; color: #330; white-space: nowrap; }
				#proj_title a:hover { color: #aa7; }
	body#portfolio_template #right #tagline { float: left; padding: 5px 0 0 0; }
	body#portfolio_template #right address { float: right; padding: 5px 0 0 0; }

/* ! - - - Styles for the Contact Form - - -  */
form#contactForm { }
form#contactForm label {
	display: block; 
	width: 46px; 
	float: left; 
}
	form#contactForm input[type="text"] { width: 246px; }
	form#contactForm textarea { width: 296px; }
	form#contactForm label.error { 
		float: none; 
		color: #900; 
		font-style: italic; 
		clear: left; 
		width: 246px;
		padding: 5px 0 0 46px; 
	}
	form#contactForm input#checkthis { display: none; }

/* ! - - - Styles for the Project Description -> Absolute Positioning! - - -  */
	#projdescript {
		position: absolute;
		top: 134px;
		left: 50%; 
		margin: 0 0 0 168px;
		font: normal 1em/1.34em Helvetica, Arial, sans-serif;
		height: 336px;
		width: 242px;
		padding: 15px;
		color: #222; 
		background: top left repeat url("../cssimages/prodescript_back.png") transparent; 
		z-index: 100; 
	}
	
	#projdescript p { padding-bottom: 8px; }
	#projdescript b, #projdescript strong { font-weight: bold; color: #900; }


.blog_item a[href^="http://"]:not([href*="http://www.magmadesigngroup.com"]) {
    background: top left no-repeat url("../cssimages/external-icon.png"); 
    padding-left: 18px;
}