/*
	ELOCOMOTIVE
	MAY 20_09
*/

/* CSS RESET ----------------------------------------------------------------- */

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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 font-family:Arial, Helvetica, sans-serif;
}

body {
     line-height: 1;
	 font-family:Arial, Helvetica, sans-serif;
	 background-image:url(images/body_bg.jpg);
	 background-repeat:no-repeat;
	 background-color:#dcd8d2;
	 
}

:focus {
     outline: 0
}


blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

img {float:left;}

h1 {font-size:22px; color:#ffffff; line-height:20px; text-transform:uppercase;}
h2 {font-size:17px; color:#a4202e; line-height:20px;}
h3 {font-size:14px; color:#000000; line-height:20px;}
h4 {font-size:12px; color:#000000; line-height:20px; font-weight:bold;}
p {font-size:12px; color:#000000; line-height:18px;}
p a{font-size:12px; color:#000000; line-height:18px; text-decoration:none}
a:hover {border-bottom:1px dotted;}

ul
{
list-style-image:url(images/bullet.gif);
}

li
{
font-size:12px; color:#000000; line-height:18px; margin-bottom:5px; margin-left:20px;
}

.show-50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

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

img {
border:0;
float:left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/*---- LAYOUT ----*/

#wrapper {
height:auto;
width:900px;
margin:0 auto 0 auto;

}

#header {
height:112px;
width:900px;
margin:0 auto 0 auto;
}

#logo {
height:42px;
width:255px;
margin:42px auto 0 auto;
float:left;
}

#nav {
height:38px;
width:540px;
margin-top:27px;
float:right;
}

#nav_top {
height:22px;
width:138px;
float:right;
}

#content {
height:auto;
width:900px;

}

#left {
height:auto;
width:665px;
float:left;
position:relative;
}

#header_interior {
height:50px;
width:644px;
border:3px solid #000000;
background-image:url(images/interior_header.jpg);
background-repeat:no-repeat;
padding-left:15px;
padding-top:30px;
margin-bottom:9px;
float:left;
}

#left_interior {
height:863px;
width:619px;
border:3px solid #000000;
background-color:#FFFFFF;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
float:left;

}

#main_img {
height:243px;
width:659px;
border:3px solid #000000;
background-image:url(images/main_img.jpg);
background-repeat:no-repeat;
float:left;
}

#slider_spacer {
height:7px;
width:665px;
}

#slider_title {
height:25px;
width:659px;
background-color:#000000;
}

#slider {
height:247px;
width:659px;
border:3px solid #000000;
position:relative;
float:left;
}

#right {
height:auto;
width:226px;
margin-left:9px;
float:left;
position:relative;
}

#blog_right {
height:auto;
width:226px;
background-color:#c9c1b6;
margin-top:9px;
float:left;
}

#blog_right_txt {
height:auto;
width:196px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
}

#blog_right_txt p{font-size:11px; color:#000000; line-height:13px;}

#blog_right_title {
height:23px;
width:226;
padding-top:7px;
background-image:url(images/entries_title.gif);
background-repeat:no-repeat;
background-color:#000000;
}

#right_box {
height:127px;
width:226px;
}

#right_box_more {
height:34px;
width:54px;
margin-top:83px;
margin-left:163px;
_margin-left:80px;
float:left;
}

#blog {
height:auto;
width:900px;
margin-top:9px;
float:left;
position:relative;
clear:left;
}

#blog_title {
height:23px;
width:900px;
padding-top:7px;
background-image:url(images/entries_title.gif);
background-repeat:no-repeat;
background-color:#000000;
}

#blog_entries {
height:100px;
width:900px;
background-color:#c9c1b6;
}

#blog_txt {
height:85px;
width:210px;
padding-left:15px;
padding-top:15px;
float:left;
}

#blog_txt p{font-size:11px; color:#000000; line-height:13px;}

#footer {
height:30px;
width:900px;
float:left;
margin-top:10px;
}
#footer p{font-size:11px; color:#988c7b; line-height:13px;}
#footer a{font-size:11px; color:#988c7b; line-height:13px; text-decoration:none;}
#footer a:hover{font-size:11px; color:#988c7b; line-height:13px; border-bottom:1px dotted;}

/* slider styles */
.stepcarousel{
position: relative; 
left:37px;
overflow: scroll; 
width: 587px; /*Width of Carousel Viewer itself*/
height: 222px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;

width: 587px;
}



/* portfolio styles */

#left_interior .thumb_port div {
	padding:0px 20px;
	display:block;
	width:90%;
	height:200px;

}

#left_interior .thumb_port a img{
	height:200px;
	width:225px;
	margin-right:20px;
	float:left;
}
#left_interior .thumb_port p {padding-top:10px;}

#left_interior .thumb_port p span {font-weight:bold;font-size:16px;color:#990000;}
.abt {background:url(images/top_left_img.gif) no-repeat left top;}
.inner p.fst_p{margin:50px 0 10px 30px;}
.inner p {margin:0 0 10px 30px;}
.abt span {font-size:30px;color:#990000;line-height:26px;vertical-align:middle;}
.inner h2 {font-size:32px;margin:70px 0px -20px 30px;}
.inner h4 {margin-left:30px;font-size:18px;margin-bottom:5px;color:#a4202e;}
.niche {background:url(images/lemon.jpg) no-repeat right top;}
.design {background:url(images/multi.jpg) no-repeat right top;}