/* @override http://www.lowellherrero.com/styles/newwork.css */

#title {background: #E8E5DE url(../images/title_home.gif) repeat-y center 0; height: 30px; width: 700px; background-color: #fff; margin-top: 20px;}
#content {background-color: #fff; margin:0 auto; width: 600px; height: 500px; text-align: center;}
#current1 {float: left; width: 500px; margin-top: -550px; margin-left: 50px;}

/*Step Carousel for new work styles*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 650px;
height: 160px; /*Height should enough to fit largest content's height*/
}

#hscroll {float: left; width: 700px; margin-left: -50px; clear: both; margin-top: 10px;}
#mygallery{margin: 0 auto;
}
.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: 15px; /*margin around each panel*/
font: normal 0.7em/1.250em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
text-align: center; 
}

#ajaxContent {text-align: center; height: 490px; margin: 20px auto 0 auto; font: normal 0.7em/1.250em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;}

#showLarge {width: 600px; vertical-align: middle; margin-bottom: 10px;
}
#showLarge h3 { font-size: 1.3em; font-weight: bold; margin: 8px 0 3px 0;}
#showLarge p {font-size: 1.2em;}
#main {float: left; width: 700px;}
#mygallery img{
	margin-bottom: 5px;
}
#mygallery div.belt div.panel a {color: #666; }
#mygallery div.belt div.panel a:hover {color: #000;}
#mygallery div.belt div.panel a:visited {color: #996533;}

#showLarge p a.thickbox {color: #996533;}
#showLarge p a:visited, #showLarge p a:hover {color: #333;}