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

body
{
margin:0px;
padding:0px;
background: url(../images/mindxstudio-body-bg.jpg) left top repeat-x #FFF;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:6px 0px;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#warper
{
width:100%;
height:auto;
float:left;
text-align:left;
}
#lp-for-sale
{
width:100%;
height:auto;
float:left;
text-align:left;
}
.container
{
width:960px;
height:auto;
margin:0px auto;
text-align:center;
}
#header1
{
width:960px;
height:250px;
float:left;
text-align:left;
background:url(../images/mindxstudio-header1-bg.jpg) left top no-repeat;
}
.header1-top
{
width:960px;
height:144px;
float:left;
text-align:left;
}
.header1-logo-box
{
width:312px;
height:144px;
float:left;
text-align:left;
}
.navcontainer {
		width:622px;
        margin:0px;
        height: auto;
		float:right;
		padding-top:29px;
		}

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

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
		height:32px;
		margin-right:18px;
		margin-bottom:18px;
		width:142px;
				}

.navcontainer ul li a {
        width: 142px;
        height: 32px;
		padding:0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 15px/30px Myriad Pro, Arial, Helvetica, sans-serif;
		font-variant: normal;
	    text-transform: none;
		float:left;
		text-align:center;
		background: url(../images/mindxstudio-menu-normal-bg.gif) left top no-repeat;
	}

.navcontainer ul li a:hover {
        color: #FFF;
        font: bold 15px/30px Myriad Pro, Arial, Helvetica, sans-serif;
		text-decoration:none;
		height:32px;
		background: url(../images/mindxstudio-menu-hover-bg.gif) left top no-repeat;
}
.navcontainer ul li.active a {
        color: #FFF;
        font: bold 15px/30px Myriad Pro, Arial, Helvetica, sans-serif;
		text-decoration:none;
		height:32px;
		background: url(../images/mindxstudio-menu-active-bg.gif) left top no-repeat;
}
.header1-bottom
{
width:960px;
height:88px;
float:left;
text-align:left;
padding-top:18px;
}
.body-main1
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-top:45px;
}
.body-top-title
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-bottom:6px;
}
/* sub-navigation */
.service
{
width:960px;
height:auto;
float:left;
text-align:center;
background:url(../images/mindxstudio-gray-top-bg.jpg) left top no-repeat;
padding-top:30px;
}
.service ul
{
margin:0;
padding:0;
list-style-type:none;
}
.service ul li
{
width:300px;
height: auto;
float:left;
display:block;
margin-right:30px;
margin-bottom:30px;
text-align:left;
background-color: #cccccc;
font:bold 12px/40px Arial, Helvetica, sans-serif;
color: #666666;
text-decoration:none;
}
.service-top-box
{
width:300px;
height:220px;
float:left;
text-align:left;
}
.buy-now-box
{
width:300px;
height:40px;
float:left;
text-align:center;
background:url(../images/buy-now-normal-bg.jpg) left top no-repeat;
font:bold 12px/40px Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #669933;
}
.buy-now-box:hover
{
width:300px;
height:40px;
float:left;
text-align:center;
background:url(../images/buy-now-normal-bg.jpg) left top no-repeat;
background-color:#3399ff;
color:#FFFFFF;
}
.buy-now-box a
{
color:#FFF;
text-decoration:none;
}
.buy-now-box a:hover
{
color:#FFF;
text-decoration:underline;
}
.service-th
{
padding:2px;
border:1px solid #669933;
background-color: #FFF;
}
.service-th:hover
{
padding:2px;
border:1px solid #3399ff;
background-color: #FFF;
}
.custom-lp-design
{
width:100%;
height:auto;
float:left;
text-align:left;
background:url(../images/mindxstudio-custom-design-b.jpg) left top repeat-x;
padding-top:39px;
}
#order-now-box
{
width:100%;
height:auto;
float:left;
text-align:left;
background:url(../images/mindxstudio-custom-design-b.jpg) left top repeat-x;
padding-top:39px;
padding-bottom:30px;
}
.header2-box
{
width:960px;
height:143px;
float:left;
text-align:left;
background:url(../images/mindxstudio-header2-bg.jpg) left top no-repeat;
}
.logo2-box
{
width:315px;
height:143px;
float:left;
text-align:left;
}
.body-order-now-box
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/mindxstudio-gray-top-bg.jpg) left top no-repeat;
padding-top:34px;
}
.body-order-left-box
{
width:632px;
height:auto;
float:left;
text-align:left;
}
.body-order-right-box
{
width:306px;
height:auto;
float:right;
text-align:right;
}
.summery-box
{
width:630px;
height:auto;
float:left;
text-align:left;
}
.summery-top-box
{
width:630px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
}
.contact-form-box
{
width:450px;
height:auto;
float:left;
text-align:left;
background-color:#669933;
padding:20px 89px;
color:#FFF;
font-weight:bold;
border:1px solid #336600;
}
.contact-form-box p
{
margin:15px 0px;
}
.input1
{
width:218px;
height:20px;
text-align:left;
padding-left:2px;
padding-top:4px;
color: #333333;
border:1px solid #336600;
background-color: #FFF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
}
.price-list-box
{
width:300px;
height:auto;
float:right;
text-align:left;
}
.subnav
{
width:300px;
height:auto;
float:left;
text-align:left;
padding-top:4px;
}
.subnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.subnav ul li
{
width:300px;
height:36px;
float:left;
display:block;
text-align:left;
font: normal 12px/36px Arial, Helvetica, sans-serif;
color: #666666;
}
.subnav ul li.gray
{
background:url(../images/mindxstudio-price-list-gray.jpg) left top no-repeat;
}
.price-left-box
{
width:240px;
height:36px;
float:left;
text-align:left;
padding-left:10px;
}
.price-right-box
{
width:40px;
height:36px;
float:right;
text-align:left;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
background: url(../images/mindxstudio-footer-bg.jpg) left top repeat-x;
padding-top:39px;
}
.footer-main
{
width:960px;
height:auto;
margin:0px auto;
text-align:center;
}
.footer-container
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/mindxstudio-footer-main-bg.jpg) left top no-repeat;
}
.footer-top
{
width:960px;
height:143px;
float:left;
text-align:left;
}
.footer-middle
{
width:960px;
height:30px;
float:left;
text-align:center;
color: #FFF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
padding-top:9px;
border-top:1px dashed #CCFF99;
}
.footer-middle a
{
color: #FFF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.footer-middle a:hover
{
color: #68ca19;
font: normal 12px/20px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.footer-bottom
{
width:960px;
height:35px;
float:left;
text-align:center;
color: #FFF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
padding-top:15px;
}
.footer-bottom a
{
color: #FFF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.footer-bottom a:hover
{
color: #68ca19;
font: normal 12px/20px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#666666;
text-decoration: none;
font-weight:bold;
}
body a:hover
{
color:#646464;
text-decoration: underline;
font-weight:bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	line-height: 36px;
	font-weight: normal;
	font-variant: normal;
	color: #ff9900;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
	font-weight:bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	color: #00ccff;
	text-decoration: none;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
	font-weight:bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
}
.green-text
{
color: #7cbc00;
font-weight:bold;
}
.orange-text
{
color: #ff9900;
font-weight:bold;
}
.portfolio
{
width:960px;
height:auto;
float:left;
text-align:center;
}
.portfolio ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.portfolio ul li
{
width:940px;
height:auto;
float:left;
text-align:center;
background-color:#f1f1f1;
border:1px solid #bdbdbd;
padding:9px;
color:#464646;
margin-bottom:26px;
}
.portfolio ul li:hover
{
width:940px;
height:auto;
float:left;
text-align:center;
background-color: #FFF;
border:1px solid #bdbdbd;
padding:9px;
color:#FFF;
}
.input
{
width:350px;
height:24px;
border:1px solid #7F9DB9;
background-color:#FFF;
padding:2px 0px 2px 4px;
line-height:20px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#4b4b4b;
font-size:11px;
}
.textarea
{
width:450px;
height:180px;
border:1px solid #336600;
background-color:#FFF;
padding:4px;
line-height:16px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#4b4b4b;
font-size:11px;
}
.footer-top1
{
width:960px;
height:auto;
float:left;
text-align:left;
padding:20px 0px 6px 0px;
}
.footer-top1 ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.footer-top1 ul li
{
width:220px;
height:auto;
float:left;
text-align:left;
padding-bottom:5px;
display:block;
padding-right:20px;
}
.footer-title
{
width:220px;
height:auto;
float:left;
text-align:left;
border-bottom:1px dashed #484848;
padding-bottom:6px;
}
.reviews
{
width:220px;
height:auto;
float:left;
text-align:left;
padding-top:7px;
}
.reviews ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.reviews ul li
{
width:220px;
height:18px;
float: left;
text-align:left;
display:block;
padding-right:0px;
list-style-type:none;
}
.reviews ul li a
{
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #bababa;
text-decoration:none;
}
.reviews ul li a:hover
{
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #99cc00;
text-decoration:none;
}
.reviews ul li.active a
{
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #99cc00;
text-decoration:none;
}