body{background:url(../images/websitedesigncity_background.png) repeat-y top left; margin:0; padding:0; width:100%; height:auto; font:normal 11px Arial, Helvetica, sans-serif; color:#474848; margin-top:10px;}

a{text-decoration:none; color:#474848;}
a:hover{text-decoration:none; color:#fa431b;}

.top_nav{margin:0; padding:0;}
.top_nav ul{margin:0; padding:0; list-style-type:none;}
.top_nav ul li{font:normal 11px Arial, Helvetica, sans-serif; color:#3a3939; display:inline;}

.text_big{font:normal 24px Myriad Pro, Geneva, Arial, Helvetica, sans-serif; color:#046da0; line-height:31px;}

.nav{font:normal 11px Arial, Helvetica, sans-serif; color:#3a3939; line-height:34px;}
.nav .btn1 a{color:#3a3939; text-decoration:none; display:block; width:54px; height:34px; background:url(../images/websitedesigncity_nav_btn1.png) no-repeat center center;}
.nav .btn1 a:hover{color:#FFFFFF; background:url(../images/websitedesigncity_nav_btnhover1.png) no-repeat center center;}
.nav .btn1 a.selected{color:#FFFFFF; background:url(../images/websitedesigncity_nav_btnhover1.png) no-repeat center center;}
.nav .btn2 a{color:#3a3939; text-decoration:none; display:block; width:73px; height:34px; background:url(../images/websitedesigncity_nav_btn2.png) no-repeat center center;}
.nav .btn2 a:hover{color:#FFFFFF; background:url(../images/websitedesigncity_nav_btnhover2.png) no-repeat center center;}
.nav .btn2 a.selected{color:#FFFFFF; background:url(../images/websitedesigncity_nav_btnhover2.png) no-repeat center center;}

.text1{font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f;}

.text2{font:bold 11px Arial, Helvetica, sans-serif; color:#686769;}
.text2 a{color:#686769; text-decoration:none}
.text2 a:hover{color:#fa531f;}

.text3{font:bold 12px Arial, Helvetica, sans-serif; color:#7b9d13;}
.text4{font:normal 11px Arial, Helvetica, sans-serif; color:#7b9d13;}
.text5{font:normal 22px Arial, Helvetica, sans-serif; color:#7b9d13;}

.text6{font:normal 11px Arial, Helvetica, sans-serif; color:#5d2abe;}
.text6 a{color:#5d2abe; text-decoration:none;}

.text7{font:14px Arial, Helvetica, sans-serif; color:#706f6e; line-height:16px;}

.text8{font:normal 11px Arial, Helvetica, sans-serif; color:#fa431b;}
.text8 a{color:#fa431b; text-decoration:none;}
.text8 a:hover{color:#474848;}
.text8 a.current{color:#474848;}

.text9{font:normal 12px Arial, Helvetica, sans-serif; color:#5d5a5a;}
.text9 a{color:#fa431b; text-decoration:none;}
.text9 a:hover{color:#474848; text-decoration:underline;}
.text10{font:normal 16px Arial, Helvetica, sans-serif; color:#5d5a5a;}
.text11{font:normal 24px Arial, Helvetica, sans-serif; color:#444647;}
.text12{font:normal 11px Arial, Helvetica, sans-serif; color:#8a8988; line-height:16px;}
.text12 a{text-decoration:none; color:#8a8988;}
.text12 a:hover{color:#7b9d13;}
.text12 a.active{color:#7b9d13;}

.text13{font:normal 16px Arial, Helvetica, sans-serif; color:#fa431b; padding-right:65px;}
.text13 a{color:#fa431b; text-decoration:none;}
.text13 a:hover{color:#474848;}

.footer{background:url(../images/websitedesigncity_footermid.png) repeat-x; width:921px; height:67px; font:normal 11px Arial, Helvetica, sans-serif; color:#8a8988;}
.footer a{text-decoration:none; color:#8a8988;}
.footer a:hover{color:#7b9d13;}
.footer a.active{color:#7b9d13;}

.breadcrumb{font:normal 12px Arial, Helvetica, sans-serif; color:#00a6de; background:url(../images/websitedesigncity_breadcrumbg.png) no-repeat; text-indent:5px;}
.breadcrumb a{color:#595959; text-decoration:none;}

.content{background:url(../images/websitedesigncity_boxbgmid.png) repeat-y top left; font:normal 12px Arial, Helvetica, sans-serif; color:#5d5a5a; padding:0px 33px 0px 33px;}

.content ul{list-style-type:none; margin:0; padding:0;}
.content ul li{background:url(../images/websitedesigncity_listbg.png) no-repeat; font:normal 12px Arial, Helvetica, sans-serif; padding-left:15px; line-height:26px;}


/*======== Image Slider ==============*/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 904px; /*width of featured content slider*/
height: 235px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/

background: white;
width:904px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:235px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/*======== Portfolio Slider ==============*/

#slider_box{width:922px; height:auto; margin:0; padding:0;} 

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 912px; /*Width of Carousel Viewer itself*/
height:570px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

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

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width:912px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}