/* body#tinymce.mceContentBody {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13.5px; color: #000000; background: #ffffff;} */

/* header-line area */
#headerline {width: 100%; min-height: 90px; position: relative; z-index: 20000; -webkit-box-shadow: 1px 7px 19px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 7px 19px -6px rgba(0,0,0,0.75); box-shadow: 1px 7px 19px -6px rgba(0,0,0,0.75);}
#headerline-container {max-width: 980px; min-height:90px; position: relative; margin: 0 auto;}
#headerline-logobox {width: 40%; min-height: 90px; position: relative; float:left; }
#headerline-navbox {width:57%; position: relative; float:left; font-family: droid-sansb, arial; font-size: 18px; padding-left: 2%; }

#header-logo {position: relative; top: 10px; max-width: 100%; height: auto;}

/* slider area */

#sliderline {width: 100%; max-height: 510px; position: relative; background: url(/images/site/template/slider-bkg.jpg) repeat-x;}
#sliderbox {max-width:980px; max-height: 510px; position: relative; margin: 0 auto;}
#sliderbox h2 {font-family: opensans-cb; font-size: 24px; color: #404040;}

/* pageheader area */

#pageheaderline {width: 100%; max-height: 250px; height: auto; position: relative; background: url(/images/site/template/slider-bkg.jpg) repeat-x top; border-bottom: 10px solid #0063ea;}
#pageheaderbox {max-width:980px; max-height: 250px; height: auto; position: relative; margin: 0 auto;}
#pageheader-bar {width: 100%; position: absolute; bottom: 0px; height: 50px; z-index: 500; background: url(/images/site/template/header-fade.png) repeat-y;}
#pageheader-text {width: 64%; line-height: 50px; vertical-align: center; padding-left: 1%; position: relative; float:left; font-family: pt-sans-narrowb; font-size: 36px; color: #fff;}
#pageheader-share {width: 34%; height: 50px; position: relative; float:left; text-align:right; padding-top: 10px;}

/* industry bar */

#industrybarline {width:100%; overflow:auto; padding-top: 1%; padding-bottom: 1%; position: relative; background: #0063ea;}
#industrybarbox {max-width: 980px; position: relative; margin: 0 auto; overflow: auto;}
#industrybar-title {width: 100%; position: relative; font-family:quattrocento_sansbold; font-size: 30px; color: #fff; text-align: center;}
.industrybox {width: 31%; padding-left: 1%; padding-right: 1%; position: relative; float:left; text-align: center;}
.industryimg {border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-bottom-right-radius: 20px; -moz-box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; box-shadow: 0px 0px 6px #000000; behavior: url('/shared/pie/pie.htc');}

/* body sections */


#contentline { width: 100%; margin: 0 auto; position: relative;}

#contentbox { max-width:980px; margin: 0 auto; padding: 0; position: relative; font-family: quattrocento_sansregular; font-size: 16px; color: #373737; overflow: auto; background: rgba(255,255,255,0.9);}

#mainbox { max-width: 950px; margin: 0; padding: 15px 15px 50px 15px; border: 0 none; border-collapse: collapse; }
#mainbox-bodybox { width: 100%; margin: 0 auto; position: relative; }
#mainbox ul {padding: 5px 0;}
#mainbox ul {list-style-image: url('/images/site/template/ul.png'); margin-left: 35px; padding-bottom:10px;}
#mainbox li {padding-bottom: 10px;}
#mainbox ol {padding-left: 25px;}
#mainbox h1, #mainbox h2, #mainbox h3, #mainbox h4 {font-family: pt-sans-narrowb; color: #ff6000;}
#mainbox p { padding-bottom: 10px;}

#home-col1 {width: 57%; padding-right: 3%; position: relative; float:left; }
#home-col2 {width: 40%; position: relative; float:left; }

#client-barline {width: 100%; min-height: 205px; background: #979797; margin-top: 5%; margin-bottom: 5%;}
#client-bar {padding-top: 10px; padding-bottom: 10px; position: relative; margin: 0 auto;}
#client-bar-title {width: 100%; font-family: quattrocento_sansbold; font-size: 26px; color: #fff; text-align:center; margin-bottom: 5px;}
#client-bar-slider {height: 150px; overflow: none; white-space: nowrap; position: relative; text-align:center;}
.client-logo {border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin-left: 5px; margin-right: 5px;}

.col3span1 {width: 30%; padding: 0 1.5% 0 1.5%; float: left; text-align: center;}


.imgborder { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 5px solid #ffffff; -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000; behavior: url('shared/pie/pie.htc'); }

.imgfloatright {float: right; margin: 1%;}

.shadowbox { -moz-box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; box-shadow: 0px 0px 6px #000000; behavior: url(/shared/pie/pie.htc); }

.gallery-thumb {width:200px; height: 200px; float:left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.gallery-thumb-div {width:200px; height: 200px; margin: 10px; float:left; position: relative;}

/* footer */

#footerline { min-height: 350px; width: 100%; position: relative; background: #0063ea;}
#footerbox { position: relative; max-width: 960px; margin: 0 auto; padding: 0 10px 0 10px; font-family: quattrocento_sansregular; font-size: 16px; color: #fff;  }
#footerbox a { color: #96fbff; text-decoration: underline; }
#footerbox a:hover { color: #2aff00; text-decoration: underline; }
#footerbox .column1 {width: 32%; position: relative; float:left;}
#footerbox .column2 {width: 28%; position: relative; float:left;}
#footerbox .column3 {width: 40%; position: relative; float:left;}
#footerbox .copy {width:100%; font-size: 14px; color: #fff; text-align:center; margin-top: 15px;}
#footerbox h1 {font-family: pt-sans-narrowb; font-size: 32px; color: #fff; margin-bottom: 10px;}

.address-indent {padding-left: 75px;}


/* module-css */

.sitebtn { display: inline-block; *display: inline; zoom: 1; margin-bottom: 0px; min-width: 160px; text-align: center; text-decoration: none; font-family: opensans-cb; font-size: 18px; color: #fff !important; border: 0px #fff solid; box-shadow: 1px 1px 1px #300; -moz-box-shadow: 1px 1px 1px #300; -webkit-box-shadow: 1px 1px 1px #300; padding: 8px 8px; behavior: url('/shared/pie/pie.htc'); background-color: #005ddc;}
.sitebtn:hover { background: #0049ac; cursor: pointer; text-decoration: none !important; }
.sitebtn-disabled { display: inline-block; *display: inline; zoom: 1; margin-bottom: 14px; min-width: 140px; text-align: center; text-decoration: none; font-family: nt-l; font-size: 18px; color: #fff !important; border: 0px #fff solid; box-shadow: 2px 2px 2px #300; -moz-box-shadow: 2px 2px 2px #300; -webkit-box-shadow: 2px 2px 2px #300; background: #a11e32; padding: 8px 8px; behavior: url('/shared/pie/pie.htc'); filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; cursor: not-allowed; }

.bigtext {line-height: 1;}

.textshadow-thin { text-shadow: 0 0 2px #333; }

/* #recaptcha_area { margin: 0 -4px 0 auto;} */

.fb-round { width: 254px; background-color: #00c4e7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }

table.formtable { border: 1px #aaaaaa solid; width: 900px; margin: 0px auto 2px auto; padding: 2px; background-color: #dfdfdf; border-collapse: collapse;}
table.formtable  td { margin: 0px; padding: 3px; font-family: tahoma, arial, sans-serif; font-size: 14px; color: #000000; background-color: #ffffff; }
table.formtable input.textbox { background-color: #ffffff; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.32,#ffffff), color-stop(0.83,#cccccc)); background-image:-webkit-linear-gradient(#ffffff,#cccccc); background-image:-moz-linear-gradient(top,#ffffff,#cccccc); background-image: -ms-linear-gradient(#ffffff,#cccccc); background-image: -o-linear-gradient(#ffffff,#cccccc); background-image: linear-gradient(#ffffff,#cccccc); padding: 2px 5px; position: relative; border: 1px #bbbbbb solid; -moz-box-shadow: 0px 0px 2px #aaaaaa; -webkit-box-shadow: 0px 0px 2px #aaaaaa; box-shadow: 0px 0px 2px #aaaaaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -pie-background: linear-gradient(to bottom, #ffffff, #cccccc); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; color: #000000; behavior: url(/shared/pie/pie.htc); width: 300px; }

.formfocus { -moz-box-shadow: 0px 0px 4px #ffbc00; -webkit-box-shadow: 0px 0px 4px #ffbc00; box-shadow: 0px 0px 4px #ffbc00; border: 1px solid #ffbc00; behavior: url(/shared/pie/pie.htc); }
.formtext { font-family: Verdana, Tahoma, arial, sans-serif; font-size: 14px; color: #000000; font-weight: normal; margin-top: 10px; text-align: justify; }


.col-1 { float:left; width: 60%; padding: 0 2%; margin: 0; text-align: left; position: relative;}
.col-2 { float:left; width: 35%; padding: 0; margin: 0; text-align: left; position: relative;}
.row { width: 100%; padding: 0; margin: 0; text-align: middle; vertical-align: top; position: relative;}

.contact-col-1 { float:left; width: 38%; padding: 0 2%; margin: 0; text-align: left; position: relative;}
.contact-col-2 { float:left; width: 58%; padding: 0; margin: 0; text-align: left; position: relative;}

.col3span {width: 30%; padding: 0 1.5% 0 1.5%; float: left; text-align: center;}

/* Portfolio Page */

.portfolio-item {width: 31%; margin: 1%; float: left; position: relative; background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;}

.client-name {font-family: OpenSans-cb; font-size: 22px; text-align: center; color: #2a2a2a; margin-top: -10px; text-transform: uppercase; overflow: hidden; whitespace: no-wrap; width: 100%; height: 30px;}
.project-desc {width: 100%; height: 15px; font-family: opensans-cl; font-size: 14px; color: #ff682c; text-transform: uppercase;}

.portfolio-image {padding-top: 10px; width: 100%; position: relative; text-align:center;}
.portfolio-image-box {max-width: 250px; margin: 0px auto; position: relative; overflow: hidden;}
.portfolio-pic:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6);}
.reflection { position:relative; text-align: center;} 
.reflection img { -webkit-transform: scaleY(-1);  -moz-transform: scaleY(-1);  -ms-transform: scaleY(-1);  -o-transform: scaleY(-1); transform: scaleY(-1);  filter: flipv; opacity:0.20;  filter: alpha(opacity='20'); } 
.overlay { position:absolute; top:-5px; left:0px; width:100%; height:50px; background-image: -moz-linear-gradient( center bottom, rgb(238,238,238) 60%, rgba(238,238,238,0) 75%); background-image:   -o-linear-gradient( rgba(238,238,238,0) 25%, rgb(238,238,238) 40%); background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(238,238,238)), color-stop(0.75, rgba(238,238,238,0))); filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff); } 

.more-details {display: inline-block; *display: inline; zoom: 1; min-width: 140px; text-align: center; text-decoration: none; font-family: opensans-cl; font-size: 16px; color: #fff !important; border: 0px #fff solid; box-shadow: 1px 1px 1px #300; -moz-box-shadow: 1px 1px 1px #300; -webkit-box-shadow: 1px 1px 1px #300; padding: 4px 4px; behavior: url('/shared/pie/pie.htc'); background-color: #005ddc; margin-bottom: 10px; margin-top: 10px;}
.more-details:hover { background: #0049ac; cursor: pointer; text-decoration: none !important; }

/* Portfolio Details Page */

#portfoliopage h1 { color: #5400ff;}
#portfoliopage h2 { font-size: 32px; width: 98%; padding: 3px 1%; margin: 20px auto 0 auto; }
#portfoliopage h3 { font-size: 22px; padding: 6px 0 0 0;}

#portfoliopage a {color: #0066ff; text-decoration: none;}
#portfoliopage a:visited {color: #3072d4;}
#portfoliopage a:hover {color: #004dc1; text-decoration: underline;}

.details-panel {width: 100%; position:relative;}

.overlay-details { position:absolute; top:-5px; left:0px; width:100%; height:70px; background-image: -moz-linear-gradient( center bottom, rgb(238,238,238) 60%, rgba(238,238,238,0) 75%); background-image:   -o-linear-gradient( rgba(238,238,238,0) 25%, rgb(238,238,238) 40%); background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(238,238,238)), color-stop(0.75, rgba(238,238,238,0))); filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff); overflow: hidden;} 

.details-panel-container {width: 96%;  padding:2%; position: relative;}

.details-panel-photo {width:98%; float:none; background: #eee; padding: 15px 1% 15px 1%; text-align: center; overflow: hidden;}
.details-photobox {max-width: 700px; postion: relative; margin: 0 auto;}
.details-panel-details {width:98%; min-height: 300px; padding: 15px 1% 15px 1%;  background: #eee; border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-border-bottom-right-radius: 15px; -webkit-border-bottom-right-radius: 15px;}

.details-panel-header {width:100%; height: 30px; line-height:30px; vertical-align: middle; font-size: 20px; color: #e27000; font-family: opensans-cb; margin-bottom: 10px;}

/* Other Misc Pages */ 


.contact-col-1 { float:left; width: 35%; padding: 0 2%; margin: 0; text-align: left; position: relative;}
.contact-col-2 { float:left; width: 55%; padding: 0; margin: 0; text-align: left; position: relative;}
.testimonial-box {width:100%; position: relative; padding-top:15px; padding-bottom: 15px; border-bottom: 2px solid #eee; overflow:auto;}
.testimonial-pic {width: 25%; float:left;}
.testimonial-quote {font-size:70px; width: 4%; padding-left: 1%; float:left; font-family: alegreya_sansbold;}
.testimonial {width: 60%; float:left; line-height: 35px; font-style: italic; padding-top:30px;}
.testimonial-name {color: #2993db;}


/* media queries for responsive design */

.imgfull {max-width: 100%; height: auto;}
.img-full {border: none; max-width: 100%; height: auto; }

@media (max-width:850px) {

#footerbox .column1 {width: 100%; float:none; text-align: center; padding-top: 2%; padding-bottom: 2%;}
#footerbox .column2 {width: 100%; float:none; text-align: center; border-top:2px solid #ceddde; padding-top: 2%; padding-bottom: 2%; }
#footerbox .column3 {width: 100%; float:none; text-align: center; border-top:2px solid #ceddde; padding-top: 2%; padding-bottom: 2%;}
#footerbox .copy {width:100%; font-size: 14px; color: #fff; text-align:center; margin-top: 15px;}
#footerbox .logo {max-width: 250px; height: auto; margin-top: 10px;}
#footerbox h1 {font-family: pt-sans-narrowb; font-size: 32px; color: #fff; margin-bottom: 10px;}

}

@media (max-width: 800px) {
#headerline-logobox {width: 60%;}
#headerline-navbox {width: 37%;}
#home-col1 h1 {font-size: 28px;}
#home-col2 h1 {font-size: 28px;}
.client-name {font-size: 18px;}
}

@media (max-width: 700px) {
.portfolio-item {width: 98%; margin: 1%; float: none;}
.client-name {font-size: 22px; overflow: none; whitespace: no-wrap; height: auto;}
}

@media (max-width: 650px) {
.contact-col-1 {width: 100%; padding: 0; position: relative; height: auto;}
.contact-col-2 {width: 100%; padding: 0; position: relative; height: auto;}
	#industrybar-title {font-size: 26px;}
	#client-bar-title {font-size: 24px;}
	.st_email_large {display: none;}
}

@media (max-width: 600px) {
	#home-col1 {width: 100%; padding-right: 0%; float:none; }
	#home-col2 {width: 100%; padding-top: 10px; float:none; }
	#industrybar-title {font-size: 24px;}
	#client-bar-title {font-size: 22px;}
	.col-1 {width: 100%; padding: 0; position: relative; height: auto;}
	.col-2 {width: 100%; padding: 0; position: relative; height: auto;}
	.imgfloatleft {float:none;}
	.imgfloatright {float:none;}
	.contact-col-1 {width: 100%; padding: 0; position: relative; height: auto;}
	.contact-col-2 {width: 100%; padding: 0; position: relative; height: auto;}
	.formleft-div { width: 100%; text-align: left; font-weight: bold; padding-top: 6px; vertical-align: bottom;}
	.formright-div { width: 100%; vertical-align: top; margin-left: 5px; height: 30px; }
}

@media (max-width: 550px) {
	.st_pinterest_large {display: none;}
	#pageheader-text {font-size: 28px;}
	.testimonial-pic {width: 100%; float:none; text-align:center;}
	.testimonial {width: 94%; float:left; line-height: 35px; font-style: italic; padding-top:30px;}
	.testimonial-quote {font-size:40px;}
}


@media (max-width: 500px) {
	#headerline-logobox {width: 100%; float: none;}
	#headerline-navbox {width: 97%; float: none;}
	#client-bar-title {font-size: 18px;}
}

@media (max-width: 450px) {
	#headerline {min-height: 25px;}
	#headerline-container {min-height: 25px;}
	#headerline-logobox {min-height: 25px; }
	#industrybar-title {font-size: 16px;}
	.industrybox {width: 90%; padding-left: 5%; padding-right: 5%;  padding-top: 5%; float:none;}
	#client-bar-title {font-size: 16px;}
	#pageheader-bar {height: 40px;}
	#pageheader-share {display: none;}
	#pageheader-text {width: 100%; float: none; line-height: 40px;}
	.testimonial-quote {display: none;}
}

@media (max-width: 400px) {

	.formleft-div { width: 98%; text-align: left; font-weight: bold; padding-top: 6px; padding-right: 2%; vertical-align: bottom;}
	.formright-div { width: 98%; vertical-align: top; margin-left: 2%; }
	.ib-formheading {padding-left: 1%;}

}

@media (max-width: 350px) {
	#client-bar-title {font-size: 14px;}

}

@media (max-width: 320px) {


}