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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
background-image: url(images/bg.jpg); background-repeat: repeat;
}

body {
background-image:url(images/top_extend.jpg); background-repeat:repeat-x;
font-family: helvetica, sans-serif;
padding:0px;
margin:0px;
font-size: 12px;
}

a {color: #5a482c;}
a:visited {color:#5a482c;}
a:hover {color: #cc870c;}
a:active { color:#5a482c;}

h1 {
font-size: 13px;
text-transform:uppercase;
color: #d2a731;
}

h2 {
font-size: 12px;
color: #256281;
padding: 0px;
margin-left: 0px;
}

h3 {
font-size: 10px;
color: #256281;
font-style:italic;
}

h4 {
text-align:center;
font-size: 17px;
color: #256281;
}


/* ----------container to center the layout-------------- */

#container {
width: 884px;
margin: 0px auto;
}

#container_fabric {
background-image:url(images/fabric.jpg); 
background-repeat:repeat-x;
background-position:center right;
height: 250px;
width: 100%;
margin: 0px auto;
padding: 0px;
clear: both;
}

/* --------------------portfolio------------------------ */

#container_portfolio {
height: auto;
width: 884px;
margin: 0px auto;
padding: 0px;
clear: both;
}

#port_top {
background-image:url(images/port_top.jpg); background-repeat:no-repeat;
width: 855px;
margin: 0px auto;
height: 28px;
padding: 0px;
}

#portfolio {
background-image:url(images/port_bg.jpg);
background-repeat:repeat-y;
width: 855px;
margin: 0px auto;
height: auto;
padding: 0px;
float:right;
}

#port_images {
width: 810px;
margin: 0px auto;
height: auto;
padding: 0px;
}

#container_bottom {
width: 884px;
margin: 0px auto;
height: 250px;
padding: 0px;
}

/* ----------feautures + text-------------- */

#work {
width: 212px;
height: 162px;
position:relative; top: 70px; 
}

#work_text {
width: 200px;
height: 162px;
text-align:justify;
line-height: 17px;
font-size: 12px;
position:relative; top: 0px; left: 8px;
}

#quote {
width: 211px;
height: 162px;
position:relative; top: -92px; left: 223px;
}

#quote_text {
width: 200px;
height: 162px;
text-align:justify;
line-height: 17px;
font-size: 12px;
position:relative; top: 0px; left: 6px;
}

#about {
width: 210px;
height: 162px;
position:relative; top: -255px; left: 445px;
}

#about_text {
width: 200px;
height: 162px;
text-align:justify;
line-height: 17px;
font-size: 12px;
position:relative; top: 0px; left: 7px;
}

#blog {
width: 211px;
height: 162px;
position:relative; top: -416px; left: 665px;
}

#blog_text {
width: 200px;
height: 162px;
text-align:justify;
line-height: 17px;
font-size: 12px;
position:relative; top: 0px; left: 6px;
}


/* ----------banner for logo-------------- */

#banner_wrap {
width: 884px;
height: 425px;
padding: 0px;
margin: 0px auto;
}

#topper_image {

width: 100%;
height: 170px;
}

#topleft_wrap {
background-image:url(images/topper_left.jpg); background-repeat:no-repeat;
width: 312px;
height:500px;
float: left;
}

#topleft_content {
width: 280px;
height: 240px;
position:relative; top: 255px; left: 10px;
font-size:12px;
line-height: 20px;
text-align:justify;
}

/* ----------about nav-------------- */

#about_nav {
width: 220px;
position:relative; top: 255px; left: 50px;
font-size:12px;
line-height: 20px;
text-align:justify;
}

/* ----------services nav-------------- */

#services_nav {
width: 242px;
height: auto;
position:relative; top: 255px; left: 30px;
font-size:12px;
line-height: 20px;
text-align:justify;
}

#services_leftwrap {
background-image:url(images/topper_left.jpg); background-repeat:no-repeat;
width: 312px;
height:730px;
float: left;
}

#topright_wrap {
background-image:url(images/topper_right.jpg); background-repeat:no-repeat;
width: 572px;
height: auto;
padding: 0px;
margin: 0px;
float:right;
}

#navigation {
position: relative; top: 140px; left: 11px;
width: 551px;
height:30px;
padding-left: 0px;
margin-top: 0px;
}

#fader {
width: 572px;
height:346px;
position:relative; top: 140px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}

#fader_text {
width: 572px;
height:auto;
line-height: 20px;
font-size: 12px;
text-align:justify;
padding-top: 195px;
margin-top: 0px;
}

#fader_text_short {
width: 572px;
height:auto;
line-height: 20px;
font-size: 12px;
text-align:justify;
padding-top: 130px;
margin-top: 0px;
}


#quote_area {
width: 572px;
height:auto;
line-height: 20px;
text-align:justify;
padding-top: 195px;
margin-top: 0px;
}

/* -----------------contact form--------------------- */

#contact_form {
width: 500px;
height:auto;
line-height: 20px;
font-size: 12px;
text-align:justify;
margin-left: 30px;
}

#contact_left {
width: 280px;
height: auto;
position:relative; top: 255px; left: 15px;
font-size:12px;
line-height: 20px;
}

#quote_left {
width: 280px;
height: auto;
position:relative; top: 255px; left: 15px;
font-size:12px;
line-height: 20px;
}

input { 
	width: 240px;
	padding: 4px;
	border:#CCCCCC thin solid;
	}

/* -----------------testimonials--------------------- */

#testimonial_wrap {
width: 572px;
height:auto;
text-align:justify;
padding-top: 195px;
margin-top: 0px;
}

#testimonials_text {
width: 562px;
height:auto;
text-align:justify;
line-height: 18px;
padding-top: 195px;
margin-left: 5px;
margin-right: 5px;
}

#testimonials_left {
width: 280px;
height: auto;
position:relative; top: 255px; left: 15px;
font-size:12px;
line-height: 20px;
}

/* -------------------------------------------------- */

#content {
padding: 0px;
width: 884px;
line-height:18px;
text-align:justify;
clear:both;
vertical-align:top;
}

p, pre{
margin-left: 40px;
margin-right: 40px;
}


/* -----------footer--------------------------- */

#footer {
width: 884px;
margin: 0 auto;
padding-top: 190px;
height: 20px;
text-decoration:none;
}

#port_footer {
background-image:url(images/port_footer.jpg);
background-repeat:no-repeat;
width: 855px;
margin: 0px auto;
height: 27px;
}


#footer p{
font-size:10px;
font-weight: bold;
line-height: 17px;
text-align:center;
color:#256281;
text-decoration:none;
}

#footer a {
color:#256281;
text-decoration:none;
}

#footer a:hover {
color:#cc870c;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Blog Styles */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */

#sidebar {

}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */