@charset "utf-8";
/* CSS Document */
.share{
    display:block;
    position:absolute;
    top:50%;
    right:0;
    width:56px;
	height:200px;
	}
body
{
margin:0px;
padding:0px;
background: url(../images/semantictemplates-body-bg.jpg) left top repeat;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
text-align:justify;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:100%;
height:auto;
text-align:center;
float:left;
background:url(../images/semantictemplates-container.jpg) left top repeat-x;
}
#warper
{
width:100%;
height:auto;
text-align:center;
float:left;
background:url(../images/semantictemplates-body-bott.jpg) left bottom repeat-x;
padding-bottom:30px;
}
.warper-main
{
width:1002px;
height:auto;
margin:0px auto;
text-align:center;
}
#header
{
width:1002px;
height:105px;
float:left;
text-align:left;
background:url(../images/semantictemplates-header-ri.jpg) right top no-repeat;
}
.logo-box
{
width:370px;
height:105px;
float:left;
text-align:left;
}
.logo
{
margin-top:14px;
}
.header-right
{
width:572px;
height:105px;
float:right;
text-align:left;
}
.header-right-top
{
width:540px;
height:32px;
float:left;
text-align:left;
padding:0px 0px 5px 32px;
font: normal 12px/27px Arial, Helvetica, sans-serif;
color: #FFF;
background-color:inherit;
}
.header-right-top a
{
font: normal 12px/27px Arial, Helvetica, sans-serif;
color: #00ffff;
text-decoration:none;
}
.header-right-top a:hover
{
font: normal 12px/27px Arial, Helvetica, sans-serif;
color: #00ffff;
text-decoration: underline;
}
/* CSS Menu */
.navcontainer {
		width:572px;
        height: 38px;
		float:left;
		text-align:left;
		padding-top:30px;
		}

.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:38px;
		}

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

.navcontainer ul li a:hover {
        color: #fecb00;
        font: bold 14px/38px Arial, Helvetica, sans-serif;
		text-decoration:none;
		display:block;
		}
.navcontainer li.active a {
        color: #00ffff;
		font: bold 14px/38px Arial, Helvetica, sans-serif;
		text-decoration:none;
		background: url(../images/semantictemplates-menu-arro.jpg) center bottom no-repeat;
		display:block;
}

.navcontainer li a.big
{
width:166px;
}

#body-main
{
width:1002px;
height:auto;
float:left;
text-align:left;
}
.welcome-box
{
width:1002px;
height:auto;
float:left;
text-align:left;
padding:30px 0px 20px 0px;
}
.welcome-title-box
{
width:1002px;
height:auto;
float:left;
text-align:center;
}
.subscription-new
{
width:982px;
height:auto;
float:left;
text-align:left;
padding:0px 10px;
margin:0px 0px 10px 0px;
}
.welcome-bottom-box
{
width:802px;
height:auto;
float:left;
text-align:left;
padding-left:200px;
}
.subnav
{
width:802px;
height:auto;
float:left;
text-align:left;
padding:5px 0px;
}
.subnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.subnav ul li
{
width:780px;
height:26px;
float:left;
text-align:left;
display:block;
background:url(../images/semantictemplates-right-arrow-th.jpg) left center no-repeat;
font: bold 14px/26px Arial, Helvetica, sans-serif;
color: #454545;
padding-left:22px;
}
.welcome-botton-box
{
width:802px;
height:auto;
float:left;
text-align:left;
padding-top:6px;
}
.body-inside-box
{
width:1002px;
height:auto;
float:left;
text-align:left;
padding-bottom:15px;
}
.future-box
{
width:789px;
height:auto;
float:left;
text-align:left;
}
.future-title-box
{
width:786px;
height:36px;
float:left;
text-align:left;
background:url(../images/semantictemplates-future-ti.jpg) left top no-repeat;
padding:21px 0px 20px 3px;
}
.futured
{
width:745px;
height:auto;
float:left;
text-align:left;
background:url(../images/semantictemplates-future-in.jpg) left top repeat-y;
padding:0px 21px 0px 23px;
}
.futured ul
{
margin:0;
padding:0;
list-style-type:none;
}
.futured ul li
{
width:235px;
height: auto;
float:left;
list-style-type:none;
display:block;
margin-right:20px;
margin-bottom:20px;
text-align:left;
font:normal 13px/18px Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
color:#666666;
}
.futured-bg
{
padding:4px;
border:1px solid #a8d7ea;
background-color: #FFF;
}
.futured-bg:hover
{
padding:4px;
border:1px solid #9fc120;
background-color: #FFF;
}
.futured-text-box
{
width:225px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
}
.buy-now-box
{
width:235px;
height:30px;
float:left;
text-align:center;
background:#00a0dc;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #FFF;
}
.buy-now-box:hover
{
width:235px;
height:30px;
float:left;
list-style-type:none;
text-align:center;
background:#99cc33;
color:#FFF;
}
.futured-bottom-box
{
width:785px;
height:73px;
float:left;
text-align:center;
background:url(../images/semantictemplates-futured-b.jpg) left top no-repeat;
padding:18px 0px 0px 4px;
}
.partners-box
{
width:204px;
height:auto;
float:right;
text-align:left;
}
.partners-title-box
{
width:202px;
height:36px;
float:left;
text-align:left;
background:url(../images/semantictemplates-partners-title.jpg) left top no-repeat;
padding:21px 0px 15px 2px;
}
.right-banner-box
{
width:204px;
height:auto;
float:left;
text-align:left;
background:url(../images/semantictemplates-banner-in.jpg) left top repeat-y;
}
.bookmark-box
{
width:189px;
height:auto;
float:left;
text-align:left;
padding-left:15px;
}
.bookmark-th
{
margin-right:9px;
margin-top:4px;
}
.semantic-banner
{
width:180px;
height:auto;
float:left;
text-align:left;
background:url(../images/semantictemplates-banner-in.jpg) left top repeat-y;
padding:0px 10px 0px 14px;
}
.semantic-banner ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.semantic-banner ul li
{
width:180px;
height:auto;
float:left;
text-align:left;
padding-bottom:9px;
display:block;
}
.semantic-banner-bottom
{
width:204px;
height:18px;
float:left;
text-align:left;
}
.semantic-tag-box
{
width:1002px;
height:auto;
float:left;
text-align:left;
margin-top:20px;
}
.semantic-tag-title
{
width:998px;
height:36px;
float:left;
text-align:left;
background:url(../images/semantictemplates-tag-title.jpg) left top no-repeat;
padding:21px 0px 16px 4px;
}
.tag-inside-box
{
width:942px;
height: auto;
float:left;
text-align:left;
background:url(../images/semantictemplates-tag-insid.jpg) left -50px no-repeat;
padding:5px 30px 0px 30px;
}
.tag-inside-box h2
{
	color:#111;
	font-size:24px;
	font-weight:bold;
	border-bottom:1px dashed #bdbdbd;
	line-height:36px;
}
.tag-inside-box-left
{
width:357px;
height:312px;
float:left;
text-align:left;
}
.tag-inside-box-right
{
width:555px;
height:312px;
float:right;
text-align:left;
}
.featured-templates-box
{
width:1002px;
height:auto;
float:left;
text-align:left;
padding:36px 0px 8px 0px;
}
.future-title2-box
{
width:786px;
height:36px;
float:left;
text-align:left;
background: url(../images/semantictemplates-feature-t.jpg) left top no-repeat;
padding:21px 0px 20px 3px;
}
.browse-top-box
{
width:745px;
height:61px;
float:left;
text-align:left;
background:url(../images/semantictemplates-browse-to.jpg) left top no-repeat;
padding:0px 21px 0px 23px;
}
.browse-left-box
{
width:330px;
height:auto;
float:left;
text-align:left;
}
.menu
{
       width:304px;
       height:20px;
       float:right;
       text-align:center;
	   padding-top:4px;
}
.menu ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.menu ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:20px;
		margin-right:5px;
}

.menu ul li a {
        width:20px;
        height:20px;
        padding: 0px;
        margin: 0px;
        color: #0099cc;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 12px/20px  Arial, Helvetica, sans-serif;
		text-transform: none;
		background: url(../images/semantictemplates-menu-norm.jpg) left top no-repeat;
}
.menu ul li a:hover {
        width:20px;
        height:20px;
        padding: 0px;
        margin: 0px;
        color: #FFF;
		background-color:inherit;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 12px/20px  Arial, Helvetica, sans-serif;
		text-transform: none;
		background: url(../images/semantictemplates-menu-hove.jpg) left top no-repeat;
}
.menu li a.active {
        width:20px;
        height:20px;
        padding: 0px;
        margin: 0px;
        color: #FFF;
		background-color:inherit;
        text-decoration: none;
        display: block;
        text-align:center;
        font: bold 12px/20px  Arial, Helvetica, sans-serif;
		text-transform: none;
		background: url(../images/semantictemplates-menu-hove.jpg) left top no-repeat;
}
.menu li.big
{
width:50px;
height:20px;
background: url(../images/semantictemplates-next-norm.jpg) left top no-repeat;
}
.menu li.big a
{
width:50px;
background: url(../images/semantictemplates-next-norm.jpg) left top no-repeat;
}
.menu li.big a:hover
{
width:50px;
background: url(../images/semantictemplates-next-hove.jpg) left top no-repeat;
font: bold 12px/20px Arial, Helvetica, sans-serif;
color:#FFF;
background-color:inherit;
}
.menu ul li a.next
{
width:50px;
background: url(../images/semantictemplates-next-hove.jpg) left top no-repeat;
font: bold 12px/20px Helvetica, Arial, sans-serif;
color:#FFF;
background-color:inherit;
}
.browse-bottom-box
{
width:745px;
height:56px;
float:left;
text-align:left;
background: url(../images/semantictemplates-browse-bo.jpg) left top no-repeat;
padding:12px 21px 0px 23px;
}
.category-box
{
width:204px;
height:auto;
float:left;
text-align:left;
padding-bottom:15px;
}
.category-title-box
{
width:201px;
height:36px;
float:left;
text-align:left;
background:url(../images/semantictemplates-category-.jpg) left top no-repeat;
padding:21px 0px 12px 3px;
}
/* sub-navigation */
.category{
	color: #1a1a1a;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	float:left;
	width:174px;
	padding:0px 10px 0px 20px;
	background:url(../images/semantictemplates-category-inside-bg.jpg) left top repeat-y;
}
.category ul {margin: 0; padding: 0;}
.category li {
	list-style: none;
	display: block;
	color: #1a1a1a;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	height:22px;
	width:174px;
	}
.category li a {
	display: block;
	color: #1a1a1a;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	height:22px;
	text-decoration: none;
	width:160px;
	padding-left:14px;
	background: url(../images/semantictemplates-categories-arro.jpg) left center no-repeat;
}
.category li a:hover {
	color: #99cc33;
	background-color:inherit;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	width: 160px;
	text-decoration:none;
	}
.category li a.active {
	color: #03a2d7;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	width: 160px;
	text-decoration:none;
}
.categories-round-bottom
{
width:204px;
height:35px;
float:left;
text-align:left;
}
.support-title-box
{
width:201px;
height:36px;
float:left;
text-align:left;
background:url(../images/semantictemplates-support-t.jpg) left top no-repeat;
padding:21px 0px 11px 3px;
}
.feq-inside-box
{
width:789px;
height:auto;
float:left;
text-align:left;
background:url(../images/semantictemplates-future-in.jpg) left top repeat-y;
}
.feq-inside-top
{
width:745px;
height:auto;
float:left;
text-align:left;
background: url(../images/semantictemplates-feq-insid.jpg) left top no-repeat;
padding:0px 21px 0px 23px;
}
.feq-round-bottom
{
width:789px;
height:66px;
float:left;
text-align:left;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
background: url(http://www.semanticflow.com/images/semanticflow-footer-bg.jpg) left bottom repeat-x #111111;
font: normal 12px/22px Arial, Helvetica, sans-serif;
color: #888888;
}
.footer-main
{
width:1002px;
height:auto;
text-align:center;
margin:0px auto;
}
.footer-container
{
width:998px;
height:auto;
float:left;
text-align:left;
padding-left:4px;
}
.footer-top
{
	width:998px;
	height:auto;
	float:left;
	text-align:left;
	border-bottom:1px solid #222222;
	padding:34px 0px 0px 0px;
}
.footer-top ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-top ul li
{
	width:228px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:0px 10px;
	border-right:1px solid #222222;
}
.footer-top h2
{
	font: bold 18px/28px Arial, Helvetica, sans-serif;
	color: #f7f7f7;
}
.menu1
{
	width:228px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:8px;
	padding-bottom:12px;
}
.menu1 ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.menu1 ul li
{
	width:228px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:0px;
	border:none;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #999999;
}
.menu1 ul li a
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:none;
}
.menu1 ul li a:hover
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #00ccff;
	text-decoration: none;
}
.input-box
{
width:231px;
height:24px;
text-align:left;
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #333;
background-color: #FFF;
border:1px solid #bdbdbd;
padding-left:5px;
}
.comment
{
width:231px;
height:67px;
text-align:left;
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #515151;
border:1px solid #222222;
padding-left:5px;
padding-top:3px;
}
.footer-bottom
{
width:998px;
height:auto;
float:left;
text-align:center;
padding-bottom:15px;
color: #FFF;
font:normal 12px/28px Arial, Helvetica, sans-serif;
}
.footer-bottom a
{
text-decoration: none;
color: #99cc00;
font:normal 12px/28px Arial, Helvetica, sans-serif;
}
.footer-bottom a:hover
{
text-decoration: underline;
color: #ff9900;
font:normal 12px/28px Arial, Helvetica, sans-serif;
}
/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#00bfff;
text-decoration: none;
}
body a:hover
{
color:#ff9900;
text-decoration: underline;
}
h1 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height:36px;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
}
h2 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height:30px;
	font-weight: bold;
	font-variant: normal;
	color: #00ccff;
	text-decoration: none;
}
h3 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-style: normal;
	line-height:40px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height:30px;
	font-weight:bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
.preview-link
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
}
.preview-link:hover
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:underline;
}
.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;
}
/* CSS Document for Portfolio Page */
.portfolio-box
{
width:725px;
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:725px;
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:380px;
height: auto;
float:left;
text-align:left;
padding-left:10px;
}

.right
{
float:right;
}
.bottom-banner-box
{
width:1000px;
height:auto;
float:left;
text-align:center;
background-color: #FFF;
border:1px dashed #999999;
padding:9px 0px;
margin-top:16px;
}
.quote-form-left
{
width:550px;
height:auto;
text-align:left;
margin:0px auto;
background-color:#f7f7f7;
padding:30px 90px;
border:1px solid #bdbdbd;
}
.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(http://www.semanticflow.com/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;
}
.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(http://www.mindxstudio-templates.com/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;
}
#faq
{
width:745px;
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;
}