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

/* header-line area */
#headerline {width: 100%; height: 155px; position: absolute; z-index: 500; top: 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.01) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.01) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#03000000',GradientType=0 ); /* IE6-9 */
}

#topnav {width: 100%; height: 25px; position: relative; 
background: rgb(26,46,79); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(26,46,79,1) 0%, rgba(23,25,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(26,46,79,1) 0%,rgba(23,25,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(26,46,79,1) 0%,rgba(23,25,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2e4f', endColorstr='#171922',GradientType=0 ); /* IE6-9 */
}

#topnav-box {max-width: 980px; height: 25px; position: relative; margin: 0 auto;}
#topnav-info {width: 96%; padding: 2px 2% 0 2%; float:right; text-align: right; color: #fff; font-family: pt-sans; font-size: 14px; text-transform: uppercase;}
#topnav-info a{color: #fff; text-decoration: none;}
#topnav-info a:hover{color: #9f9f9f; text-decoration: underline;}
#midnav-box {max-width: 980px; height: 130px; position: relative; margin: 0 auto;}
#logobox {width: 33%; height: 130px; padding: 0 2% 0 0; position: relative; float: left;}
#navbox {width: 65%; height: 130px; position: relative; float:left;}
#navbar {width: 100%; height: 55px; position: absolute; bottom: 0; background: rgba(0,0,0,0.55); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#logo-header-img {max-width: 100%; height: auto;}
#logo-header-img:hover { 
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}

/* Slider Area */

#sliderline {width: 100%; max-height: 910px; position: relative; z-index: 1;}
#sliderline-fade {width: 100%; height: 200px; position: absolute; z-index: 2; bottom: 0; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#pageheader-line {width: 100%; min-height: 200px; max-height: 450px; position: relative; z-index: 1; overflow: hidden;}
.pageheader-img {width: 100%; min-width: 350px; height: auto; min-height: 200px;}
#pageheader-line-fade {width: 100%; height: 50px; position: absolute; z-index: 5000000; bottom: 0; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#pageheader-title-line {width: 98%; padding: 1% 0 2% 2%; position: relative;}
#pageheader-title-box {max-width: 980px; position: relative; margin: 0 auto;}
#pageheader-title-box h1 {color: #fff; text-transform: uppercase; text-align: left; font-family: ubuntu-m;}

/* Button Box Area */

#buttonbox-container {max-width: 980px; min-height: 340px; position: relative; margin: 0 auto; margin-top: -275px; z-index: 3;}
.buttonbox {width: 32.33%; margin: 0 .5% 0 .5%; min-height: 340px; position: relative; float: left; background: rgba(0,63,133,0.8); }
.middle {background: rgba(0,20,79,0.8); }
.buttonbox .title {width: 100%; height: 50px; position: relative; text-align: center; vertical-align: middle; line-height: 50px; font-family: ubuntu-m; color: #fff; font-size: 28px;}
.buttonbox .photo {width: 100%; max-height: 172px; position: relative; overflow: hidden;}
.buttonbox .photo-img {width: 100%; height: auto;}
.buttonbox .photo-img:hover { 
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}
.buttonbox .description {width: 98%; padding: 1%; font-family: quattrocento_sansregular; font-size: 18px; color: #fff; text-align: center;}
.buttonbox .more {width: 96%; height: 15px; position: absolute; bottom: 8px; padding-right: 4%; font-family: ubuntu-b; font-size: 13px; text-align: right; vertical-align: middle; line-height: 15px;}
.buttonbox .more a {color: #fff; text-decoration: none;}
.buttonbox .more a:hover {color: #a8a8a8; text-decoration: none;}

/* Association Box Area */



/* Pageheader Area */

}

/* Content Box Area */

#contentline {width: 100%; height:auto; position: relative; padding: 0; margin: 0; z-index: 100; top: 0px; border: 1px solid red; overflow: auto;}
#contentbox { max-width: 980px; margin: 0 auto; padding: 0; position: relative; min-height: 500px; overflow: auto; padding-bottom: 45px; font-family: quattrocento_sansregular; font-size: 18px; color: #fff; background: #000; }

#mainbox { max-width: 950px; margin: 0px auto; padding: 25px 15px 25px 15px; position: relative; border: 0 none; border-collapse: collapse;}
#mainbox-bodybox { width: 100%; margin: 0 auto; margin-bottom: 0px; position: relative;}
#mainbox-bodybox img {max-width: 95%; height: auto;}

#mainbox ol {padding: 5px 0 0 20px;}
#mainbox ul li { margin-left: 40px; margin-bottom: 10px; list-style-image: url('/images/site/template/ul.png');}
#mainbox h1, #mainbox h2, #mainbox h3, #mainbox h4 {font-family: ubuntu-m; color: #fff;}
#mainbox p { padding-bottom: 15px;}

#mainbox .home-col1 {width:37%; padding: 25px 3% 0 0; position:relative; float:left;}
#mainbox .home-col2 {width:59%; padding: 15px 0 0 1%; position:relative; float:left; text-align: center;}
#mainbox .affbox {width: 100%; padding: 15px 0 0 0; position: relative; text-align: center;}
#mainbox .affbox img {max-width: 100%; height: auto; margin: 5px 10px 0 10px;}


/* FOOTER AREA */

#footerline { min-height: 280px; width: 100%; position: relative; overflow: auto; background: #111319;}
#footerline a{color: #fff; text-decoration: underline;}
#footerline a:hover {color: #3493ff; text-decoration: none;}
#footerbox {position: relative; max-width: 950px; padding: 10px 15px 10px 15px; margin: 0 auto; min-height: 240px; overflow: auto; font-family: quattrocento_sansregular; font-size: 16px; color: #fff; }

#footerbox .col1 {width:30%; float:left; padding: 0px 2.5% 10px 2.5%; position: relative; text-align: center;}
#footerbox .col1 a{color: #fff;}
#footerbox .col1 a:hover{color: #b1b1b1;}
#footerbox .col2 {width:60%; padding: 0px 2.5% 10px 2.5%; position: relative; float:left; text-align: left;}

#footer-logo-img:hover { 
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}
#footerbox #phone {padding: 10px 0 0 0; position: relative; font-size: 20px;}
#footerbox #usa {padding: 15px 0 0 0; position: relative;}
#footerbox #newsheading {font-family: ubuntu-b; color: #31a8dd; font-size: 20px; text-align: center; text-decoration: none; padding: 5px 0 5px 0;}
#footerbox .news-title {font-size: 17px; text-transform: uppercase; padding-top: 15px;}
#footerbox .news-title a{color: #fff; text-decoration: none;}
#footerbox .news-content {font-size: 15px;}
#footerbox .news-content a{color: #2d98c9; text-decoration: none;}
#footerbox .news-content a:hover{color: #3ac2ff; text-decoration: underline;}


#footersigline {width: 98%; min-height: 40px; padding: 5px 1% 5px 1%; position: relative; bottom: 0px; background: #1a2e4f; font-family: quattrocento_sansregular; font-size: 16px; color: #fff; text-align: center; vertical-align: middle;}
#footersigline a{color: #fff;text-decoration: underline;}
#footersigline a:hover {color: #c6c6c6;text-decoration: underline;}

/* 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: 0px; text-transform: uppercase; overflow: hidden; whitespace: no-wrap; width: 100%; height: 30px;}
.project-desc {width: 100%; height: 15px; font-family: quattrocento_sansregular; font-size: 14px; color: #2e2e2e; text-transform: uppercase;}

.portfolio-image {padding-top: 10px; width: 100%; position: relative; text-align:center;}
.portfolio-image-box {max-width: 250px; max-height: 200px; 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.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

.more-details {display: inline-block; *display: inline; zoom: 1; min-width: 140px; text-align: center; text-decoration: none; font-family: ubuntu-b; 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: #2375b3; margin-bottom: 10px; margin-top: 10px;}
.more-details:hover { background: #1d5f92; 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;}

.photo-gallery-thumb {border: 5px solid #808080;}

/* OTHER ATTRIBUTES */

.imgborder { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: 5px solid #d5d5d5;}

.imgfloatleft {float:left;}
.imgfloatright {float:right;}

.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); }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.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;}



/* module-css */



.mapwrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.mapwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.sitebtn { display: inline-block; *display: inline; margin-bottom: 18px; min-width: 240px; text-align: center; text-decoration: none; font-family: ubuntu-b; 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: #31a8dd; padding: 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase;}
.sitebtn:hover { background: #227498; 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: quattrocento_sansregular; 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; }

.sitebtn-buy { display: inline-block; *display: inline; margin-bottom: 18px; min-width: 120px; text-align: center; text-decoration: none; font-family: ubuntu-b; font-size: 18px; color: #62007a !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: #36ff00; padding: 5px; behavior: url('/shared/pie/pie.htc'); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase;}

.sitebtn-buy:hover { background: #fffc00; cursor: pointer; text-decoration: none !important; }

.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 { display: inline-block; *display: inline; zoom: 1; width: 68%; padding: 0; margin: 0; text-align: left; position: relative; overflow:auto; min-height: 350px; vertical-align:top;}
.col-2 { display: inline-block; *display: inline; zoom: 1; width: 30%; padding: 0 0 0 1%; margin: 0; text-align: left; position: relative; min-height:350px;}
.row { width: 100%; padding: 0; margin: 0; text-align: middle; vertical-align: top; position: relative;}


  /* RESPONSIVE STUFF */

.fullimage {max-width:100%; height: auto;}
.imgfull {max-width:100%; height: auto;}
.imgfill {width: 97%; height: auto; margin: 1%;}

@media (max-width:960px) {

}

@media (max-width: 860px) {
.col-1 { display: initial; width: 100%; padding: 0; }
.col-2 { display: initial; width: 99%; padding: 0 0 0 1%; }
}

@media (max-width: 800px) {

}

@media (max-width: 750px) {
#buttonbox-container {margin-top: 0px;}
.buttonbox {width: 98%; margin: 0 1% 0 1%; min-height: 330px;}
.buttonbox .title {font-size: 26px;}
#mainbox .home-col1 {width:96%; padding: 10px 2% 0 2%;}
#mainbox .home-col2 {width:96%; padding: 10px 2% 0 2%;}
}

@media (max-width: 700px) {
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
.portfolio-item {width: 93%; margin: 2% 2% 1% 5%; float: none;}
.client-name {font-size: 22px; overflow: none; whitespace: no-wrap; height: auto;}
}

@media (max-width: 650px) { 
#footerbox .news-title {font-size: 15px;}
#footerbox .news-content {font-size: 14px;}
#footersigline {font-size: 14px; min-height: 30px;}
}


@media (max-width: 600px) {
#logobox {width: 100%; height: 100px; padding: 0 0% 0 0; position: relative; float: left; text-align:center;}
#navbox {width: 100%; height: 50px; position: relative; float:left; padding: 5px 0 0 0;}
#navbar {width: 96%; height: 50px; margin: 0 2% 0 2%;}
#logo-header-img {max-width: 100%; height: 100px;}
#topnav-info {text-align: center; font-size: 13px; padding: 4px 2% 0 2%;}

.imgfloatleft {float:none;}
.imgfloatright {float:none;}
.imgborder {margin: 0 0 2% 0; }
.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: 98%; vertical-align: top; margin-right: 2%; height: 30px; }
}

@media (max-width: 550px) {
#mainbox .affbox img {width: 35%; height: auto;}
#footerbox .col1 {width:95%; float:left; padding: 0px 2.5% 10px 2.5%; position: relative; text-align: center;}
#footerbox .col2 {width:95%; padding: 0px 2.5% 10px 2.5%; position: relative; float:left; text-align: left;}
}

@media (max-width: 500px) {
#sliderline-fade {height: 150px;}
}

@media (max-width: 450px) {
#contentbox { font-size: 16px;}
#footerbox #usa img{width: 50%; height: auto;}
}

@media (max-width: 400px) {
#sliderline-fade {height: 100px;}
#layerslider .hide {display: none;}
.buttonbox {min-height: 310px;}
.buttonbox .description {font-size: 16px;}

#mainbox-bodybox { font-size: 15px;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}

}

@media (max-width:380px) {

}


@media (max-width:340px) {
#sliderline-fade {height: 70px;}
}

.has-success input[type=text], .has-success select {border: #278c00 1px solid; background: #c1ffdb; color: #278c00;}
.has-warning input[type=text], .has-warning select  {border: #db8a00 1px solid; background: #fffcce; color: #db8a00;}
.has-error input[type=text], .has-error select {border: #840000 1px solid; background: #fc9494; color: #840000;}