/* CSS Document */
body
{
margin:0px;
padding:0px;
background:url(../images/body-bg.jpg) left top repeat;
}
*
{
margin:0px;
padding:0px;
}
img
{
margin:0px;
padding:0px;
border:none;
}
p
{
margin:8px 0px;
text-align:justify;
}
.right
{
float:right;
}
.container-top
{
width:942px;
height:32px;
margin:0px auto;
background:url(../images/mindxstudio-round-top-bg.jpg) center top no-repeat;
text-align:center;
}
.container-bottom
{
width:942px;
height:32px;
margin:0px auto;
background:url(../images/mindxstudio-round-bottom-bg.jpg) center top no-repeat;
text-align:center;
}
.container
{
width:900px;
height:auto;
margin:0px auto;
text-align:center;
background-color:#FFF;
padding:0px 20px;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
}


/* CSS Header Document Start Here */

.header
{
width:100%;
height:172px;
text-align:center;
margin:0px auto;
background: url(../images/mindxstudio-header-bg.jpg) left bottom repeat-x #FFF;
border-bottom:1px solid #dcdcdc;
}
.header-top
{
width:942px;
height:110px;
text-align:left;
margin:0px auto;
}
.logo-box
{
width:320px;
height:110px;
float:left;
text-align:left;
}
.top-banner
{
width:612px;
height:98px;
float:right;
text-align: right;
padding-top:12px;
}
/* CSS Menu */
.navcontainer {
        margin:0px auto;
        padding:0px 16px 3px 16px;
        height: 41px;
		background:url(http://www.mindxstudio.com/images/wedoxhtml-menu-bar.gif) left top no-repeat;
		width:910px;
}

.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;
        margin: 0px;
		height:41px;
}

.navcontainer ul li a {
        width: 130px;
        height: 41px;
        padding: 0px;
        margin: 0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 14px/41px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		background-color:inherit;
}

.navcontainer ul li a:hover {
        color: #FEFEFE;
        background: url(http://www.mindxstudio.com/images/menu-bg-hover.gif) left top repeat-x;
		height:41px;
}

.navcontainer li.active a {
        color: #FDFDFD;
        background: url(http://www.mindxstudio.com/images/menu-bg-hover.gif) left top repeat-x;
		height:41px;
}
-->

/* CSS Header Document End Here */


/* CSS Body main Document Start Here */
.body-main
{
width:900px;
height:auto;
text-align:center;
padding:10px 0px 10px;
}
.welcome-box
{
width:900px;
height:230px;
background:url(http://www.mindxstudio.com/images/profile-bg-normal.gif) right top no-repeat;
text-align:left;
float:left;
}
.welcome-box:hover
{
width:900px;
height:230px;
background:url(http://www.mindxstudio.com/images/profile-bg-hover.gif) right top no-repeat;
text-align:left;
float:left;
}
.welcome-image
{
float:right;
margin-right:15px;
margin-top:15px;
}
.welcome-content
{
width:520px;
height:auto;
float:left;
text-align:left;
}
.welcome-title
{
width:450px;
height:60px;
float:left;
text-align:left;
padding-left:70px;
background:url(http://www.mindxstudio.com/images/mindxstudio-offer.gif) left top no-repeat;
margin-bottom:20px;
}
.mindx-arrow
{
margin-right:6px;
}
.body-box
{
width:900px;
height:auto;
text-align:left;
padding-top:20px;
}
.body-left
{
width:670px;
height:auto;
float:left;
text-align:left;
}
.index-left
{
width:325px;
height:auto;
float:left;
text-align:left;
}
.current-project-box
{
width:314px;
height:115px;
background:url(http://www.mindxstudio.com/images/current-project-bg-normal.gif) left top no-repeat;
float:left;
padding-left:11px;
padding-top:11px;
margin:18px 0px 8px 0px;
}
.current-project-box:hover
{
background:url(http://www.mindxstudio.com/images/current-project-bg-hover.gif) left top no-repeat;
}
.current-porject-disc
{
width:320px;
height:auto;
float:left;
text-align:left;
}
.index-right
{
width:320px;
height:auto;
float:right;
text-align:left;
}
.services
{
width:320px;
height:auto;
float:left;
text-align:left;
margin-top:18px;
}
.services ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: left;
}

.services ul li {
        display: block;
        float: left;
        text-align:center;
        padding: 0px;
        margin-bottom:6px;
		height:42px;
}

.services ul li a {
        width: 280px;
        height: 42px;
        padding-left:40px;
        color: #646464;
        text-decoration: none;
        display: block;
        text-align: left;
        font: bold 26px/42px Arial, Helvetica, sans-serif;
		background: url(http://www.mindxstudio.com/images/service-arrow-normal.gif) left center no-repeat #F7F7F7;
}

.services ul li a:hover {
        color: #78BB17;
        background: url(http://www.mindxstudio.com/images/service-arrow-hover.gif) left center no-repeat #F9FFF0;
		height:42px;
}

.services ul li a.active {
        color: #78BB17;
        background: url(http://www.mindxstudio.com/images/service-arrow-hover.gif) left center no-repeat #F9FFF0;
		height:42px;
}
.left-title
{
background:url(http://www.mindxstudio.com/images/title-bg.gif) left top repeat-x;
width:320px;
height:30px;
float:left;
padding-top:4px;
}
.index-testimonials-box
{
background:url(http://www.mindxstudio.com/images/index-testimonials-bg.gif) left bottom no-repeat;
width:560px;
float:left;
padding-right:110px;
height:98px;
padding-top:18px;
}
.body-right
{
width:202px;
height:auto;
float:right;
text-align:left;
}
.body-right-box
{
width:202px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
}
.free-quote-title
{
width:202px;
float:left;
text-align:left;
height:82px;
}
.free-quote-box
{
width:170px;
height:auto;
float:left;
text-align:left;
padding:16px;
background-color:#ECECEC;
}
.mail-box
{
width:588px;
height:auto;
float:left;
background-color:#f7f7f7;
border:1px solid #bdbdbd;
padding:20px 40px;
margin:20px 0px;
}
.input
{
width:212px;
height:20px;
border:1px solid #333;
background-color:#666;
padding-left:4px;
line-height:20px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:11px;
}


textarea
{
width:162px;
height:80px;
border:1px solid #7F9DB9;
background-color:#FFF;
padding-left:4px;
line-height:16px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#4b4b4b;
font-size:11px;
}
.submit-bt
{
border:1px solid #bdbdbd;
float:right;
}
.submit-bt:hover
{
border:1px solid #78BB17;
}
.discount
{
border:1px dashed #B3D57F;
padding:20px;
background-color:#F8FFEE;
}
.email
{
border:1px dashed #bdbdbd;
padding:20px;
background-color:#FAFAFA;
width:524px;
text-align:center;
float:left;
}
.clear
{
clear:both;
height:1px;
}
/* CSS Body main Document End Here */


/* CSS Footer Document Start Here */
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
background: url(../images/footer-bg.jpg) left top repeat-x #191919;
font: normal 12px/22px Arial, Helvetica, sans-serif;
color: #dfdfdf;
padding-top:18px;
}
.footer-main
{
width:983px;
height:auto;
text-align:center;
margin:0px auto;
}
.footer-top
{
width:960px;
height:auto;
float:left;
text-align:left;
padding:0px 0px 6px 23px;
}
.footer-top ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.footer-top 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;
}
.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;
}
.footer-bottom
{
width:983px;
height:auto;
float:left;
text-align:center;
background:url(../images/footer-line-bg.jpg) left top no-repeat;
padding-top:18px;
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #dfdfdf;
}
.footer-bottom a
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #99cc00;
text-decoration:none;
}
.footer-bottom a:hover
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
/* CSS Footer Document End Here */

/* CSS Text Document Start Here */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #646464;
	text-decoration: none;
}
.testimonial-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #79BC17;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #79BC17;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FF940B;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #646464;
	text-decoration: none;
	margin:0px;
	padding:0px;
	text-align:left;
}
body a
{
color:#79BC17;
font-weight:bold;
text-decoration:none;
}
body a:hover
{
color:#FF940B;
text-decoration:none;
}

/* CSS Document For Portfolio Page Here */
.portfolio-th-box
{
width:250px;
height:120px;
float:left;
text-align:left;
padding:10px 30px 10px 10px;
background:url(http://www.mindxstudio.com/images/portfolio-box-bg.gif) left top no-repeat;
}
.portfolio-th-box:hover
{
background:url(http://www.mindxstudio.com/images/portfolio-box-bg-hover.gif) left top no-repeat;
}
.prorfolio-disc
{
width:276px;
height: auto;
float:right;
text-align:justify;
padding-top:5px;
}


/* CSS Document for About US */
.who-we-are
{
width:460px;
height:250px;
float:left;
text-align:left;
padding-bottom:30px;
background:url(http://www.mindxstudio.com/images/mindxstudio-who-we-are.jpg) left top no-repeat;
padding-left:210px;
}
.web-design-disc
{
width:550px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
background: url(http://www.mindxstudio.com/images/web-design-icon.jpg) left top no-repeat;
padding-left:120px;
}
.web-dev-disc
{
width:550px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
background: url(http://www.mindxstudio.com/images/web-development-icon.gif) left top no-repeat;
padding-left:120px;
}
.graphic-design-disc
{
width:550px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
background: url(http://www.mindxstudio.com/images/graphic-design-icon.jpg) left top no-repeat;
padding-left:120px;
}
.web-template-02
{
width:460px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
background: url(http://www.mindxstudio.com/images/web-2.0-template.gif) left top no-repeat;
padding-left:210px;
}
.orange-color
{
color:#FF940B;
}
.green-color
{
color:#79BC17;
}
.talk-to-mindxstudio
{
width:152px;
height:202px;
float:left;
text-align:left;
line-height:50px;
background:url(http://www.mindxstudio.com/images/talk-to-mindxstudio.gif) left top no-repeat #7ab800;
margin-bottom:20px;
padding-left:50px;
color:#FFF;
padding-top:32px;
font-size:11px;
font-weight:bold;
}

.talk-to-mindxstudio a
{
color:#FFF;
text-decoration:none;
}

.talk-to-mindxstudio a:hover
{
color:#FF940B;
text-decoration:none;
}

/* CSS Document for Services Page */
.webservices
{
width:670px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
background:url(http://www.mindxstudio.com/images/separatin-bg.gif) left bottom no-repeat;
margin-bottom:10px;
}
.webdesign-services
{
width:520px;
height:auto;
float:left;
text-align:left;
background:url(http://www.mindxstudio.com/images/mindxstudio-web-icon.gif) left top no-repeat;
padding-left:150px;
}
.webdesign-development
{
width:520px;
height:auto;
float:left;
text-align:left;
background: url(http://www.mindxstudio.com/images/development-tool.gif) left top no-repeat;
padding-left:150px;
}
.web-templates
{
width:520px;
height:auto;
float:left;
text-align:left;
background: url(http://www.mindxstudio.com/images/mindxstudio-templates.gif) left top no-repeat;
padding-left:150px;
}
.psd-2-xhtml
{
width:520px;
height:auto;
float:left;
text-align:left;
background: url(http://www.mindxstudio.com/images/psd-2-xhtml.gif) left top no-repeat;
padding-left:150px;
}
.graphic-services
{
width:520px;
height:auto;
float:left;
text-align:left;
background: url(http://www.mindxstudio.com/images/graphics-icon.gif) left top no-repeat;
padding-left:150px;
}

/* CSS Document for Portfolio Page */
.portfolio-box
{
width:880px;
height:185px;
padding:20px 20px 20px 0px;
background:url(http://www.mindxstudio.com/images/portfolio-bg-normal.gif) right top no-repeat;
border-bottom:1px solid #e1e1e1;
float:left;
text-align: left;
margin-top:20px;
}
.portfolio-box:hover
{
width:880px;
height:185px;
padding:20px 20px 20px 0px;
background: url(http://www.mindxstudio.com/images/portfolio-bg-hover.gif) right top no-repeat;
border-bottom:1px solid #e1e1e1;
float:left;
text-align: left;
margin-top:20px;
}
.portfolio-box-disc
{
width:350px;
height: auto;
float:left;
text-align:left;
}
.pagination-box
{
width:900px;
height:22px;
text-align: right;
float:left;
}
.pagination-box a
{
color:#FFF;
text-decoration:none;
background-color:#1473d1;
border:1px solid #f7f7f7;
padding:1px 5px;
margin:0px 5px;
line-height:20px;
}
.pagination-box a:hover
{
color:#FFF;
text-decoration:none;
background-color:#79bc17;
border:1px solid #f7f7f7;
padding:1px 5px;
margin:0px 5px;
line-height:20px;
}
.psd2xhtml-services-title
{
width:544px;
height:80px;
background:url(http://www.mindxstudio.com/images/wedoxhtml-offer.jpg) left top no-repeat;
padding-left:126px;
padding-top:30px;
}
.psd2xhtml-services
{
width:670px;
height:auto;
float:left;
text-align:left;
font: bold 13px/30px Arial, Helvetica, sans-serif;
color:#646464;
}
.psd2xhtml-services ul {
        border:0px;
        margin:0px;
        padding:0px;
        list-style-type:none;
        text-align:left;
}

.psd2xhtml-services ul li {
        display:block;
        float:left;
        text-align:left;
        padding-left:48px;
        margin:0px;
		height:30px;
		background:url(http://www.mindxstudio.com/images/check.png) 16px center no-repeat;
		width:622px;
}
.psd2xhtml-services ul li a {
        width: 622px;
        height: 30px;
        color: #646464;
        text-decoration: none;
        display: block;
        text-align:left;
		background-color:inherit;
}

.psd2xhtml-services ul li a:hover {
        color: #79BC17;
		height:30px;
}
.quote-outer
{
background:url(http://www.mindxstudio.com/images/quote-right.gif) right bottom no-repeat;
width:670px;
height:auto;
float:left;
}
.quote-inner
{
width:590px;
height:auto;
background:url(http://www.mindxstudio.com/images/quote-left.gif) left top no-repeat;
padding-left:40px;
padding-right:40px;
}
.quote-box
{
width:670px;
height:auto;
float:left;
text-align:left;
background:url(http://www.mindxstudio.com/images/slicing-part-bg.jpg) left bottom no-repeat;
padding-bottom:36px;
margin-bottom:15px;
}
.psd2xhtml-port-title
{
background:url(http://www.mindxstudio.com/images/title-bg.gif) left top repeat-x;
width:670px;
height:30px;
float:left;
padding-top:4px;
}
.psd2xhtml-port-th-box
{
width:250px;
height:120px;
float:left;
text-align:left;
padding:10px 30px 10px 10px;
background:url(http://www.mindxstudio.com/images/portfolio-box-bg1.gif) left top no-repeat;
}
.psd2xhtml-port-th-box:hover
{
background:url(http://www.mindxstudio.com/images/portfolio-box-bg1-hover.gif) left top no-repeat;
}
.psd2xhtml-port-disc
{
width:376px;
height: auto;
float:right;
text-align:justify;
padding-top:5px;
}
.sitemap-title
{
width:534px;
height:80px;
background: url(http://www.mindxstudio.com/images/mindxstudio-sitemap-folder.gif) left top no-repeat;
padding-left:136px;
padding-top:30px;
}
.contactmind-title
{
width:590px;
height:66px;
background: url(http://www.mindxstudio.com/images/mindxstudio-mail.gif) left top no-repeat;
padding-left:80px;
}
.template-th
{
border:10px solid #79BC17;
margin-left:75px;
}
.template-th:hover
{
border:10px solid #FF9900;
margin-left:75px;
}

/* sub-navigation */
.recent-project{
	background-color:#FFF;
	color: #646464;
	font: normal 11px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	float:left;
}
.recent-project ul {margin: 0; padding: 0;}
.recent-project li {
	list-style: none;
	}
.recent-project li a {
	display: block;
	padding: 4px 0 4px 6px;
	width: 196px;
	margin-bottom:3px;
	text-decoration: none;
	color: #646464;
	font-weight:normal;
	border-bottom:3px;
}
.recent-project li a:hover {
	color: #79BC17;
	background: url(http://www.mindxstudio.com/images/recent-project-bg.jpg) left top no-repeat;
	padding: 4px 0 4px 6px;
	width: 196px;
	margin-bottom:3px;
}
.recent-project li a.active {
	color: #79BC17;
	background: url(http://www.mindxstudio.com/images/recent-project-bg.jpg) left top no-repeat;
	padding: 4px 0 4px 6px;
	width: 196px;
	margin-bottom:3px;
}
/* sub-navigation */
.gallery
{
width:627px;
height:auto;
float:left;
text-align:center;
padding-left:43px;
}
.gallery ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.gallery ul li
{
width:270px;
height:auto;
list-style-type:none;
float:left;
margin-right:43px;
margin-bottom:30px;
background-color:#666;
}
.gallery ul li p
{
background-color:#7ab800;
margin:0px;
padding:4px 0px;
line-height:20px;
clear:left;
color:#FFF;
font-weight:bold;
text-align:center;
}

.gallery ul li a
{
padding:10px;
display:block;
width:250px;
height:auto;
list-style-type:none;
background-color:#666;
float:left;
color:#FFF;
text-decoration:none;
}
.gallery ul li a:hover
{
padding:10px;
display:block;
width:250px;
height:auto;
list-style-type:none;
background-color:#7ab800;
float:left;
color:#7ab800;
text-decoration:none;
}
.gallery ul li.none
{
margin-right:0px;
}
#twitter_div
{
	width:900px;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:left;
}
#twitter_div ul
{
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
}
#twitter_div ul li
{
	margin:0px;
	padding:4px;
	text-align:left;
	list-style-type:none;
	border-top:1px solid #f1f1f1;
	display:block;
}
#twitter_div ul li:hover
{
	margin:0px;
	padding:4px;
	text-align:left;
	list-style-type:none;
	border-top:1px solid #f1f1f1;
	display:block;
	background-color:#f7f7f7;
}
.gallery1
{
width:875px;
height:auto;
float:left;
text-align:center;
padding-left:25px;
}
.gallery1 ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.gallery1 ul li
{
width:270px;
height:auto;
list-style-type:none;
float:left;
margin-right:20px;
margin-bottom:30px;
background-color:#666;
}
.gallery1 ul li p
{
background-color:#7ab800;
margin:0px;
padding:4px 0px;
line-height:20px;
clear:left;
color:#FFF;
font-weight:bold;
text-align:center;
}

.gallery1 ul li a
{
padding:10px;
display:block;
width:250px;
height:auto;
list-style-type:none;
background-color:#666;
float:left;
color:#FFF;
text-decoration:none;
}
.gallery1 ul li a:hover
{
padding:10px;
display:block;
width:250px;
height:auto;
list-style-type:none;
background-color:#7ab800;
float:left;
color:#7ab800;
text-decoration:none;
}
.gallery1 ul li.none
{
margin-right:0px;
}