@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------------------------------------------
	1) STYLE SHEET FOR WWW.LUKEFOY.COM - AUTHOR: IWOOD WEB DESIGN
/* --------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------
	1) RESETS & UNIVERSAL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
	body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
	fieldset, img, abbr, acronym { border:0 none;}
	table { border-collapse:separate; border-spacing:0;}
	:focus { outline:0;}
	address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
	caption, th { text-align:left;}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	blockquote:before, blockquote:after, q:before, q:after { content:"";}
	
	
	.nomargin { margin:0 !important;}
	.fleft { float:left;}
	.fright { float:right;}
	.clear { clear:both; height:0; line-height:0; visibility:hidden;}
	.clearfix:after, .subheading:after, dl:after, .prodlist dd:after, .selectpop dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading, #ie7 .prodlist dd, #ie7 .selectpop dd { display:inline-block;}

	
/* ---------------------------------------------------------------------------------------------------------------------------------
	2) TYPOGRAPHY
/* --------------------------------------------------------------------------------------------------------------------------------- */

	html {font-family: Arial, Helvetica, sans-serif; color: #fff; }
	p {color: #fff; font-size: 1.2em; letter-spacing: -0.5px; margin-top: 10px;}
	h1 {font-size: 1.2em; text-transform: uppercase; letter-spacing: -0.5px;}
	a {color: #fff; text-decoration: underline; font-weight: bold;}
	a:hover {color: #C03;}
	
	#nav a {
	color: #fff;
	text-decoration: none;
	letter-spacing: -0.5px;
	font-weight: lighter;
	}

	#nav a:hover {
	text-decoration: underline;
	}
	
	#content_holder h2, #contact_page_holder h2 {font-size: 2.6em; margin-bottom: 10px;}
	#content_holder h3, #contact_page_holder h3 {font-size: 1.6em; margin-bottom: 25px;font-weight: bold;}
	#other #content_holder h3 {font-size: 1.6em; margin-bottom: 5px;font-weight: bold;}

	#home #content_holder p {line-height: 28px; font-size: 1.4em; margin-top: 20px;} 
	#other #content_holder p {line-height: 22px; font-size: 1.2em; margin-top: 15px;} 
	
	.size14 {
	font-size: 1.4em;
	font-weight: bold;
	}

/* ---------------------------------------------------------------------------------------------------------------------------------
	3) PAGE LAYOUT
/* --------------------------------------------------------------------------------------------------------------------------------- */

	
	body {	
	background-color: #000;
	}
	
	#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}
	
	#holding_logo {
	margin: 0 auto;
	margin-top: 20%;
	width: 229px;
	height: 66px;
	}
	
	.column {
	float: left; width: 300px;
	margin-right: 10px;
	}
	
	.column.last {
	margin-right: 0;}
	
	
	/*END OF HOLDING PAGE CSS*/
	
	
	body#home, body#other  {	
	background-color: #000;
	background-image: url(images/fabric_bg.jpg);
	padding-top: 50px;
	}
	
	#box_wrapper {
	width: 960px;
	height: 815px;
	background-color: #000;
	border: 1px solid #9b9b9b;
	margin: 0 auto;
	position: relative;
	}
	
	#top_banner, #bottom_banner {
	height: 104px;
	width: 100%;
	}
	
	#logo {
	float: left;
	margin-left: 10px;
	margin-top: 27px;
	height: 59px;
	width: 223px;
	}
	
	#nav {
	float: right;
	margin-right: 10px;
	margin-top: 47px;
	width:;
	height: 20px;
	font-size: 1.6em;
	color:#fff;
	}
	
	#main_bg {
	height: 611px;
	background-image: url(images/main_bg.jpg);
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #9b9b9b;
	}
	
	#content_holder {
	width: 920px;
	height: 490px;
	padding: 10px;
	margin-left: 10px;
	margin-top: 50px;
	background-image:url(images/bg.png);
	text-align: left;
	}
	
	#contact_page_holder {
	width: 920px;
	height: 490px;
	padding: 10px;
	margin-left: 10px;
	margin-top: 50px;
	background-image: url(images/contact_bg2.jpg);
	text-align: left;
	}
	
	#gallery {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	#gallery img.first {
	float: left;
	margin-right: 10px;
	}
	
	#gallery img.last {
	float: left;
	margin-right: -1px;
	}
	
	#left {
	position: absolute;
	top: 642px;
	width: 22px;
	height: 15px;
	}
	
	#right {
	position: absolute;
	top: 642px;
	width: 22px;
	height: 15px;
	right: 20px;
	}
	
	#left:hover, #right:hover {
	cursor: pointer;
	}
	
	#view_images {
	position: absolute;
	width: 300px;
	margin-left: 310px;
	margin-top: 5px;
	font-size: 1.1em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	}
	
	#text_wrapper {
	height: 277px;
	}
	
	#client #text_wrapper {
	height: auto;
	}
	
	#contact_info {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 275px;
	height: 84px;
	text-align: left;
	}
	
#contact_info h3 {
	font-weight: bold;
	font-size: 14px;
	
	}
	
	#contact_info p {
	font-size: 1.2em;
	line-height: 18px;
	}

#luke_foy {
float: right;
margin-right: 10px;
margin-top: 41px;
height: 22px;
width: 179px;
}

#footer {
width: 940px;
margin: 0 auto;
padding: 5px 10px 10px 10px;
color: #666;
margin-bottom: 20px;
}

#footer a {
font-weight: normal;
text-decoration: none;
color: #999;
}

.fleft {
float: left;
}

.fright{
float: right;
}
