body
{
margin:0px;
padding:0px;
background-color:#151515;
}
*
{
margin:0px;
padding:0px;
vertical-align:top;
}
p
{
margin:7px 0px;
}
img
{
border:0px;
}
.clear
{
clear:both;
height:0px;
}
.right
{
float:right;
}
.container
{
width:100%;
height:auto;
text-align:center;
}

/* CSS Header Document */
.header
{
width:100%;
height:171px;
background:url(../images/body-bg.jpg) left top repeat-x;
text-align:center;
}
.header-inside
{
width:985px;
height:171px;
text-align:center;
margin:0px auto;
}
.header-top
{
width:985px;
height:101px;
text-align:center;
float:left;
}
.logo
{
width:295px;
height:101px;
float:left;
text-align:left;
padding-left:5px;
}
.header-right
{
width:680px;
height:101px;
text-align:center;
float:right;
}
.header-right-top
{
width:680px;
height:50px;
padding-top:20px;
text-align:right;
}
/* CSS Menu */
#navcontainer {
        margin:0px;
        padding:0px;
        height: 30px;
		width:680px;
		float:left;
}

#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;
		background-color:#0099cc;
		height:30px;
		width:109px;
		margin-right:4px;
}

#navcontainer ul li a {
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 11px/30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover {
        color: #FFF;
        background-color:#66ccff;
		height:30px;
		text-decoration:none;
}

#navcontainer ul li a.active {
        color: #FFF;
        background-color:#006699;
		height:31px;
		text-decoration:none;
}
-->
.title-disc
{
width:985px;
height:auto;
float:left;
text-align:left;
padding-top:10px;
}
/* CSS Bodymain Document */
.body-main
{
width:100%;
height:auto;
background: url(../images/body-main-top-bg.jpg) left top repeat-x #f7f7f7;
text-align:center;
padding:0px 0px 30px 0px;
}
.body-main-inside
{
width:985px;
height:auto;
text-align:center;
margin:0px auto;
}
.body-left
{
width:753px;
height:auto;
float:left;
text-align:left;
}
.featured-box
{
width:750px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-left-bg.gif) left top repeat-y;
padding-left:3px;
}
.featured-title
{
background:url(../images/future-title.jpg) left top no-repeat;
float:left;
text-align:left;
padding-left:40px;
width:688px;
height:43px;
padding-right:25px;
}
.featured-title1
{
background:url(../images/future-title1.jpg) left top no-repeat;
float:left;
text-align:left;
padding-left:37px;
width:688px;
height:43px;
padding-right:25px;
}
.featured-bottom-title
{
width:744px;
height:78px;
float: left;
text-align:left;
padding-left:6px;
}
.featured-bg
{
margin-top:18px;
margin-right:6px;
float:left;
}
.body-left-inside
{
width:710px;
height:auto;
float:left;
text-align:left;
padding:20px;
background:url(../images/bottom-bg.jpg) left bottom no-repeat;
}
.body-left-inside p
{
text-align:justify;
}
.template-th
{
border:10px solid #79BC17;
text-align:center;
}
.template-th:hover
{
border:10px solid #FF9900;
text-align:center;
}
.template
{
width:732px;
height:auto;
float:left;
text-align:left;
padding:0px 0px 0px 18px;
background:url(../images/bottom-bg.jpg) left bottom no-repeat;
}
.template ul
{
margin:0px; 
padding: 0px;
}
.template li
{
list-style-type:none;
}
.template ul li
{
width:222px;
display:block;
height:252px;
float:left;
margin-right:23px;
margin-bottom:30px;
text-decoration:none;
text-align:center;
line-height:30px;
background-color:#00a0dc;
color:#FFF;
}
.template ul li:hover
{
background-color:#99cc33;
}
.template ul li a
{
font: bold 11px/30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;

}
.template ul li a:hover
{
color: #FFF;
text-decoration:underline;
}
.template ul li img
{
border:1px solid #00a0dc;
}
.template ul li img:hover
{
border:1px solid #99cc33;
}
.template ul li strong
{
color:#FFF;
text-decoration:none;
font-size:12px;
}
.template ul li.no-margin
{
margin-right:0px;
padding-right:0px;
}
.bodyright
{
width:204px;
height:auto;
float:right;
text-align:left;
}
.body-right
{
width:200px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-right-bg.gif) left top repeat-y;
padding-left:4px;
}
.category-title
{
width:166px;
height:43px;
float:left;
text-align:left;
padding-left:38px;
background:url(../images/category-title.jpg) left top no-repeat;
}
.category-title1
{
width:166px;
height:43px;
float:left;
text-align:left;
padding-left:34px;
background:url(../images/category-title1.jpg) left top no-repeat;
}
.body-right-inside{
	color: #646464;
	font: normal 11px/22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	background:url(../images/right-bottom-bg.gif) left bottom no-repeat;
	float:left;
	padding-bottom:20px;
	width:200px;
}
.free-quote-box
{
width:170px;
height:auto;
float:left;
text-align:left;
padding:13px;
background-color:#ECECEC;
margin-left:2px;
margin-top:2px;
margin-bottom:2px;
}
input
{
width:160px;
height:20px;
border:1px solid #7F9DB9;
background-color:#FFF;
padding-left:4px;
line-height:20px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#4b4b4b;
font-size:11px;
}
textarea
{
width:160px;
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;
width:46px;
height:18px;
float:right;
margin-right:6px;
background-color:#e3e3e3;
}
.submit-bt:hover
{
border:1px solid #78BB17;
width:46px;
height:18px;
float:right;
margin-right:6px;
background-color:#e3e3e3;
}
/* Recent project link */
.recent-project{
	color: #646464;
	font: normal 11px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	float:left;
	width:196px;
	padding: 0px 2px;
	
}
.recent-project ul {margin: 0; padding: 0;}
.recent-project li {
	list-style: none;
	}
.recent-project li a {
	display: block;
	padding: 4px 0 4px 4px;
	width: 192px;
	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-templates.com/images/recent-project-bg.jpg) left top no-repeat;
	padding: 4px 0 4px 4px;
	width: 192px;
	margin-bottom:3px;
	font-weight:normal;
}
.recent-project li a.active {
	color: #79BC17;
	background: url(http://www.mindxstudio-templates.com/images/recent-project-bg.jpg) left top no-repeat;
	padding: 4px 0 4px 4px;
	width: 192px;
	margin-bottom:3px;
	font-weight:normal;
}
/* Recent project link */
/* sub-navigation */
.subnav{
	color: #646464;
	font: normal 11px/22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	background:url(../images/right-bottom-bg.gif) left bottom no-repeat;
	float:left;
	padding-bottom:40px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	}
.subnav li a {
	display: block;
	padding: 3px 0px 3px 23px;
	width: 177px;
	text-decoration: none;
	color: #646464;
	background: url(../images/subnav-normal-bg.gif) left center no-repeat;
}
.subnav li a:hover {
	color: #669900;
	text-decoration:none;
	background: url(../images/subnav-hover-bg.gif) left center no-repeat;
	
}
.subnav li a.active {
	color: #669900;
	text-decoration:none;
	background: url(../images/subnav-active-bg.gif) left center no-repeat;
}
.pagination
{
width:627px;
height:20px;
float:left;
text-align:right;
clear:both;
padding-bottom:20px;
}
.pagination a
{
color:#646464;
background-color:#FFF;
border:1px solid #bdbdbd;
padding:2px 6px;
margin-left:6px;
line-height:14px;
text-decoration:none;
}
.pagination a:hover
{
color:#FFF;
background-color:#66cc33;
border:1px solid #bdbdbd;
padding:2px 6px;
margin-left:6px;
line-height:14px;
text-decoration:none;
}
.pagination a.active
{
color:#FFF;
background-color:#66cc33;
border:1px solid #bdbdbd;
padding:2px 6px;
margin-left:6px;
line-height:14px;
text-decoration:none;
}
/* sub-navigation */
.info-box
{
width:949px;
height:auto;
background-color:#FFF;
border:1px dashed #bdbdbd;
padding:17px;
clear:both;
margin-top:20px;
text-align:left;
font-size:20px;
line-height:26px;
text-align:justify;
}
/* CSS Footer Document */
.footer
{
width:100%;
height:auto;
background: url(../images/footer-bg.gif) left top repeat-x #151515;
text-align:center;
}
.footer-inside
{
width:985px;
height:84px;
text-align:center;
margin:0px auto;
padding-top:16px;
color:#e1e1e1;
line-height:20px;
}
.footer a
{
color:#f7f7f7;
text-decoration:none;
}
.footer a:hover
{
color:#a4e513;
text-decoration:none;
}

/* CSS Document for Portfolio Page */
.portfolio-box
{
width:645px;
height:185px;
padding:20px 15px 20px 0px;
background:url(../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:645px;
height:185px;
padding:20px 15px 20px 0px;
background: url(../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:300px;
height: auto;
float:left;
text-align:left;
padding-left:10px;
}
.mail-box
{
width:584px;
height:auto;
float:left;
background-color:#f7f7f7;
border:1px solid #bdbdbd;
padding:60px;
}
.sitemap
{
width:710px;
height:auto;
float:left;
text-align:left;
font-size:13px;
}
.sitemap ul
{
margin:0px;
padding:0px;
}
.sitemap ul li
{
list-style-type:none;
display:block;
width:685px;
height:30px;
padding-left:25px;
background:url(../images/check.png) left center no-repeat;
}
.sitemap ul li a
{
color:#787878;
text-decoration: none;
font-weight:bold;
font-size:13px;
line-height:26px;
}
.sitemap ul li a:hover
{
color:#66cc00;
text-decoration: none;
font-weight:bold;
font-size:13px;
line-height:26px;
}
/* CSS Text Document */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #646464;
	text-decoration: none;
}
body a
{
color:#66cc00;
text-decoration: underline;
font-weight:bold;
}
body a:hover
{
color:#FF9900;
text-decoration: underline;
font-weight:bold;
}
.input-box
{
width:170px;
height:22px;
background-color:#FFF;
padding:2px;
border:1px solid #7f9db9;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height:22px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #606060;
text-decoration: none;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style: italic;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	line-height: 42px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #ff9900;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:78px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #93c22d;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #93c22d;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #93c22d;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
h4 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF9900;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
.gallery
{
width:627px;
height:auto;
float:left;
text-align:center;
padding-left:83px;
}
.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;
}
.banner-box
{
width:949px;
height:auto;
float:left;
clear:both;
margin-top:20px;
text-align:left;
font-size:20px;
line-height:26px;
text-align:justify;
background-color:#FFF;
padding:17px;
border:1px dashed #bdbdbd;
}
.gray
{
color:#646464;
font-size:12px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.gray:hover
{
color:#646464;
text-decoration: underline;
font-weight:bold;
}
.cyne
{
color:#33ccff;
font-size:14px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.cyne:hover
{
color:#33ccff;
text-decoration: underline;
font-weight:bold;
}
.green
{
color:#99cc33;
font-size:16px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.green:hover
{
color:#99cc33;
text-decoration: underline;
font-weight:bold;
}
.orange
{
color:#ff9900;
font-size:18px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.orange:hover
{
color:#ff9900;
text-decoration: underline;
font-weight:bold;
}