html, body, div, span, applet, object, img, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}
body { background:url(images/bg_big_alt.jpg) center top repeat-x #555555; font-family:Helvetica, sans-serif; }
body.pageid-3 { background:url(images/bg_big.jpg) center top repeat-x #555555; }
p { font-size:14px; line-height:18px; margin-bottom:15px; }
a { text-decoration:none; }
h2 { margin-bottom:10px; font-size:1.3em; color:#e5e5e5; }
h2.entry-title { font-size:1.8em; border-bottom:1px solid #cccccc; color:#e5e5e5; }
h3 { margin-bottom:5px; font-size:.9em; }
#wrapper { width:900px; margin:auto; }
#header { height:110px; background-color:#161616; border-bottom:1px solid #CCCCCC; }
#header_content { width:1050px; margin:auto; }
#header_content img { float: left; margin-top: 15px;}
#content { margin:15px 0; float:left; width:900px; height:100%; }
#content.narrow { width:550px; }
#footer { border-top:1px solid #666666; width:900px; clear:both; height:100px; }

li, a { color:#FFFFFF; list-style:none; }

#header ul { float:right; margin-right:10px; }
#header ul li { display:block; float:left; font-size:.7em; }
#header ul li a { display:block; padding:40px 10px 10px 10px; height:20px; width:60px; border-right:1px solid #2d2d2d; }
#header ul li a:hover, .current_page_item, body.single .page-item-7 { background-color:#2d2d2d; border-bottom:1px solid #FF0000;  }

#header_content object { width:343px; height:100px; float:left; }

#showcase { width:480px; float:right;  }
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 480px;
height: 380px; /*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; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 420px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding:0px 20px 0px 20px;
}

.stepcarousel img { border:8px #161616 solid; float:left; }

h2.project_title {  font-size:.8em; line-height:30px; text-align:center; }
h2.project_title a { color:#161616; }
h2.project_title a:hover { color:#000000; }

a#left, a#right { display:block; width:16px; height:17px; text-indent:-9999px; margin-top:0px;  }
a#left { background:url(images/arrow_l.gif) no-repeat; float:left; margin-left:40px; }
a#right { background:url(images/arrow_r.gif) no-repeat; float:right; margin-right:40px; } 

#services { float:left;  }
#services ul { font-size:.9em; line-height:1.5em; float:left; width:200px; }
#services ul li { float:left; display:block; width:180px; margin-bottom:5px; margin-right:20px; padding-left:15px; background:url(images/list.gif) left top no-repeat; }
#services h2 { float:left; font-size:1.1em; margin-bottom:5px; }



#post-3 { width:400px; float:left; margin-top:10px; }
#feedback { margin:50px 15px 0px 30px; padding:15px; background-color:#b6b6b6; width:338px; border-left:1px solid #161616; border-right:1px solid #161616; border-top:1px solid #161616;  }
#feed_btm { width:370px; height:40px; background:url(images/feed_btm.gif); margin-left:30px;}
#feedback a { font-size:.6em; color:#333333; line-height:1.6em; }
#feedback a:hover { color:#FF0000; }


/* PROJECTS PAGE */
#content_projects { margin-top:20px; }
#content_projects .post { padding:15px; margin:10px; width:155px; height:180px; float:left; background:url(images/fade.jpg) repeat-x #CCCCCC; border:1px solid #161616; }
#content_projects .post a { line-height:12px; margin-top:5px; }
#content_projects .post img { border:1px solid #161616; }
#content_projects h2 { font-size:.7em; }


/* SINGLE PAGES */
#side { float:right; width:300px; margin:10px 0 20px 0; }
#other_projects { background-color:#999999; padding:15px; margin-top:10px; }
#other_projects ul li a { border-top:1px solid #666666; color:#000000; }
#other_projects ul li a { display:block; line-height:3em; padding-left:5px; font-size:.7em; }
#other_projects ul li a:hover { background-color:#161616; color:#FFFFFF; }

.mainpic { border:1px solid #2e2e2e; }
.narrow img { margin-right:10px; margin-bottom:10px; border:1px solid #2e2e2e; }


/* ABOUT */
#post-5 { float:left; width:450px; margin-right:50px; }
img.about { margin-bottom:10px; border:3px solid #161616; }

/* FEEDBACK */
#content_feedback { float:left; }
#content_feedback .post { width:600px; background-color:#999999; border:1px solid #161616; padding:20px; margin:20px 0 20px 0; }
#latest_work { float:right; width:175px; padding:20px; }
#latest_work img { margin-bottom:10px; border:1px #2e2e2e solid; }

/* CONTACT */
#content_contact { float:left; width:600px; margin-top:20px; }

/* FOOTER */
#footer { padding-top:10px; }
#fright { float:right; text-align:right; font-size:.6em; line-height:1.5em; }

#content_links { float:left; margin-top:20px; }
.linkcat { margin:0 0 40px 0; }
.linkcat li { margin-bottom:5px; }
.linkcat li a { color:#000; padding-left:20px; }
.linkcat li a:hover { text-decoration:underline; }

img.hover { border: 4px solid #232323; }

/* trigger button */ 
.download_now { 

    cursor:pointer; 
} 
 
/* mouseover state */ 
.download_now:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
.download_now:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    height:248px; 
    width:298px; 
    font-size:11px;
    margin-left: 120px;
    color:#fff; 
}