/* -------------------------------------------------------------------------

0.	CSS Reset
1.	Styles for Demo Site
2.	Columns
3.	Tabs - Type 1
4.	Tabs - Type 2
5.	Buttons - Type 1
6.	Buttons - Type 2
7.	Notification Boxes
8.	Accordions
9.	Testimonials
10.	Scroll to Top

-------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------*/
/*	0. CSS Reset
/*-------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

html {
font-size:100%;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

body {
line-height:1;
}

body,input,textarea {
font:12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
background:#FFF;
background-color: transparent;
background-image: url("../images/bg_stage.png");
background-position: center top;
background-repeat: no-repeat;
color:#000;
}

.clear {clear: both}

strong {font-weight: bold;}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}





		html, body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		/*overflow: hidden;*/
		}
		#fullbg-css{
		position:absolute;
		height:100%;
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: 1;
		}




/*-------------------------------------------------------------------------*/
/*	1. Styles for Demo Site (not needed for web elements)
/*-------------------------------------------------------------------------*/
#demo-wrapper
{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	z-index: 10;
	position: relative;
}

.footer{
clear:both;
text-align:center;
}

.header, .footer{
width:100%;
background: url(../images/images-for-demo-site/bg-header.jpg) top left repeat-x;
height:70px;
}

.header a, .footer a{
color: #CCC;
}

.header a:hover, .footer a:hover{
color: #FFF;
}

p{
margin-bottom: 15px;
}

h2 + p, h3 + p{
margin-top: -10px;
}

h2, h3, p, ul, ol {
color: #555555;
font-weight: normal;
margin: 0 0 20px;
}


h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}

.logos {

    float: left;
    margin: 0px 0 30px;
    width: 100%;
	text-align:center;
}

.legal {

    float: left;
    margin: 0px 0 10px;
    width: 100%;
}

.legal span {

    color: #bbb;
    display: block;
    font-size: 11px;
    line-height: 12px;
}


.textcontent {
	width:240px;
	height:360px;
	padding:0px;
	margin-bottom:10px;
}

div#socialicons {
	width:200px;
	height:60px;
	float:right;
	text-align:right;
}

.phoneNumber {
	text-align:right;
	font-size:28px;
	font-weight:normal;
	color:#ffffff;
	padding:10px 0px;
}

.smalltext {
	text-transform:uppercase;
	color:#999;
	font-size:13px;
	font-weight:normal;
}


/*-------------------------------------------------------------------------*/
/*	2. Columns
/*-------------------------------------------------------------------------*/
.one_half { width: 48%; }
.one_third { width: 30.5%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 13.33%; }
.two_fifth { width: 37.6%; }
.two_third { width: 65.33%; }
.three_fifth { width: 58.4%; }
.three_fourth { width: 74%; }
.four_fifth { width: 67.2%; }
.five_sixth { width: 82.67%; }



.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 20px;
float: left;
}

.column-last {
margin-right: 0!important;
clear: right;
}

.tabs_type_2 .one_third { width: 29%; }








/*-------------------------------------------------------------------------*/
/*	3. Tabs - Type 1
/*-------------------------------------------------------------------------*/

.tabs_type_1 dd.current{
display:block;
}

.tabs_type_1 {
width:100%;
height:468px;
box-shadow:0 0 3px #c3c3c3;
border-radius:10px;
background-color:#f8f8f8;
overflow:hidden;
position:relative;
margin:0;
}

.tabs_type_1 dt {
width:22%;
border-bottom:1px solid #ededed;
font-size:12px;
font-weight:700;
cursor:pointer;
padding:16px 0 16px 3%;
}

.tabs_type_1 dt img {
display:inline-block;
margin-right:15px;
position:relative;
top:5px;
}

.tabs_type_1 dd {
margin-left:25%;
background-color:#FFF;
height:85%;
box-shadow:inherit;
overflow:auto;
position:absolute;
top:0;
right:0;
display:none;
z-index:1000;
padding:4%;
}

.tabs_type_1 dt:first-child {
margin-top:2.4%;
}

.tabs_type_1 dd .column_group p:first-child {
margin-top:0;
}

.tabs_type_1_arrow {
position:absolute;
top:0;
left:23%;
z-index:1001;
width:18px;
height:36px;
background-image:url(../images/tab-type1-arrow.png);
background-repeat:no-repeat;
}

.tabs_type_1 dt.current,
.tabs_type_2 dt.current {
color:#01C3FD;
}








/*-------------------------------------------------------------------------*/
/*	4. Tabs - Type 2
/*-------------------------------------------------------------------------*/

.tabs_type_2 dd.current{
display:block;
}

.tabs_type_2 {
position:relative;
margin-top:40px;
font-size:12px;
padding-top:10px;
height:330px;
}

.tabs_type_2 dt {
float:left;
margin-left:1.25%;
margin-right:3.5%;
cursor:pointer;
font-weight:bold;
}

.tabs_type_2 dd {
display:none;
position:absolute;
background-image:url(../images/tabs-type2-BG.png);
background-repeat:repeat-x;
top:50px;
padding:30px;
}

.tabs_type_2_arrow {
position:absolute;
top:38px;
z-index:1001;
width:28px;
height:15px;
background-image:url(../images/arrow-up-2.png);
background-repeat:no-repeat;
}








/*-------------------------------------------------------------------------*/
/*	5. Buttons - Type 1
/*-------------------------------------------------------------------------*/
.button_style_1, .button_style_1:hover {text-decoration: none;border: 0;display:inline-block;letter-spacing:1.2px;text-transform: uppercase;color: #DDD !important;}
.button_style_1 span {display:block;}
.small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size: .9em;background: transparent url(../images/buttons/bg-buttons-sprite.png) 100% -43px no-repeat scroll;color: #F4F4F2;}
.small_button span{margin:0;padding:16px 0 17px 21px;line-height: 10px;background:transparent url(../images/buttons/bg-buttons-sprite.png) 0 0 no-repeat scroll;}


.medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size: 1em;background: transparent url(../images/buttons/bg-buttons-sprite.png) 100% -136px no-repeat scroll;color: #F4F4F2;}
.medium_button span{margin:0;padding:19px 0 19px 23px;line-height: 12px;background:transparent url(../images/buttons/bg-buttons-sprite.png) 0 -86px no-repeat scroll;}


.large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size: 1.1em;background: transparent url(../images/buttons/bg-buttons-sprite.png) 100% -261px no-repeat scroll;color: #F4F4F2;border:0;outline:none;cursor:pointer;}
.large_button span{margin:0;padding:28px 0 33px 33px;line-height: 16px;background:transparent url(../images/buttons/bg-buttons-sprite.png) 0 -186px no-repeat scroll;border:0;outline:none;cursor:pointer;}



/* Fire */
.small_fire,
.small_fire span,
.medium_fire,
.medium_fire span,
.large_fire,
.large_fire span {background-image: url(../images/buttons/bg-buttons-sprite-fire.png);}

/* Autumn */
.small_autumn,
.small_autumn span,
.medium_autumn,
.medium_autumn span,
.large_autumn,
.large_autumn span {background-image: url(../images/buttons/bg-buttons-sprite-autumn.png);}

/* Cherry */
.small_cherry,
.small_cherry span,
.medium_cherry,
.medium_cherry span,
.large_cherry,
.large_cherry span {background-image: url(../images/buttons/bg-buttons-sprite-cherry.png);}

/* Coffee */
.small_coffee,
.small_coffee span,
.medium_coffee,
.medium_coffee span,
.large_coffee,
.large_coffee span {background-image: url(../images/buttons/bg-buttons-sprite-coffee.png);}

/* Golden */
.small_golden,
.small_golden span,
.medium_golden,
.medium_golden span,
.large_golden,
.large_golden span {background-image: url(../images/buttons/bg-buttons-sprite-golden.png);}

/* Pink */
.small_pink,
.small_pink span,
.medium_pink,
.medium_pink span,
.large_pink,
.large_pink span {background-image: url(../images/buttons/bg-buttons-sprite-pink.png);}

/* Purple */
.small_purple,
.small_purple span,
.medium_purple,
.medium_purple span,
.large_purple,
.large_purple span {background-image: url(../images/buttons/bg-buttons-sprite-purple.png);}

/* Periwinkle */
.small_periwinkle,
.small_periwinkle span,
.medium_periwinkle,
.medium_periwinkle span,
.large_periwinkle,
.large_periwinkle span {background-image: url(../images/buttons/bg-buttons-sprite-periwinkle.png);}

/* Violet */
.small_violet,
.small_violet span,
.medium_violet,
.medium_violet span,
.large_violet,
.large_violet span {background-image: url(../images/buttons/bg-buttons-sprite-violet.png);}

/* Sky Blue */
.small_skyblue,
.small_skyblue span,
.medium_skyblue,
.medium_skyblue span,
.large_skyblue,
.large_skyblue span {background-image: url(../images/buttons/bg-buttons-sprite-skyblue.png);}

/* Cool Blue */
.small_coolblue,
.small_coolblue span,
.medium_coolblue,
.medium_coolblue span,
.large_coolblue,
.large_coolblue span {background-image: url(../images/buttons/bg-buttons-sprite-coolblue.png);}

/* Royal Blue */
.small_royalblue,
.small_royalblue span,
.medium_royalblue,
.medium_royalblue span,
.large_royalblue,
.large_royalblue span {background-image: url(../images/buttons/bg-buttons-sprite-royalblue.png);}

/* Blue Grey */
.small_bluegrey,
.small_bluegrey span,
.medium_bluegrey,
.medium_bluegrey span,
.large_bluegrey,
.large_bluegrey span {background-image: url(../images/buttons/bg-buttons-sprite-bluegrey.png);}

/* Lime Green */
.small_limegreen,
.small_limegreen span,
.medium_limegreen,
.medium_limegreen span,
.large_limegreen,
.large_limegreen span {background-image: url(../images/buttons/bg-buttons-sprite-limegreen.png);}

/* Forest Green */
.small_forestgreen,
.small_forestgreen span,
.medium_forestgreen,
.medium_forestgreen span,
.large_forestgreen,
.large_forestgreen span {background-image: url(../images/buttons/bg-buttons-sprite-forestgreen.png);}

/* Teal */
.small_teal,
.small_teal span,
.medium_teal,
.medium_teal span,
.large_teal,
.large_teal span {background-image: url(../images/buttons/bg-buttons-sprite-teal.png);}

/* Teal Grey */
.small_tealgrey,
.small_tealgrey span,
.medium_tealgrey,
.medium_tealgrey span,
.large_tealgrey,
.large_tealgrey span {background-image: url(../images/buttons/bg-buttons-sprite-tealgrey.png);}

/* Grey */
.small_grey,
.small_grey span,
.medium_grey,
.medium_grey span,
.large_grey,
.large_grey span {background-image: url(../images/buttons/bg-buttons-sprite-grey.png);}

/* Silver */
.small_silver,
.small_silver span,
.medium_silver,
.medium_silver span,
.large_silver,
.large_silver span {background-image: url(../images/buttons/bg-buttons-sprite-silver.png);color:#555 !important;}










/*-------------------------------------------------------------------------*/
/*	6. Buttons - Type 2
/*-------------------------------------------------------------------------*/
a.button {
background-image: url(../images/buttons/button-sprite.png);
text-decoration: none;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 12px;
margin: 0 0px 20px;
padding: 10px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
display: inline-block;
}

a.button.large {
padding: 9px 16px 2px;
line-height: 14px;
height: 24px;
}

/* Black */
a.button.black {background-position: 0 0;
border: 1px solid #4C4C4C;
color: #FFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
a.button.black:hover {border: 1px solid #2C2C2C;background-position: 0 -28px;}
a.button.large.black {background-position: 0 -56px;}
a.button.large.black:hover {background-position: 0 -91px;}


/* Blue */
a.button.blue {
background-position: 0 -126px;
border: 1px solid #8DC5DA;
color: #42788E;
}
a.button.blue:hover {border: 1px solid #7CAEC0;background-position: 0 -154px;}
a.button.large.blue {background-position: 0 -182px;}
a.button.large.blue:hover {background-position: 0 -217px;}

/* red */
a.button.red {
background-position: 0 -126px;
border: 1px solid #7c4649;
color: #96151d;
}
a.button.red:hover {border: 1px solid #7CAEC0;background-position: 0 -154px;}
a.button.large.blue {background-position: 0 -182px;}
a.button.large.blue:hover {background-position: 0 -217px;}


/* Grey */
a.button.grey {
background-position: 0 -378px;
border: 1px solid #B5B5B5;
color: #555;
}
a.button.grey:hover {border: 1px solid #989898;background-position: 0 -406px;}
a.button.large.grey {background-position: 0 -434px;}
a.button.large.grey:hover {background-position: 0 -469px;}


/* Navy */
a.button.navy {
background-position: 0 -504px;
border: 1px solid #A2AFB8;
color: #515F6A;
}
a.button.navy:hover {border: 1px solid #8996A0;background-position: 0 -532px;}
a.button.large.navy {background-position: 0 -560px;}
a.button.large.navy:hover {background-position: 0 -595px;}


/* White */
a.button.white {
background-position: 0 -1134px;
border: 1px solid #D3D3D3;
color: #555;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
a.button.white:hover {border: 1px solid #C4C4C4;background-position: 0 -1162px;}
a.button.large.white {background-position: 0 -1190px;}
a.button.large.white:hover {background-position: 0 -1225px;}



/*-------------------------------------------------------------------------*/
/*	13. Callout Boxes
/*-------------------------------------------------------------------------*/
.callout {
border-radius:10px 10px 10px 10px;
border-width: 2px;
padding:20px 25px;
position:relative;
padding-bottom:10px;
}

.callout p {
font-size:12px;
margin-right:0px;
margin-top:0;
line-height:14px;
color:#555555;
}

.callout h3 {
font-weight:300;
margin-bottom:10px;
font-size:23px;
color:#5c769d;
}

.heromedical
{
	background-image: url(../images/hero_medical.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.heroweighing
{
	background-image: url(../images/hero_weighing.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.herotecheng
{
	background-image: url(../images/hero_techeng.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.callout_light
{
	background-color: transparent;
	border: 1px solid #ccc;
	background-image: url(../images/callout-bg-light.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.callout_top
{
	background-color: transparent;
	border: 1px solid #ccc;
	background-image: url(../images/callout-bg-light.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.callout_light:hover
{ background-color:#ffffff;
}
.callout_dark{
background: #555555 url(../images/callout-bg-dark.png) left bottom repeat-x;
border:1px solid #555;
}

.callout_dark h3, .callout_dark p{
color:#FFF;
}

.shadow_onethird { 
height:40px;
background-color: transparent; background-image: url(../images/shadow_onethird.png); background-repeat: no-repeat; background-position: center bottom; }
#flag{
text-align:left;
padding: 5px 0 16px;
}