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

body
{
margin:0px;
padding:0px;
background: url(../images/semanticflow-body-bg.jpg) left top repeat-x #FFF;
}
*
{
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;
}
#warper
{
width:100%;
height:auto;
float:left;
text-align:left;
background: url(../images/semanticflow-body-bottom-bg.jpg) left bottom repeat-x;
padding-bottom:24px;
}
.warper-main
{
width:960px;
height:auto;
margin:0px auto;
text-align:center;
}
#header
{
width:960px;
height:78px;
float:left;
text-align:left;
}
.logo-box
{
width:284px;
height:78px;
float:left;
text-align:left;
}
/* CSS Menu */
.navcontainer {
		width:660px;
        margin:0px;
        height:78px;
		float:right;
		text-align:left;
		}

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

.navcontainer ul li {
        width:109px;
        display:block;
        float: left;
        text-align: center;
        padding: 0px;
		height:78px;
		}
.navcontainer ul li a {
width:109px;
float:left;
display: block;
text-decoration: none;
color:#FFF;
height:56px;
text-align:center;
font: bold 13px/22px Arial, Helvetica, sans-serif;
padding-top:22px;
}
.navcontainer ul li a:hover{
text-decoration:none;
font: bold 13px/22px Arial, Helvetica, sans-serif;
color:#5fc6fd;
}
.navcontainer ul li.active a{
text-decoration:none;
font: bold 13px/22px Arial, Helvetica, sans-serif;
color:#FFF;
background:url(../images/semanticflow-menu-active-bg.jpg) left top repeat-x;
}
.navcontainer li.start
{
width:115px;
}
.navcontainer li.start a
{
width:115px;
color: #ffcc00;
}
.navcontainer li.start a:hover
{
text-decoration:none;
font: bold 13px/22px Arial, Helvetica, sans-serif;
color:#5fc6fd;
width:115px;
}
.navcontainer li.start a.active
{
width:110px;
font: bold 13px/22px Helvetica, Arial, sans-serif;
color:#FFF;
background: url(../images/project-active-bg.jpg) left top repeat-x;
}
#body-main
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-top:30px;
}
.portfolio-box
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-bottom:28px;
}
.portfolio-left-box
{
width:380px;
height:auto;
float:left;
text-align:left;
}
.portfolio-right-box
{
width:550px;
height:auto;
float:right;
text-align:left;
}
.left-arrow-box
{
width:44px;
height:auto;
float:left;
text-align:left;
}
.portfolio-web-box
{
width:320px;
height:auto;
float:right;
text-align:left;
}
.portfolio-development-box
{
width:492px;
height:auto;
float:left;
text-align:left;
}
.right-arrow-box
{
width:44px;
height:auto;
float:right;
text-align:left;
}
.arrow-th
{
margin-top:75px;
}
.service
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticflow-service-top-bg.jpg) left top no-repeat;
padding-top:24px;
padding-bottom:5px;
}
.service ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.service ul li
{
width:340px;
height:auto;
float:left;
text-align:left;
display:block;
margin:0px;
padding:0px;
}
.title-th
{
float:left;
margin-right:5px;
}
.service-box
{
width:310px;
height:auto;
float:left;
text-align:left;
padding-right:30px;
background:url(../semanticflow-images/bar-bg.jpg) 315px top no-repeat;
}
.service-box ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.service-box ul li
{
width:290px;
height:auto;
float:left;
text-align: justify;
padding-bottom:15px;
padding-right:20px;
}
.service-box ul li.small
{
width:280px;
margin-right:0px;
padding-right:0px;
background:none;
}
.testimonial-box
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticflow-service-top-bg.jpg) left top no-repeat;
padding-top:30px;
}
.testimonial-left-box
{
width:650px;
height:auto;
float:left;
text-align:left;
}
.testimonial-title-box
{
width:650px;
height:45px;
float:left;
text-align:left;
background:url(../images/semanticflow-testimonial-title-bg.jpg) left top repeat-x;
color: #0099cc;
font: bold 20px/45px Myriad Pro, Arial, Helvetica, sans-serif;
}
.testimonial-inside-box
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-top:20px;
}
.testimonial-inside-left
{
width:100px;
height:auto;
float:left;
text-align:left;
}
.testimonial-th
{
border:1px solid #d0d0cf;
padding:2px;
background-color: #FFF;
}
.testimonial-inside-right
{
width:506px;
height:100px;
float:right;
text-align:left;
background:url(../images/semanticflow-testimonial-box-bg.jpg) left top no-repeat;
padding:0px 10px 0px 22px;
}
.contact-box
{
width:280px;
height:auto;
float:right;
text-align:left;
}
.contact-title-box
{
width:280px;
height:45px;
float:left;
text-align:left;
background:url(../images/semanticflow-testimonial-title-bg.jpg) left top repeat-x;
color: #0099cc;
font: bold 20px/45px Myriad Pro, Arial, Helvetica, sans-serif;
}
.contact-title-bt
{
margin-right:10px;
float:left;
}
.contact-text-box
{
width:280px;
height:auto;
float:left;
text-align:left;
padding:5px 0px;
}
.contact
{
width:280px;
height:auto;
float:left;
text-align:left;
}
.contact ul
{
margin: 0px;
padding:0px;
list-style-type:none;
}
.contact ul li
{
width:280px;
height:46px;
float:left;
text-align:left;
display:block;
margin-bottom:4px;
}
.contact ul li a
{
width:267px;
height:46px;
float:left;
text-align:left;
display:block;
background:url(../images/semanticflow-contact-normal-bg.jpg) left top no-repeat;
font: bold 14px/46px Arial, Helvetica, sans-serif;
color: #5a5b5b;
padding-left:13px;
}
.contact ul li a:hover
{
width:267px;
height:46px;
float:left;
text-align:left;
display:block;
background: url(../images/semanticflow-contact-hover-bg.jpg) left top no-repeat;
font: bold 14px/46px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.contact ul li.active a
{
width:267px;
height:46px;
float:left;
text-align:left;
display:block;
background: url(../images/semanticflow-contact-hover-bg.jpg) left top no-repeat;
font: bold 14px/46px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.contact-th
{
float:left;
margin-right:20px;
margin-top:9px;
}
.about-left-box
{
width:650px;
height:auto;
float:left;
text-align:left;
}
.back-to-top
{
width:630px;
height:auto;
float:left;
text-align:right;
background:url(../images/back-to-top.png) right top no-repeat;
padding-right:20px;
padding-bottom:20px;
}
.back-to-top1
{
width:500px;
height:auto;
float:left;
text-align:right;
background:url(../images/back-to-top.png) right top no-repeat;
padding-right:20px;
padding-bottom:20px;
}
.about-development-box
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
}
.about-development-title
{
width:650px;
height:45px;
float:left;
text-align:left;
background:url(../images/semanticflow-testimonial-title-bg.jpg) left top repeat-x;
font: bold 20px/45px Myriad Pro, Arial, Helvetica, sans-serif;
color: #0099cc;
}
.about-development-inside-box
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-top:12px;
}
.about-following-box
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
}
.about-following-title-box
{
width:650px;
height:auto;
float:left;
text-align:left;
border-bottom:1px solid #e5e5e5;
font: bold 20px/32px Myriad Pro, Arial, Helvetica, sans-serif;
color: #ff9900;
}
.about-following-inside-box
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-top:14px;
}
.about-following-top-box
{
width:650px;
height:auto;
float:left;
text-align:left;
font: bold 18px/24px Arial, Helvetica, sans-serif;
color: #5c5c5c;
}
.about-following-top-left
{
width:325px;
height:auto;
float:left;
text-align:left;
}
.about-following-top-right
{
width:325px;
height:auto;
float:right;
text-align:left;
}
.subnav
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-top:5px;
}
.subnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.subnav ul li
{
width:325px;
height:20px;
float:left;
text-align:left;
display:block;
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #666666;
}
.subnav ul li a
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #666666;
text-decoration:none;
}
.subnav ul li a:hover
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #2ea1fc;
text-decoration: underline;
}
.about-team-box
{
width:650px;
height:auto;
float:left;
text-align:left;
}
.team-box
{
width:650px;
height:auto;
float:left;
text-align:left;
}
.team-box ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.team-box ul li
{
width:650px;
height:auto;
float:left;
text-align:left;
padding:14px 0px 10px 0px;
display:block;
border-bottom:1px dashed #cccccc;
}
.about-team-lef
{
width:120px;
height:120px;
float:left;
text-align:left;
background:url(../images/about/semanticflow-team-inside-le.jpg) left top no-repeat;
}
.about-team-right
{
width:520px;
height:auto;
float:right;
text-align:left;
}
.about-team-left-box
{
width:520px;
height:auto;
float:left;
text-align:left;
}
.about-team-right-box
{
width:120px;
height:120px;
float:right;
text-align:left;
background:url(../images/about/semanticflow-team-inside-le.jpg) left top no-repeat;
}
.team-th
{
margin-top:13px;
margin-left:13px;
}
.body-right
{
width:280px;
height:auto;
float:right;
text-align:left;
}
.about-right-box
{
width:280px;
height:auto;
float:right;
text-align:left;
}
.about-testimonal-box
{
width:280px;
height:auto;
float:left;
text-align:left;
padding-top:20px;
}
.about-testimonial-title-box
{
width:280px;
height:45px;
float:left;
text-align:left;
background:url(../images/semanticflow-testimonial-title-bg.jpg) left top repeat-x;
font: bold 20px/45px Myriad Pro, Arial, Helvetica, sans-serif;
color: #0099cc;
}
.about-testimonial
{
width:280px;
height:auto;
float:left;
text-align:left;
padding-top:20px;
}
.about-testimonial ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.about-testimonial ul li
{
width:260px;
height:auto;
float:left;
text-align: justify;
display:block;
background:url(../images/about/semanticflow-testimonial-in.jpg) left top no-repeat;
padding:10px;
}
.about-recent-project
{
width:280px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
}
.about-recent-project-inside
{
width:280px;
height:auto;
float:left;
text-align:left;
padding-top:15px;
}
.recent-project-th
{
border:1px solid #cccccc;
padding:4px;
background-color: #FFF;
padding:4px;
}
.about-twitter-box
{
width:280px;
height:auto;
float:left;
text-align:left;
}
.about-twitter-box p
{
text-align:left;
line-height:18px;
}
.about-twitter-inside
{
width:280px;
height:auto;
float:left;
text-align:left;
}
.about-twitter
{
width:280px;
height:auto;
float:left;
text-align:left;
}
.about-twitter ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.about-twitter ul li
{
width:280px;
height:auto;
float:left;
display:block;
padding:12px 0px 8px 0px;
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #666666;
border-bottom:1px solid #e0e0e0;
}
.about-twitter ul li a
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.about-twitter ul li a:hover
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.semantic-portfolio-box
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
}
.portfolio-title-box
{
width:960px;
height:52px;
float:left;
text-align:left;
background:url(../images/portfolio/semanticflow-portfolio-titl.jpg) left top no-repeat;
font: bold 20px/52px Myriad Pro, Arial, Helvetica, sans-serif;
color: #0099cc;
}
.portfolio-title-bt-1
{
float:left;
margin:7px 9px 0px 11px;
}
.portfolio-title-bt-2
{
float:left;
margin:12px 7px 0px 8px;
}
.portfolio1
{
width:900px;
height:auto;
float:left;
text-align:left;
background:url(../images/portfolio/portfolio1-inside-bg.jpg) left top repeat-x #fcfdfd;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
padding:17px 29px 0px 29px;
}
.portfolio1 ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}

.portfolio1 ul li {
        display: block;
        float: left;
        text-align:left;
        padding: 0px;
		height:42px;
		margin-right:30px;
		margin-bottom:8px;
		width:280px;
				}

.portfolio1 ul li a {
        width: 255px;
        height: 42px;
		padding:0px;
        color: #5a5b5b;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 13px/42px Arial, Helvetica, sans-serif;
		font-variant: normal;
	    text-transform: none;
		float:left;
		text-align:left;
		background: url(../images/portfolio/semanticflow-portfolio1-nor.jpg) left top no-repeat;
		padding-left:25px;
	}

.portfolio1 ul li a:hover {
        color: #0066cc;
        font: bold 13px/42px  Arial, Helvetica, sans-serif;
		text-decoration:none;
		height:42px;
		background: url(../images/portfolio/semanticflow-portfolio1-hov.jpg) left top no-repeat;
}
.portfolio1 ul li.active a {
        color: #0066cc;
        font: bold 13px/42px  Arial, Helvetica, sans-serif;
		text-decoration:none;
		height:42px;
		background: url(../images/portfolio/semanticflow-portfolio1-hov.jpg) left top no-repeat;
}
.portfolio-round-bottom
{
width:960px;
height:19px;
float:left;
text-align:left;
}
.portfolio2
{
width:898px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
padding:30px 30px 0px 30px;
}
.portfolio2 ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.portfolio2 ul li
{
width:270px;
height:auto;
float:left;
text-align: center;
display:block;
margin-right:29px;
margin-bottom:29px;
border:1px solid #e7ecef;
padding:4px;
background-color: #FFF;
}
.portfolio2 ul li:hover
{
width:270px;
height:auto;
float:left;
text-align: center;
display:block;
border:1px solid #99da02;
background-color: #FFF;
font: bold 13px/20px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.portfolio2-top-box
{
width:270px;
height:auto;
float:left;
text-align:left;
}
.portfolio2-preview-box
{
width:270px;
height:auto;
float:left;
text-align:center;
background-color: #e7ecef;
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #0066cc;
}
.portfolio2-preview-box a
{
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.portfolio2-preview-box a:hover
{
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.portfolio2-bottom-box
{
width:606px;
height:66px;
float:left;
text-align:left;
background:url(../images/portfolio/semanticflow-portfolio2-rou.jpg) left top no-repeat;
padding:17px 0px 0px 354px;
}
.portfolio2-botton-box
{
width:586px;
height:auto;
float:left;
text-align:left;
background:url(../images/portfolio/semanticflow-view-portfolio.jpg) left top no-repeat;
font: bold 16px/50px Arial, Helvetica, sans-serif;
color: #432f06;
padding-left:20px;
text-transform:uppercase;
}
.portfolio2-botton-box a
{
font: bold 16px/50px Arial, Helvetica, sans-serif;
color: #432f06;
text-decoration:none;
text-transform:uppercase;
}
.portfolio2-botton-box a:hover
{
font: bold 16px/50px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
text-transform:uppercase;
}
.portfolio-request-quote-box
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticflow-service-top-bg.jpg) left top no-repeat;
padding-top:28px;
}
.portfolio-request-left-box
{
width:464px;
height:auto;
float:left;
text-align:left;
}
.portfolio-request-right-box
{
width:470px;
height: auto;
float:right;
text-align:left;
}
.semanticflow-service
{
width:280px;
height:auto;
float:left;
text-align:left;
padding:10px 0px 12px 0px;
}
.semanticflow-service ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}

.semanticflow-service ul li {
        display: block;
        float: left;
        text-align:left;
        padding: 0px;
		height:42px;
		margin-bottom:8px;
		width:280px;
				}

.semanticflow-service ul li a {
        width: 255px;
        height: 42px;
		padding:0px;
        color: #5a5b5b;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 13px/42px Arial, Helvetica, sans-serif;
		font-variant: normal;
	    text-transform: none;
		float:left;
		text-align:left;
		background: url(../images/portfolio/semanticflow-portfolio1-nor.jpg) left top no-repeat;
		padding-left:25px;
	}

.semanticflow-service ul li a:hover {
        color: #0066cc;
        font: bold 13px/42px  Arial, Helvetica, sans-serif;
		text-decoration:none;
		height:42px;
		background: url(../images/portfolio/semanticflow-portfolio1-hov.jpg) left top no-repeat;
}
.semanticflow-service ul li.active a {
        color: #0066cc;
        font: bold 13px/42px  Arial, Helvetica, sans-serif;
		text-decoration:none;
		height:42px;
		background: url(../images/portfolio/semanticflow-portfolio1-hov.jpg) left top no-repeat;
}
.semantic-services-box
{
width:650px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
}
.semantic-service-title-box
{
width:632px;
height:51px;
float:left;
text-align:left;
background:url(../images/service/semanticflow-service-title-.jpg) left top no-repeat;
padding-left:18px;
color: #0099cc;
font: bold 20px/51px Myriad Pro, Arial, Helvetica, sans-serif;
}
.semantic-service-inside-box
{
width:622px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
padding:10px 17px 10px 9px;
}
.semantic-service-inside-left
{
width:300px;
height:240px;
float:left;
text-align:left;
background:url(../images/service/semanticflow-service-inside.jpg) left top no-repeat;
}
.semantic-service-inside-right
{
width:312px;
height:auto;
float:right;
text-align:left;
}
.semantic-service-th
{
margin-left:15px;
margin-top:15px;
}
.semantic-service-bottom-box
{
width:523px;
height:50px;
float:left;
text-align:left;
background:url(../images/service/semanticflow-service-round-.jpg) left top no-repeat;
padding:20px 0px 0px 127px;
}
.contact-top-box
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-bottom:12px;
}
.quick-contact-box
{
width:650px;
height:auto;
float:left;
text-align:left;
}
.quick-contact-title
{
width:650px;
height:60px;
float:left;
text-align:left;
background:url(../images/contact/semanticflow-quick-contact-title-box.jpg) left top no-repeat;
color: #0099cc;
font: bold 20px/50px Myriad Pro, Arial, Helvetica, sans-serif;
}
.quick-contact-inside
{
width:552px;
height:auto;
float:left;
text-align:left;
background-color: #f7f7f7;
border-left:1px solid #d2d7dc;
border-right:1px solid #d2d7dc;
padding:5px 48px 0px 48px;
}
.input-box
{
width:542px;
height:24px;
text-align:left;
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #999999;
padding-left:6px;
padding-top:8px;
padding-bottom:2px;
border:1px solid #d2d7dc;
background-color: #FFF;
margin-bottom:14px;
}
.quick-contact-round-bottom
{
width:650px;
height:22px;
float:left;
text-align:left;
}
.quick-contact-bt
{
margin:5px 10px 0px 13px;
float:left;
}
.contact-middle-box
{
width:960px;
height:auto;
float:left;
text-align: center;
padding-bottom:18px;
padding-top:22px;
background:url(../images/semanticflow-service-top-bg.jpg) left top no-repeat;
}
.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:12px;
float:left;
text-align:left;
}
.service-quote-left-box
{
width:312px;
height:auto;
float:left;
text-align:left;
}
.service-quote-left-box a
{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #669900;
text-decoration:none;
}
.service-quote-left-box a:hover
{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.service-cms-right-box
{
width:618px;
height:auto;
float:right;
text-align:left;
}
.service-cms-right-box a
{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #669900;
text-decoration:none;
}
.service-cms-right-box a:hover
{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.service-content-box
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-bottom:16px;
}
.service-content-left
{
width:312px;
height:auto;
float:left;
text-align:left;
}
.service-content-right
{
width:618px;
height:auto;
float:right;
text-align:left;
}
.content-right-top-box
{
width:618px;
height:auto;
float:left;
text-align:left;
padding-bottom:6px;
}
.cms-box
{
width:421px;
height:62px;
float:left;
text-align:left;
background:url(../images/service/semanticflow-botton-box-bg.jpg) left top no-repeat;
font: bold 18px/62px Arial, Helvetica, sans-serif;
color: #006699;
}
.cms-box a
{
font: bold 18px/62px Arial, Helvetica, sans-serif;
color: #006699;
text-decoration:none;
}
.cms-box a:hover
{
font: bold 18px/62px Arial, Helvetica, sans-serif;
color: #669900;
text-decoration: underline;
}
.cms-arrow-1
{
margin:9px 7px 0px 9px;
float:left;
}
.doc-download-box
{
width:421px;
height:62px;
float:left;
text-align:left;
background: url(../images/service/semanticflow-doc-downloadbo.jpg) left top no-repeat;
font: bold 18px/62px Arial, Helvetica, sans-serif;
color: #669900;
}
.doc-download-box a
{
font: bold 18px/62px Arial, Helvetica, sans-serif;
color: #669900;
text-decoration:none;
}
.doc-download-box a:hover
{
font: bold 18px/62px Arial, Helvetica, sans-serif;
color: #006699;
text-decoration: underline;
}
.doc-bt
{
margin:8px 8px 0px 7px;
float: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 16px/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;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
background: url(../images/semanticflow-footer-bg.jpg) left top repeat-x #041529;
font: normal 12px/22px Arial, Helvetica, sans-serif;
color: #888888;
}
.footer-main
{
width:960px;
height:auto;
text-align:center;
margin:0px auto;
}
.footer-container
{
width:960px;
height:auto;
float:left;
text-align:left;
}
.footer-top
{
width:960px;
height:auto;
float:left;
text-align:left;
}
.footer-top-left
{
width:780px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticflow-footer-bar-bg.jpg) 760px 10px no-repeat;
padding-top:12px;
padding-bottom:20px;
}
/* sub-navigation */
.footer-service
{
width:780px;
height:auto;
float:left;
text-align:left;
padding-top:5px;
}
.footer-service ul
{
margin:0;
padding:0;
}
.footer-service ul li
{
width:195px;
float:left;
list-style-type:none;
height:24px;
display:block;
}
.footer-service ul li a
{
width:195px;
float:left;
font:normal 12px/24px Arial, Helvetica, sans-serif;
height:24px;
color: #FFF;
text-decoration:none;
}
.footer-service ul li a:hover
{
text-decoration: none;
color: #00ccff;
font:normal 12px/24px Arial, Helvetica, sans-serif;
}
.footer-service ul li.active a
{
text-decoration: none;
color: #00ccff;
font:normal 12px/24px Arial, Helvetica, sans-serif;
}
.footer-top-right
{
width:180px;
height:auto;
float:right;
text-align:left;
padding-top:14px;
color:#f7f7f7;
line-height:18px;
}
.footer-top-right a
{
color:#f7f7f7;
font-weight:normal;
text-decoration:none;
}
.footer-top-right a:hover
{
color:#00ccff;
font-weight:normal;
text-decoration:none;
}
.footer-bottom
{
width:960px;
height:auto;
float:left;
text-align:center;
background:url(../images/semanticflow-footer-bottom-bg.jpg) left top no-repeat;
padding-top:20px;
padding-bottom:20px;
color: #FFF;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.footer-bottom a
{
text-decoration: none;
color: #FFF;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.footer-bottom a:hover
{
text-decoration: underline;
color: #00ccff;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
/* 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:#0066cc;
text-decoration: none;
font-weight:bold;
}
body a:hover
{
color:#ff9900;
text-decoration: underline;
font-weight:bold;
}
h1 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height:30px;
	font-weight: bold;
	font-variant: normal;
	color: #0099cc;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height:22px;
	font-weight: bold;
	font-variant: normal;
	color: #5c5c5c;
	text-decoration: none;
	text-align:left;
}
h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height:22px;
	font-weight: bold;
	font-variant: normal;
	color: #5c5c5c;
	text-decoration: none;
}
h2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height:22px;
	font-weight: bold;
	font-variant: normal;
	color: #4597e9;
	text-decoration: none;
}
h3 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height:22px;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
}
.pagination
{
width:900px;
padding:16px 29px;
float:left;
text-align:right;
height:22px;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
}
.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;
}
.portfolio3
{
width:912px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
padding:30px 23px 0px 23px;
}
.portfolio3 ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.portfolio3 ul li
{
width:900px;
height:auto;
float:left;
text-align: center;
display:block;
margin-bottom:30px;
border:1px solid #e7ecef;
padding:4px;
background-color: #FFF;
}
.portfolio3 ul li:hover
{
width:900px;
height:auto;
float:left;
text-align: center;
display:block;
border:1px solid #99da02;
padding:4px;
background-color: #FFF;
font: bold 13px/20px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.portfolio3-top-box
{
width:900px;
height:auto;
float:left;
text-align:left;
}
.portfolio3-preview-box
{
width:900px;
height:auto;
float:left;
text-align:center;
background-color: #e7ecef;
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #0066cc;
}
.portfolio3-preview-box a
{
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
}
.portfolio3-preview-box a:hover
{
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.gray-testimonials
{
background:url(../images/testimonials-bg.jpg) left bottom repeat-x;
width:858px;
padding:20px;
text-align:left;
float:left;
}
.gray-testimonials:hover
{
background: url(../images/orange-testimonials-bg.jpg) left bottom repeat-x;
width:858px;
padding:20px;
text-align:left;
float:left;
}
.orange-testimonials
{
background: url(../images/orange-testimonials-bg.jpg) left bottom repeat-x;
width:858px;
padding:20px;
text-align:left;
float:left;
}
.orange-testimonials:hover
{
background:url(../images/testimonials-bg.jpg) left bottom repeat-x;
width:858px;
padding:20px;
text-align:left;
float:left;
}
.testimonial-th
{
border:5px solid #CCCCCC;
margin:0px 20px 0px 0px;
float:left;
}
.testimonial-th:hover
{
border:5px solid #00ccff;
margin:0px 20px 0px 0px;
float:left;
}
.partner
{
width:898px;
height:auto;
float:left;
margin:0px;
padding:30px 30px 0px 30px;
text-align:left;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
}
.partner ul
{
list-style-type:none;
margin:0px;
padding:0px;
}
.partner ul li
{
width:898px;
height:230px;
margin-bottom:20px;
float:left;
background:url(../images/partners/semanticflow-th-base-normal.jpg) left top no-repeat;
text-align:left;
border-bottom:1px dashed #bdbdbd;
}
.partner ul li:hover
{
width:898px;
height:230px;
margin-bottom:20px;
float:left;
background: url(../images/partners/semanticflow-th-base-hover.jpg) left top no-repeat;
border-bottom:1px dashed #bdbdbd;
}
.partner ul li img
{
float:left;
margin:17px 30px 0px 17px;
}
.partner h1 a
{
color: #0099cc;
font: bold 20px/28px Myriad Pro, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:0px;
}
.partner h1 a:hover
{
color: #FF9900;
font: bold 20px/28px Myriad Pro, Arial, Helvetica, sans-serif;
text-decoration:none;
padding: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;
}
.sitemap
{
width:898px;
height:auto;
text-align:left;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
padding:30px 30px 0px 30px;
float:left;
}
.sitemap ul
{
width:898px;
margin:0px;
padding:0px;
list-style-type:none;
float:left;
}
.sitemap ul li a
{
width:880px;
padding:0px 0px 0px 18px;
background:url(../images/blue.png) left center no-repeat;
display:block;
text-align:left;
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration:none;
float:left;
}
.sitemap ul li a:hover
{
list-style-type:none;
width:880px;
padding:0px 0px 0px 18px;
text-align:left;
font: bold 13px/30px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration:none;
background:url(../images/blue.png) left center no-repeat;
float:left;
}