body {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#6a6a6a;

	background-image:url(../images/bg.jpg);

	background-position:top center;

	background-repeat: no-repeat;

	background-color:#ffffff;

	margin:0;

	padding:0;

}



#main-container{

	width:968px;

	margin: 0px auto 20px auto;

	display:block;

	}



h1{

	font-size:24px;

	}

h1.white{

	color:#FFF;

	}

h2{

	font-size:18px;

	}

h2.white{

	color:#FFF;

	}

h2.black{

	color:#212121;

	}

h3{

	font-size:16px;

	}

h4{

	font-size:15px;

	}

h5{

	font-size:14px;

	}

h6{

	font-size:13px;

	}

small{

	font-size:11px;

	}

c000ff{

	color:#c000ff;

	}

a{

	color:#970bab;

	text-decoration:none;

	}

a:hover{

	color:#000000;

	text-decoration: underline;

	}

.alignright{

	float:right;

	margin: 3px 0px 5px 10px;



	}

.alignleft{

	float:left;

	margin: 3px 10px 5px 0px;

	}

.center{

      text-align:center;

}

strong{

	font-weight:bold;

	}

i, em{

	font-style:italic;

}



p{

	padding-bottom:20px;

	line-height:20px;}



table{

	margin-bottom: 15px;

}	

table tr td{

	padding:5px;

	margin:0px;

	vertical-align:top;

}	

table tr td ul li{

	padding:0px;

	margin:0px;

	list-style-type:disc;

	list-style-position:inside

}	



#content ul, ol{

	position:relative;

	margin:10px 0px;

	}

#content ul li, ol li{

	padding:5px 0 0 5px;

	margin:0 0 0 30px;

	}

#content ul li{

	list-style-type:disc;

	}

#content ol li{

	list-style-type: decimal;

	}



#content table{

	width:100%;

	border-collapse:collapse;

	margin-top:10px;

	}

#content table tr th{

	background-color:#5B5B5B;

	color:#FFF;

	padding:5px;

	text-align:center;

	border:1px #d6d6d6 solid;

	}	

#content table tr td{

	background-color:#FFFFFF;

	padding:5px;

	text-align:left;

	border:1px #d6d6d6 solid;

	}	





/********************************************************************************************** Header */

#top-header{

	display:block;

	position:relative;

	width:968px;

	height:40px;	

	}

#promo{

	position:absolute;

	top:20px;

	right:4px;

	font-size:11px;

	padding:0px 0px 0px 15px;

	margin: 0px auto;

	display:block;

	background:left url('../images/login-mark.jpg') no-repeat;

	cursor:pointer;

	}

#header{

	position:relative;

	width:960px;

	height:79px;

	margin: 0px auto;

	display:block;

	background:url('../images/header/header-bg.png');

	}

#logo {

	width:455px;

	height:79px;

	display:block;

	background:url('../images/header/mieowthemes.png') no-repeat;

	float:left;

	}

#main-menu{

	width:490px;

	height:79px;

	padding:0px 10px 0px 0px;

	display:block;

	background:top right url('../images/header/leftcorner-bg.jpg') no-repeat;

	float:right;

	}

/********************************************************************************************** Menu */

.menu{

	display:block;

	float:right;

	margin:31px 5px 0px 0px;

	}

#home-off{

	width:62px;

	height:34px;

	background: url('../images/header/menu/home.jpg') no-repeat;

	}

#home-on, #home-off:hover{

	width:62px;

	height:34px;

	background: url('../images/header/menu/home.jpg') no-repeat 0 -34px;

	}

#about-off{

	width:72px;

	height:34px;

	background: url('../images/header/menu/about.jpg') no-repeat;

	}

#about-on, #about-off:hover{

	width:72px;

	height:34px;

	background: url('../images/header/menu/about.jpg') no-repeat 0 -34px;

	}

#services-off{

	width:92px;

	height:34px;

	background: url('../images/header/menu/services.jpg') no-repeat;

	}

#services-on, #services-off:hover{

	width:92px;

	height:34px;

	background: url('../images/header/menu/services.jpg') no-repeat 0 -34px;

	}

#blog-off{

	width:62px;

	height:34px;

	background: url('../images/header/menu/blog.jpg') no-repeat;

	}

#blog-on, #blog-off:hover{

	width:62px;

	height:34px;

	background: url('../images/header/menu/blog.jpg') no-repeat 0 -34px;

	}

#contact-off{

	width:90px;

	height:34px;

	background: url('../images/header/menu/contact.jpg') no-repeat;

	}

#contact-on, #contact-off:hover{

	width:90px;

	height:34px;

	background: url('../images/header/menu/contact.jpg') no-repeat 0 -34px;

	}



/********************************************************************************************** Banner */

#banner{

	position:relative;

	width:874px;

	padding:0px 47px;

	height:293px;

	margin: 0px auto;

	display:block;

	background:url(../images/banner/banner-bg.jpg) center top no-repeat;

	

	}

#banner .big{

	font-size:28px;

	color:#FFF;

	padding-bottom:15px;

	display:block;

	} 



.stepcarousel{

	position: relative; /*leave this value alone*/

	overflow: scroll; /*leave this value alone*/

	width: 874px; /*Width of Carousel Viewer itself*/

	height: 293px; /*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:0px; /*margin around each panel*/

	width: 874px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}	

	

div#mySlides .description{

	position:relative;

	font-size:16px;

	color:#f1dbf5;

	padding:20px 0px 0px 0px;

	width:495px;

	height:273px;

	float:left;

}

div#mySlides .description .readmore-bt{

	position:absolute;

	bottom:15px;

	right:0px;

	display:block;

	width:136px;

	height:33px;

	background:url(../images/banner/banner-bt.jpg) bottom no-repeat;

	}

div#mySlides .description .readmore-bt:hover{

	background:url(../images/banner/banner-bt-on.jpg) bottom no-repeat;

	}

	

div#mySlides{



}

div#mySlides .images{

	display:block;

	width:361px;

	height:262px;

	float:right;

	padding:31px 0px 0px 3px;

	background:url(../images/banner/banner-image-pad.jpg) bottom no-repeat;

}





#quote-bar{

	position:relative;

	width:890px;

	height:64px;

	margin: 0px auto;

	padding:20px 35px 0px 35px;

	display:block;

	background:url('../images/quote-bar/quote-bar-bg.jpg') repeat-x;

	font-size:28px;

	color:#FFF;

	}

#quote-button{

	position:absolute;

	display:block;

	right:35px;

	top:15px;

	width:188px;

	height:51px;

	background: url('../images/quote-bar/get-quote-off.jpg') no-repeat;

	}

#quote-button:hover{

	background: url('../images/quote-bar/get-quote-on.jpg') no-repeat;

	}

	

/********************************************************************************************** Sub Menu  */

#submenu{

	width:930px;

	height:43px;

	margin: 0px auto;

	display:block;

	background: url('../images/supmenu-bg.jpg') no-repeat;

	text-align:right;

	padding:20px 30px 0 0;

	}

#submenu a{

	color:#FFF;

	text-decoration:none;

	margin-left:25px;



	}	

/********************************************************************************************** Tag Line */	

#tagline{

	width:960px;

	height:40px;

	padding:25px 0px;

	margin: 0px auto;

	display:block;

	font-size:20px;

	color:#970bab;

	}

	

/********************************************************************************************** Content-container */

#content-container{

	width:908px;

	border:1px #eaeaea solid;

	background: top left url('../images/content-bg-corners.jpg') no-repeat #f4f4f4;

	margin:20px auto 0px auto;

	padding:0px 25px 0px 25px;



	}

#content-container-portfolio{

	width:933px;

	border:1px #eaeaea solid;

	background: top left url('../images/content-bg-corners.jpg') no-repeat #f4f4f4;

	margin:20px auto 0px auto;

	padding:0px 0px 0px 25px;

	}

#content-container-testimonial{

	width:933px;

	border:1px #eaeaea solid;

	background: top left url('../images/content-bg-corners.jpg') no-repeat #f4f4f4;

	margin:20px auto 0px auto;

	padding:0px 0px 0px 25px;

	}

/********************************************************************************************** Content */

#content{

	display:block;

	width:563px;

	margin:25px 40px 25px 0px;

	float:left;

	}

#portfolio-content{

	display:block;

	width:933px;

	margin:25px 0px 25px 0px;

	float:left;

	}

#portfolio-content .project-box{

	display: inline;

	width:289px;

	float:left;

	margin-right:20px;

	margin-bottom:40px;

	}

#portfolio-content .project-box a img{

	border:4px #CCC solid;

	margin-bottom:5px;

	}

#portfolio-content .project-box a:hover img{

	border:4px #999 solid;

	}

/* ---- Posts */

#content .post-wrap{

	display:block;

	padding-bottom:10px;

	margin-bottom:20px;

	background:bottom url('../images/headers-line.jpg') repeat-x;

	}

#content .post-image{

	width:248px;

	padding-right:10px;

	float: left;

	}

#content img.team-image{

	margin-right:10px;

	display:block;

	width:90px;

	float: left;

	}

#content div.post-content{

        width:290px;

	display:block;

	float: right;

	}

#content div.post-content-wide{

    width:563px;

    display:block;

    float: none;

}


#content div.home-content{

	display:block;
  
        width: 280px;

	float: right;

	}

#content div.team-content{

	width:563px;

	display:block;

	float: right;

	}

#content .post-meta{

	clear:both;

	display:block;

	width:563px;

	padding-top:25px;

	text-align:right;

	font-size:11px;

	}

#content .single-meta{

	float:left;

	display:block;

	width:563px;

	padding-bottom:25px;

	text-align:left;

	font-size:11px;

	}

#download a {

        display:block;

	float:left;

	position:relative;

        height:29px;

        width: 109px;
  
        padding:2px;

        background: url('../images/download-off.png') no-repeat;

}

#download a:hover {
  
        padding:2px;

        background: url('../images/download-on.png') no-repeat;

}

#right{

	float: right;

	text-align:right;

	}

#left{

	float:left;

	text-align:left;

	}

	

#all-news-bt{

	display:block;

	width:105px;

	height:25px;

	background: url('../images/news_bt_off.jpg') no-repeat;

	float:left;

	position:relative;

	}

#all-news-bt:hover{

	background: url('../images/news_bt_on.jpg') no-repeat;

	}

	

#portfolio-bt{

	display:block;

	width:115px;

	height:25px;

	background: url('../images/portfolio_bt_off.jpg') no-repeat;

	float:right;

	position:relative;

	}

	

#portfolio-bt:hover{

	background: url('../images/portfolio_bt_on.jpg') no-repeat;

	}



.nav-previous{	

	display:block;

	float:left;

	width:105px;

	height:25px;

	background: url('../images/nav_previous_off.jpg') no-repeat;

	}

.nav-previous:hover{	

	background: url('../images/nav_previous_on.jpg') no-repeat;

	}

.nav-next{

	display:block;

	float:right;

	margin-left:10px;

	width:105px;

	height:25px;

	background: url('../images/nav_next_off.jpg') no-repeat;

	}

.nav-next:hover{

	background: url('../images/nav_next_on.jpg') no-repeat;

	}

/* ---- Partners */

#content .partners-wrap{

	display:block;

	padding-bottom:10px;

	margin-bottom:20px;

	background:bottom url('../images/headers-line.jpg') repeat-x;

	}

#content .partners-top{

	padding-bottom:10px;

	margin-bottom:20px;

	background:url('../images/headers-line.jpg') repeat-x;

	}

#content img.partners-image{

	display:block;

	width:248px;

	float: left;

	}

#content div.partners-content{

	width:280px;

	display:block;

	float: right;

	}

#content .partners-meta{

	clear:both;

	display:block;

	width:563px;

	padding-top:15px;

	text-align:right;

	font-size:11px;

	}

/* ---- testimonials */



#testimonial-content{

	display:block;

	width:933px;

	margin:25px 0px 25px 0px;

	float:left;

	}

#testimonial-content .project-box{

	display: inline;

	width:289px;

	float:left;

	margin-right:20px;

	margin-bottom:40px;

	}

#testimonial-content .project-box a img{

	border:4px #CCC solid;

	margin-bottom:5px;

	}

#testimonial-content .project-box a:hover img{

	border:4px #999 solid;

	}

#testmonial-quote{

	float:right;

	}

#testimonial-text-block{

	display:block;

	width:260px;

	color:#FFF;

	font-size:12px;

	line-height:15px;

	padding:10px;

	border:5px #be45d4 solid;

	background-color:#c75fda;

	}	

#testimonial-top{

	display:block;

	padding:0 0 2px 0;

	width:260px;

	height:20px;

	background:top right url('../images/test-mark.png') no-repeat;

	}

	

/* ---- 404 */

#404{

	position:relative;

	width:850px;

	padding:0 47px

	height:250px;

	margin: 0px auto;

	display:block;

	background:url('../images/banner/banner-bg.jpg') center top no-repeat;

	

	}

#contact-button{

	position:absolute;

	display:block;

	right:35px;

	top:15px;

	width:188px;

	height:51px;

	background: url('../images/quote-bar/contact-us-off.png') no-repeat;

	}

#contact-button:hover{

	background: url('../images/quote-bar/contact-us-on.png') no-repeat;

	}

/* ---- Services */

#content .service-wrap{

	display:block;

	padding-bottom:10px;

	margin-bottom:20px;

	background:bottom url('../images/headers-line.jpg') repeat-x;

	}

#content img.service-thum{

	display:block;

	width:563px;

	margin:10px 0px;

	clear:both;

	}

#content div.service-content{

	width:563px;

	display:block;

	}

#content .service-meta{

	clear:both;

	display:block;

	width:565px;

	padding-top:15px;

	text-align:right;

	font-size:11px;

	}

/* ---- Team */

#quote-text-block{

	display:block;

	width:540px;

	color:#FFF;

	font-size:12px;

	line-height:15px;

	padding:10px;

	border:5px #be45d4 solid;

	background-color:#c75fda;

	}	

#quote-top{

	display:block;

	padding:0 0 2px 0;

	width:563px;

	height:20px;

	background:top right url('../images/quote-mark.png') no-repeat;

	}

/* ---- Blog */

#rss-icon{

	height:25px;

	width:25px;

	background-image:url(../images/icons/rss25.png) no-repeat;

	padding:0;

	float:left;

	}

/********************************************************************************************** Contact Form */

span.red{

	color:#Ff0000;}

span.success{
        padding:5px;
        color:#3cc400;
        background-color:#c9ffb1;
        border: 1px solid #3cc400;
}
span.fail{
        padding:5px;
        color:#Ff0000;
        background-color:#ffc4c4;
        border: 1px solid #ff0000;
}

.message{

	display:block;

	width:100%;

	padding:10px;

	background-color:#C5C5C5;

	border:1px #999 solid;

	text-align:center;

	font-size:16px;

	}	

#commentForm { 

	width: 563px; 

	}

#commentForm label.error { 

	width: 250px; text-align:left;  color: #F00; font-size:12px;

	}

#commentForm label.error, #commentForm input.submit { 

	display:block; 

	}

	

table.quote-form {

	margin:20px 0px;



	}

table.quote-form tr td{

	background-color:#F4F4F4!important;

	border:0px!important;

	}

table.quote-form tr td.field-name{

	width:150px;

	padding:12px;

	text-align:right;	



	}

table.quote-form input, table.quote-form select, table.quote-form textarea{

	width:330px;

	background-color:#E9E9E9;

	border:1px #C5C5C5 solid;

	padding:5px;

	}

table.quote-form select{

	width:342px;

	background-color:#E9E9E9;

	}

table.quote-form textarea{

	width:330px;

	height:200px;

	background-color:#E9E9E9;

	border:1px #C5C5C5 solid;

	padding:5px;

	}

table.quote-form .submit, .submit{

	width:79px;

	height:25px;

	display:block;

	border:0px;

	padding:0px;

	background:top left url('../images/submit.jpg') no-repeat;

	cursor:pointer;

	}

table.quote-form .submit:hover, .submit:hover{

	background:top left url('../images/submit_on.jpg') no-repeat;

	

	}

/********************************************************************************************** Side-bar */

#side-bar{

	display:block;

	width:265px;

	margin:25px 0px 25px 40px;

	float:right;

	}

.sidebar-header{

	padding-bottom:10px;

	margin-bottom:10px;

	background:bottom url('../images/headers-line.jpg') repeat-x;

	}

.social {
       width:30%;

       padding-left:5px;
}

.rss_content {

       padding:10px 0 0 5px;

       float:right;

       height: 93px;

       width:65%;
}

#side-bar #testimonial-text-block{

	display:block;

	width:235px;

	color:#FFF;

	font-size:12px;

	line-height:15px;

	padding:10px;

	border:5px #be45d4 solid;

	background-color:#c75fda;

	}	

#side-bar #testimonial-bottom{

	display:block;

	padding:2px 0 0 0;

	width:255px;

	height:20px;

	background:top right url('../images/testimonial-mark.jpg') no-repeat;

	}

	

#side-bar #quote-block{

	display:block;

	width:235px;

	color:#f4f4f4;

	font-size:18px;

	line-height:22px;

	padding:10px;

	border:5px #ababab solid;

	background-color:#141414;

	}

#side-bar #quote-block a:hover{

	color:#FFF;	

	}	

.clear{

	width:908px;

	height:1px;

	display:block;

	clear:both;

	}

#side-bar .wordpress-img{

	border:4px #CCC solid;

	margin-bottom:5px;

	}

#side-bar .wordpress-img:hover{

	border:4px #999 solid;

	}

#side-bar .featured-img{

	border:4px #CCC solid;

	margin-bottom:5px;

	}

#side-bar .featured-img:hover{

	border:4px #999 solid;

	}

/********************************************************************************************** Bottom-container */

#bottom-container{

	width:960px;

	padding:20px 0px 25px 0px;

	margin: 10px auto 0px auto;

	display:block;

	color:#f4f4f4;

	background: top center url('../images/bottom-content-bg.jpg') no-repeat #aaaaaa;

	}

.link-block{

	position:relative;

	display:block;

	float:left;

	width:165px;

	margin:0px 0px 0px 20px;

	}

.link-block a{

	color:#f4f4f4;

	}

#clear-bottom{

	display:block;

	clear:both;

	width:960px;

	height:1px;

	}

/********************************************************************************************** Footer */



#footer-container{

	position:relative;

	width:960px;

	height:73px;

	margin: 10px auto 0px auto;

	display:block;

	color:#7b7b7b;

	background: url('../images/footer-bg-paw.jpg') no-repeat;

	}

#copyright{

	width:300px;

	height:73px;

	margin: 0 0 0 90px;

	padding:18px 0 0 0;

	display:block;

	font-size:12px;

	}

#footer-menu{

	position:absolute;

	display:block;

	right:15px;

	top:20px;

	width:470px;

	height:20px;

	}

#footer-menu a{

	display:block;

	padding:5px 10px;

	float:left;

	color:#7b7b7b;

	font-size:14px;

	text-decoration:none;

	}

#footer-menu a:hover{

	color:#000;	

	}
.link-block li{

	list-style: none;

	color:#f4f4f4;

	}