@charset "utf-8";
/* CSS Document */

body
{
margin:0px;
padding:0px;
background: url(../images/mindxstudio-body-bg.jpg) left top repeat-x #FFF;
font: normal 13px/20px Arial, Helvetica, sans-serif;
color: #666666;
}
body a
{
font: bold 13px/20px Arial, Helvetica, sans-serif;
color: #89b03a;
text-decoration:none;
}
body a:hover
{
font: bold 13px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: none;
}
h1
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-align:justify;
}
	
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
text-align:justify;
}
.inner-body
{
	background:url(../images/mindxstudio-inner-body-bg.jpg) left top repeat-x #FFF;
}
.clear
{
clear:both;
height:0px;
}
#container
{
	width: 100%;
	height:auto;
	float:left;
	text-align:center;
}
#warper
{
	width: 100%;
	height:auto;
	float:left;
	text-align:center;
}
#header
{
	width: 100%;
	height:auto;
	float:left;
	text-align:center;
	background:url(../images/mindxstudio-header-main-bg.jpg) left top repeat-x;
}
.header-main
{
	width:960px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.header-container
{
	width:960px;
	height:148px;
	float:left;
	text-align:left;
}
.header-top-box
{
	width:960px;
	height:84px;
	float:left;
	text-align:left;
	padding-top:20px;
	
}
.logo-box
{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
}
.header-top-right
{
	width:660px;
	height:84px;
	float:right;
	text-align:left;
	color:#999;
}
.header-like-box
{
	width:660px;
	height:auto;
	float:left;
	text-align:right;
	font-weight:normal;
	padding-bottom:10px;
}
.header-like-box a
{
	font-weight:normal;
	text-decoration:none;
}
.header-like-box a:hover
{
	font-weight:normal;
	text-decoration:none;
}
.header-call-box
{
	width:660px;
	height:auto;
	float:left;
	text-align:right;
}

.menu-box
{
	width:960px;
	height:44px;
	float:left;
	text-align:left;
}
/* CSS Menu */
.nav {
		width:960px;
        height: 44px;
		float:left;
		text-align:left;
		}

.nav ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.nav ul li {
        display: block;
        float: left;
        text-align: center;
        margin: 0px;
		height:44px;
		padding:0px;
		background:url(../images/mindxstudio-menu-bar-bg.jpg) right center no-repeat;
		width: 96px;
		}

.nav ul li a {
        width: 96px;
        height: 44px;
        margin: 0px;
		padding:0px;
        color: #999999;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 11px/44px Arial, Helvetica, sans-serif;
	}

.nav ul li a:hover {
        color: #FFF;
        font: bold 11px/44px Arial, Helvetica, sans-serif;
		display:block;
		text-decoration: none;
		width: 96px;
		}
.nav ul li.active a {
	width: 96px;
	height:44px;
        color: #FFF;
		 font: bold 11px/44px Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:url(../images/menu-bg-hover.gif) left top repeat-x #000;
}
.nav ul li.live
{
	width: 96px;
	height:44px;
        color: #FFF;
		font: bold 11px/44px Arial, Helvetica, sans-serif;
		text-decoration:none;
		background: url(../images/menu-bg-active.jpg) left top repeat-x #F90;
		}
.nav ul li.live a
		{
			color:#FFF;
		}
.live-chat-box
{
	width:100px;
	height:32px;
	float:right;
	text-align:left;
	padding-top:12px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color: #89b03a;
}
#body-main
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}
.body-container
{
	width:960px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.body-main-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding:26px 0px;
}
.welcome-box
{
	width:960px;
	height:384px;
	float:left;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	color:#111;
}
.welcome-box h1
{
	font: bold 40px/42px Impect, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	text-align:justify;
}
.welcome-box a
{
font: bold 20px/24px Arial, Helvetica, sans-serif;
color: #89b03a;
text-decoration:none;
}
.welcome-box a:hover
{
font: bold 20px/24px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: none;
}
a.about {
	background: #91be36;
	background: -webkit-gradient(linear, left top, left bottom, from(#98c73a), to(#7fa82e));
	background: -moz-linear-gradient(top,  #98c73a,  #7fa82e);
	display: block;
    color: #fff;
	text-align:center;
    text-decoration: none;
    width:218px;
	font: bold 20px/42px Arial, Helvetica, sans-serif;
	height:42px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: 0 2px 2px #719527;
	 border:1px solid #84ad30;
	 margin-top:15px;
}
a.about:hover {
	background: #91be36;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fa82e), to(#98c73a));
	background: -moz-linear-gradient(top,  #7fa82e,  #98c73a);
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
    text-shadow: 0 2px 2px #719527;
	 font: bold 20px/42px Arial, Helvetica, sans-serif;
	 color: #FFF;
	 border:1px solid #84ad30;
	 margin-top:15px;
	 text-decoration:none;
}

#project
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:24px;
}
#project p
{
	padding:12px 0px 0px 0px;
	margin:0px;
}
#project p a
{
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
}
#project p a:hover
{
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	color: #89b03a;
	text-decoration: none;
}
#project h2
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom:15px;
}
#project h2 a
{
	font: bold 20px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
#project h2 a:hover
{
	font: bold 20px/30px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration:none;
}

#project ul.main
{
	 float: left; 
	 width: 960px;
	 padding-top:24px;
	 }
#project ul.main li
 { 
 list-style: none; 
 float: left; 
 margin-right:30px; 
 width:300px;
 display:block;
}
#project ul.main a img 
{ 
border:1px solid #cccccc;
background-color: #f5f5f5;
padding:9px;
}
#project .main a img:hover
{
border:1px solid #9ebe3e;
background-color: #f7fee3;
padding:9px;
}
#work
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	background:url(../images/mindxstudio-gray-shadow-bg.jpg) center top no-repeat;
	padding-top:20px;
}
#work h2
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	border-bottom:1px dashed #cccccc;
	padding:5px 0px;
}
#work h2 a
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
#work h2 a:hover
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration:none;
}

#work ul.box
{
	 float: left; 
	 width: 960px;
	 padding-top:15px;
	 }
#work ul.box li
 { 
 list-style: none; 
 float: left; 
 margin-right:30px; 
 width:300px;
 display:block;
}
#work ul.box li h2
{
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	color: #333333;
	border:none;
	background: url(../images/mindxstudio-line.gif) left bottom no-repeat;
	padding-bottom:22px;
}
#work ul.box li h2 a
{
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	color: #333333;
	padding:0px;
	border:none;
	text-decoration:none;
}
#work ul.box li h2 a:hover
{
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	color: #628b01;
	padding:0px;
	border:none;
	text-decoration:none;
}
.work-left
{
	width:64px;
	height:auto;
	float:left;
	text-align:left;
}
.work-right
{
	width:215px;
	height:auto;
	float:right;
	text-align:left;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
.service
{
	width:620px;
	height:auto;
	float:left;
	text-align:left;
}
.service ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.service ul li
{
	width:620px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:16px 0px;
	border-bottom:1px dashed #cccccc;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
    color: #666666;
}
.service ul li a
{
font: bold 13px/18px Arial, Helvetica, sans-serif;
color: #89b03a;
text-decoration:none;
}
.service ul li a:hover
{
font: bold 13px/18px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration:none;
}
.service ul li h2
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom:10px;
}
.service ul li h2 a
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
.service ul li h2 a:hover
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration:none;
}
.service-left
{
	width:140px;
	height:auto;
	float:left;
	text-align:left;
}
.service-right
{
	width:460px;
	height:auto;
	float:right;
	text-align:left;
}
.body-right
{
	width:300px;
	height:auto;
	float:right;
	text-align:left;
}
.banner-box
{
	width:300px;
	height:auto;
	float:right;
	text-align:left;
	padding-bottom:20px;
}

.recent-job-box
{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:10px;
}
.recent-job-title
{
	width:290px;
	height:38px;
	float:left;
	text-align:left;
	background:url(../images/mindxstudio-recent-job-title-bg.jpg) left top no-repeat;
	padding-left:10px;
	font: bold 20px/38px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.list
{
	width:940px;
	height:auto;
	float:left;
	text-align:left;
	background:url(../images/mindxstudio-list-inside-bg.jpg) left top repeat-x #FFF;
	padding:10px 10px 0px 10px;
}
.list ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.list ul li
{
	width:313px;
	height:30px;
	float:left;
	text-align:left;
	display:block;
	font: normal 13px/30px Arial, Helvetica, sans-serif;
	color: #666666;
}
.list ul li a
{
	font: normal 13px/30px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
}
.list ul li a:hover
{
	font: normal 13px/30px Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration:none;
}
.facebook-platform-box
{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:20px;
}
.newslatter-box
{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
}
.newslatter-inside-box
{
	width:280px;
	height:auto;
	float:left;
	text-align:left;
	background:url(../images/mindxstudio-newslatter-inside-bg.jpg) left top repeat-x;
	padding:16px 10px 0px 10px;
}
.input-box
{
width:207px;
height:26px;
font:normal 13px/24px Arial, Helvetica, sans-serif;
color:#8d8c8c;
font-style:italic;
padding-left:10px;
padding-top:4px;
padding-bottom:3px;
border:1px solid #dddddd;
background-color: #ffffff;
}
a.add-botton {
	background: #1e1e1e;
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#121212));
	background: -moz-linear-gradient(top,  #303030,  #121212);
	display: block;
    color: #fff;
	text-align:center;
    text-decoration: none;
    width:55px;
	font: bold 13px/31px Arial, Helvetica, sans-serif;
	height:31px;
	float:right;
	border:none;
}
a.add-botton:hover {
	background: #1e1e1e;
	background: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#303030));
	background: -moz-linear-gradient(top,  #121212,  #303030);
	 font: bold 13px/31px Arial, Helvetica, sans-serif;
	 color: #FFF;
	 text-decoration:none;
	 border:none;
}
.portfolio-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
.portfolio-left-box
{
	width:450px;
	height:auto;
	float:left;
	text-align:left;
	padding-right:30px;
}
.portfolio-right-box
{
	width:450px;
	height:auto;
	float:right;
	text-align:left;
}
.portfolio
{
	 float: left; 
	 width: 450px;
	 height:auto;
	 text-align:left;
}
.portfolio ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.portfolio ul li
 { 
 float: left; 
 width:450px;
 display:block;
 height:auto;
 padding:15px 0px;
 border-bottom:1px dashed #cccccc;
 font: normal 13px/30px Arial, Helvetica, sans-serif;
 color: #666666;
}
.portfolio ul li a
{
 font: bold 13px/30px Arial, Helvetica, sans-serif;
 color: #89b03a;
 text-decoration:none;
}
.portfolio ul li a:hover
{
 font: bold 13px/30px Arial, Helvetica, sans-serif;
 color: #ff9900;
 text-decoration:none;
}
.portfolio ul li a img 
{ 
background-color: #f4f4f4;
padding:10px;
margin:12px 0px 12px 0px;
}
.portfolio ul li a img:hover
{
background-color: #f9f9f9;
padding:10px;
}
.portfolio ul li h2
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
}
.portfolio ul li h2 a
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
.portfolio ul li h2 a:hover
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration: none;
}
.contact
{
	width:620px;
	height:auto;
	float:left;
	text-align:left;
}
.contact h2
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
}
.contact h2 a
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
.contact h2 a:hover
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration:none;
}
.contact-top-box
{
	width:620px;
	height:auto;
	float:left;
	text-align:left;
	border-bottom:1px dashed #cccccc;
	padding-bottom:15px;
}
.input
{
width:256px;
height:22px;
font:normal 13px/22px Arial, Helvetica, sans-serif;
color:#333333;
padding-left:10px;
padding-top:4px;
padding-bottom:2px;
border:1px solid #dddddd;
background-color: #ffffff;
margin-top:2px;
margin-bottom:20px;
}
.massage
{
width:610px;
height:130px;
font:normal 13px/22px Arial, Helvetica, sans-serif;
color:#333333;
padding:4px;
border:1px solid #dddddd;
background-color: #ffffff;
margin-top:2px;
}
a.submit-botton {
	background: #8ab533;
	background: -webkit-gradient(linear, left top, left bottom, from(#98c73a), to(#7fa72d));
	background: -moz-linear-gradient(top,  #98c73a,  #7fa72d);
	display: block;
    color: #fff;
	text-align:center;
    text-decoration: none;
    width:69px;
	font: bold 13px/29px Arial, Helvetica, sans-serif;
	height:29px;
	border:1px solid #84ad30;
	margin-top:10px;
}
a.submit-botton:hover {
	background: #8ab533;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fa72d), to(#98c73a));
	background: -moz-linear-gradient(top,  #7fa72d,  #98c73a);
	 font: bold 13px/29px Arial, Helvetica, sans-serif;
	 color: #FFF;
	 text-decoration:none;
	border:1px solid #84ad30;
}
.contact-bottom-box
{
	width:620px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:10px;
}
.graphics-design-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
.graphics-design-box1
{
	width:630px;
	height:auto;
	float:left;
	text-align:left;
}
.graphics-design-top-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:20px;
	border-bottom:1px dashed #cccccc;
}
.graphics-design-top-box1
{
	width:630px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:20px;
	border-bottom:1px dashed #cccccc;
}
.graphics-design-th
{
	float:left;
	margin-right:20px;
}
.graphics
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
.graphics1
{
	width:630px;
	height:auto;
	float:left;
	text-align:left;
}
.graphics1 h2
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #333333;
	border-bottom:1px dashed #cccccc;
}
.graphics1 h2 a
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
.graphics1 h2 a:hover
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration:none;
}
.graphics h2
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #333333;
	border-bottom:1px dashed #cccccc;
}
.graphics h2 a
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
}
.graphics h2 a:hover
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #628b01;
	text-decoration:none;
}

.graphics ul.design
{
	 float: left; 
	 width: 960px;
	 padding-top:20px;
	 }
.graphics ul.design p
{
	text-align:center;
}
.graphics ul.design li
 { 
 list-style: none; 
 float: left; 
 margin-right:20px; 
 width:300px;
 display:block;
 font: bold 13px/18px Arial, Helvetica, sans-serif;
 color: #666666;
 padding-bottom:15px;
}
.graphics ul.design li a
{
 font: bold 13px/18px Arial, Helvetica, sans-serif;
 color: #89b03a;
 text-decoration:none;
}
.graphics ul.design li a:hover
{
 font: bold 13px/18px Arial, Helvetica, sans-serif;
 color: #ff9900;
 text-decoration:none;
}
.graphics ul.design a img 
{ 
border:1px solid #cccccc;
background-color: #f5f5f5;
padding:9px;
margin-bottom:5px;
}
.graphics .design a img:hover
{
border:1px solid #9ebe3e;
background-color: #f7fee3;
padding:9px;
}
.graphics-bottom-box
{
	width:470px;
	height:auto;
	text-align:left;
	margin:0px auto;
	clear:both;
	height:60px;
}
a.quote-botton {
	background: #202020;
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#111111));
	background: -moz-linear-gradient(top,  #303030,  #111111);
	display: block;
    color: #fff;
	text-align:center;
    text-decoration: none;
    width:230px;
	float:right;
	font: bold 20px/44px Arial, Helvetica, sans-serif;
	height:44px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: 0 2px 2px #151515;
}
a.quote-botton:hover {
	background: #202020;
	background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#303030));
	background: -moz-linear-gradient(top,  #111111,  #303030);
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
    text-shadow: 0 2px 2px #151515;
	 font: bold 20px/44px Arial, Helvetica, sans-serif;
	 color: #FFF;
	 text-decoration:none;
}
.template-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
.template-top-box
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
	padding-bottom:6px;
}
.template
{
	width:960px;
	height:auto;
	float:left;
	text-align:left;
}
.template p
{
	text-align:center;
}
.template h2
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #89b03a;
	text-align:center;
	border-bottom:1px dashed #cccccc;
}
.template h2 a
{
	font: bold 24px/40px Arial, Helvetica, sans-serif;
	color: #89b03a;
	text-decoration:none;
	border-bottom:1px dashed #cccccc;
}
.template h2 a:hover
{
	font: bold 24px/30px Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration:none;
	border-bottom:1px dashed #cccccc;
}

.template ul.sample
{
	 float: left; 
	 width: 960px;
	 padding-top:15px;
	 }
.template ul.sample li
 { 
 list-style: none; 
 float: left; 
 margin-right:30px; 
 width:300px;
 display:block;
 font: bold 13px/18px Arial, Helvetica, sans-serif;
 color: #666666;
 padding-bottom:15px;
}
.template ul.sample li a
{
 font: bold 13px/18px Arial, Helvetica, sans-serif;
 color: #666666;
 text-decoration:none;
}
.template ul.sample li a:hover
{
 font: bold 13px/18px Arial, Helvetica, sans-serif;
 color: #ff9900;
 text-decoration:none;
}
.template ul.sample a img 
{ 
border:1px solid #cccccc;
background-color: #f5f5f5;
padding:9px;
margin-bottom:5px;
}
.template .sample a img:hover
{
border:1px solid #9ebe3e;
background-color: #f7fee3;
padding:9px;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
}
.footer-top-box
{
width:100%;
height:auto;
float:left;
text-align:center;
background:url(../images/mindxstudio-footer-top-bg.jpg) left top repeat-x #111111;
}
#footer h2
{
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.footer-main
{
	width:1010px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.footer-top
{
	width:1000px;
	height:auto;
	float:left;
	text-align:left;
	border-bottom:1px solid #222222;
	padding:34px 5px 0px 5px;
}
.footer-top ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-top ul li
{
	width:219px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:0px 20px;
	border-right:1px solid #222222;
}
.menu
{
	width:219px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:8px;
	padding-bottom:12px;
}
.menu ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.menu ul li
{
	width:219px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:0px;
	border:none;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #999999;
}
.menu ul li a
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:none;
}
.menu ul li a:hover
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #89b03a;
	text-decoration: none;
}
.footer-middle
{
	width:1000px;
	height:auto;
	float:left;
	text-align:center;
	padding:14px 5px 14px 5px;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #555555;
}
.footer-middle a
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
}
.footer-middle a:hover
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #89b03a;
	text-decoration:none;
}
.footer-bottom-box
{
width:100%;
height:auto;
float:left;
text-align:center;
background-color: #090909;
}
.footer-bottom-main
{
	width:1010px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.footer-bottom
{
	width:1000px;
	height:auto;
	float:left;
	text-align:left;
	padding:0px 5px;
}
.footer-logo-box
{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
}
.footer-logo
{
	margin-top:20px;
}
.footer-bottom-right
{
	width:650px;
	height:auto;
	float:right;
	text-align:right;
	padding:15px 0px;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #555555;
}
.footer-bottom-right a
{
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #555555;
	text-decoration:none;
}
.footer-bottom-right a:hover
{
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #89b03a;
	text-decoration:none;
}
	.quote-box
{
width:620px;
height:auto;
float:left;
text-align:left;
padding-bottom:36px;
margin-bottom:15px;
}
.quote-outer
{
background:url(../images/quote-right.gif) right bottom no-repeat;
width:620px;
height:auto;
float:left;
}
.quote-inner
{
width:540px;
height:auto;
background:url(../images/quote-left.gif) left top no-repeat;
padding-left:40px;
padding-right:40px;
}
.contact-location-box
{
width:960px;
height:auto;
float:left;
text-align:left;
}
.location-title
{
width:960px;
height:52px;
float:left;
text-align:left;
background: url(../images/contact/semanticflow-location-title.jpg) left top no-repeat;
color: #0099cc;
font: bold 20px/52px Myriad Pro, Arial, Helvetica, sans-serif;
}
.location-title-bt
{
margin:11px 7px 0px 8px;
float:left;
} 
.location-inside
{
width:958px;
height:auto;
float:left;
text-align:center;
border-left:1px solid #d2d7dc;
border-right:1px solid #d2d7dc;
padding-top:10px;
}
.location-round-box
{
width:960px;
height:13px;
float:left;
text-align:left;
}
.quote-form-box
{
width:960px;
height:auto;
float:left;
text-align:left;
}
.quote-form-inside-box
{
width:880px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
background-color: #f7f7f7;
padding:30px 29px 0px 49px;
}
.quote-form-left
{
width:550px;
height:auto;
float:left;
text-align:left;
}
.quote-form-left-top
{
width:550px;
height:auto;
float:left;
text-align:left;
}
.quote-box
{
width:550px;
height:auto;
float:left;
text-align:left;
}
.quote-box ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.quote-box ul li
{
width:550px;
height:auto;
float:left;
text-align:left;
margin-bottom:25px;
display:block;
}
.quote-title-box
{
width:540px;
height:36px;
float:left;
text-align:left;
background:url(../images/semanticflow-quote-title-bg.jpg) left top no-repeat;
font: bold 14px/36px Arial, Helvetica, sans-serif;
color: #FFF;
padding-left:10px;
}
.plus-arrow
{
float:right;
margin:13px 13px 0px 0px;
}
.quote-inside
{
width:550px;
height:auto;
float:left;
text-align:left;
}
.quote-text-box
{
width:540px;
height:80px;
float:left;
text-align:left;
border-bottom:1px solid #d2d7dc;
border-left:1px solid #d2d7dc;
border-right:1px solid #d2d7dc;
border-top:none;
background-color: #FFF;
padding:4px;
}
.quote-submit-box
{
width:550px;
height:auto;
float:left;
text-align:left;
}
.availability-box
{
width:280px;
height:auto;
float:right;
text-align:left;
}
.availability-title-box
{
width:280px;
height:50px;
float:left;
text-align:left;
background:url(../images/semanticflow-availability-t.jpg) left top no-repeat;
font: bold 20px/50px Arial, Helvetica, sans-serif;
color: #0099cc;
}
.availability-title-bt
{
float:left;
margin:1px 4px 0px 3px;
}
.availability-inside-box
{
width:254px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
background-color: #FFF;
padding:12px 12px 0px 12px;
}
.availability-round-box
{
width:280px;
height:15px;
float:left;
text-align:left;
}
.quote-round-bottom
{
width:960px;
height:20px;
float:left;
text-align:left;
}
#faq
{
width:630px;
float:left;
text-align:left;
color:#333;
}
#faq a
{
color:#0066cc;
text-decoration:underline;
cursor:pointer;
}
#faq a:hover
{
color: #FF9900;
text-decoration:underline;
cursor:pointer;
}
#faq h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	margin-top:15px;
	cursor:pointer;
}