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

body {
	background: #fff;
	color: #666;
	font: 85%/140% 'OpenSansLight', Arial, Helvetica, sans-serif;
	width: 1000px;
	max-width: 99%;
	margin: 0 auto;
}
a {
	color: #69C;
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #F60;
}
/*h1 {
	font: 1.7em;
	line-height: 110%;
	color: #000;
}
.headline {
	font-family: 'BebasNeueRegular', sans-serif;
	font-weight:normal;
	font-size:32px;
	color:#999999;
	margin-bottom:0px;
	margin-top:12;
	line-height:48px;

}*/
img{
	width:100%;
	height:auto;
	border:0px;
}
h1 {
	font-size:4em;
	line-height:90%;
	margin:12px 0px 0px 0px;


}
h1, h2, h3 {
	color:#ccc;
	font-family: 'BebasNeueRegular', sans-serif;
	font-weight:normal;

}
h2 {
	font-size:2.5em;
	line-height:90%;
	margin:8px 0px 0px 0px;

}
p{
	font-family: 'OpenSansLight', Helvetica, sans-serif;
	font-size:1em;
	line-height:160%;
	margin:8px 0px 10px 0px;
}

strong {
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
}
.config_title{
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	border-top:#CCC 1px solid;
	padding-top:10px;
	}
.mica-cfg{
	height:auto;
	background-color:#055BBE;
}
/*--------------------------------------------*/
/*------------BUTTONS-------------------------*/
/*--------------------------------------------*/
/*
label{
	line-height:30px;
	}
	
input[type=text],
input[type=password]{
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	font-size:1em;
	border:2px solid #69C;
	background-color:#F1F1F1;
	padding:4px;
	height:18px;
	width:97%;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

textarea{
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	font-size:1em;
	border:2px solid #69C;
	background-color:#F1F1F1;
	padding:4px;
	height:100px;
	width:97%;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
select {
	font-family: 'OpenSanslight', Helvetica, sans-serif;
	font-size:1em;
	border:2px solid #69C;
	background-color:#F1F1F1;
	padding:0px;
	height:30px;
	width:100%;
	}
*/
label{
	font-size:12px;
	line-height:18px;
	}
	
input[type=text],
input[type=password]{
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	font-size:12px;
	border:2px solid #69C;
	background-color:#F1F1F1;
	padding:4px;
	height:18px;
	vertical-align:bottom;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.input-24{
	width:24px;
	}
.input-80{
	width:80px;
	}
.input-120{
	width:120px;
	}
.input-200{
	width:300px;
	}
textarea{
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	font-size:12px;
	border:2px solid #69C;
	background-color:#F1F1F1;
	padding:4px;
	height:100px;
	width:97%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	vertical-align:bottom;
}
select {
	font-family: 'OpenSanslight', Helvetica, sans-serif;
	font-size:12px;
	border:2px solid #69C;
	background-color:#F1F1F1;
	padding:0px;
	height:30px;
	width:100%;
	vertical-align:bottom;
	}
button {
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	min-width:70px;
	color:#FFF;
	border:0px;
	padding:6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	z-index:1001;
	background:#69C;
	cursor:pointer;
	margin-bottom:24px;
	}
button:hover {
	background: #F60;
}
.button-request{
	margin-top:12px;
	}
	
.button-duplicate{
	margin-top:12px;
	margin-left:12px;
	background:#69C;
	cursor:pointer;
	}
.button-delete{
	margin-top:12px;
	margin-left:12px;
	background:#587BAB;
	cursor:pointer;
	}
.button-delete-quote{
	margin-top:12px;
	background:#587BAB;
	cursor:pointer;
	margin-bottom:12px;
	}
.button-edit-quote{
	margin-top:12px;
	background:#69C;
	cursor:pointer;
	margin-bottom:12px;
	}
.button-spell{
	margin-top:4px;
	cursor:pointer;
	background:#69C;
	width:120px;

}
.button-send{
	margin-top:4px;
	cursor:pointer;
	background:#3E618A;
	width:180px;

}
.button-reload{
	margin-top:4px;
	cursor:pointer;
	background:#8BAC1E;
	}
.button-config{
	margin-top:4px;
	cursor:pointer;
	background:#B7D72D;
	}
.select-sub{
	width:90%;
	}
.select-80{
	width:80px;
	}
.select-120{
	width:120px;
	}
.select-200{
	width:200px;
	}
.sub-option{
		display:none;
		margin-left:10px;
		margin-right:5px;
		font-size:0.8em;
		font-style:italic;
	}
.notch-img{
	width:57px;
	height:44px;
	}
/*--------------------------------------------*/
/*------------BUTTONS-------------------------*/
/*--------------------------------------------*/

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

#pagewrap {
	width: 990px;
	max-width: 99%;
	margin: 0 auto;
}
.wrapper {
	border-top: solid 1px #eee;
	margin-top:10px;
	overflow: hidden;
}

.logo-space {
	height:100px;
	width:auto;
	background-image:url(../images/logo-bg.jpg);
	background-repeat:repeat-x;
	}
.logo{
	height:100px;
	width:275px;
	float:left;
}
.logo-slogan{
	float:left;
	color:#ccc;
	font-family: 'BebasNeueRegular', sans-serif;
	font-weight:normal;
	font-size:3.5em;
	line-height:90%;
	padding:30px 0px 0px 15px;
	}
.captcha {
	height:38px;
	width:168px;
	margin-bottom:6px;
	}


/************************************************************************************
MENU
*************************************************************************************/

.topmenu {
	height:38px;
	width:100%;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
	color:#ccc;
	font-family: 'BebasNeueRegular', sans-serif;
	font-weight:normal;
	font-size:24px;
	margin:0;
	}
.topmenu-images {position:absolute; height:280px; z-index:888; width:280px; top:3px; left:280px; background:#ccc; display:none;}

	
/*=================================================================== */
/*=================================================================== */
/*=================================================================== */

ul.menu {list-style:none; margin:0; padding:0; height:38px}
ul.menu * {margin:0; padding:0}
ul.menu a {
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul.menu li {
	position:relative;
	float:left;
	line-height:38px;
	color: #69C;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
* html ul.menu li {position:relative; float:left; padding: 0px 12px; width:110px;}
ul.menu a:hover {
	color:#990000;
	}
ul.menu ul {
	position:absolute; 
	top:38px; 
	left:0; 
	display:none; 
	list-style:none;
    }
ul.menu ul:hover {
	/*width:505px; height:288px; border:1px solid #6B6B6B; background-image:url(../images/topmenu3.jpg); background-position:right top; background-repeat:no-repeat;*/
	}
ul.menu ul li {
	position:relative;
	clear: left;
	padding: 0px 0px; 
	border-bottom:1px solid #B3CCE6; 
	border-top:none; 
	width:250px; 
	background-color:#6699CC;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */	
	margin:0; 
	line-height:normal;
	font-family: 'OpenSansSemibold', Helvetica, sans-serif;
	font-size:14px;
	height:32px;
	}
ul.menu ul li a {display:block; line-height:32px; padding-left:10px; color:#fff}
ul.menu ul li a:hover {background-color:#fff; color:#333}
ul.menu ul ul {left:250px; top:-1px}
ul.menu .menulink {height:38px;
font-family: 'BebasNeueRegular', sans-serif;
	font-weight:normal;
	font-size:24px;
	}
ul.menu .menulink:hover, ul.menu .menuhover { }
ul.menu .sub {background:#d1d1d1}
ul.menu .topline {border-top:1px solid #aaa}



/*=================================================================== */
/*=================================================================== */
/*=================================================================== */

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	float: left;
	margin-left: 1.25%;
	margin-top: 10px;
	margin-bottom: 0px;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
.cfg {
	background-image:url(../images/cfg_col_bg.jpg);
	background-repeat:repeat-x;
}
/* grid4 col */
.grid4 .col {
	width: 24%;
}
/* grid3 col */
.grid3 .col {
	width: 32.5%;
}
.grid3 .colonethird {
	width: 32.5%;
	float: left;
	margin-bottom: 0px;
}
.grid3 .coltwothird {
	width: 65%;
	float: left;
	margin-left: 1.25%;
	margin-bottom: 0px;
	}
.grid3 .colonethird-inv {
	width: 32.5%;
	float: left;
	margin-left: 1.25%;
	margin-bottom: 0px;
}
.grid3 .coltwothird-inv {
	width: 66%;
	float: left;
	margin-bottom: 0px;
	}
/* grid2 col */
.grid2 .col {
	width: 49.37%;
}
.grid2 .colformlabel {
	width: 30%;
	float: left;
	text-align:right;
	margin-bottom: 6px;
}
.grid2 .colforminput {
	width: 67.5%;
	float: left;
	margin-left: 1.25%;
	margin-bottom: 6px;
	line-height:30px;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 1200px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

@media screen and (max-width: 950px) {
	.logo-slogan{
		font-size:2.5em;
		padding:35px 0px 0px 15px;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 750px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 49.37%;
	}
	.grid3 .colonethird {
	width: 100%;
	}
	.grid3 .coltwothird {
	width: 100%;
	margin-left: 0;
	}
	.grid3 .colonethird-inv {
	width: 100%;
	}
	.grid3 .coltwothird-inv {
	width: 100%;
	margin-left: 0;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 1.25%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
	.logo-slogan{
		font-size:2em;
		padding:40px 0px 0px 15px;
	}
}

@media screen and (max-width: 650px) {
	.logo-slogan{
		font-size:1.5em;
		padding:45px 0px 0px 15px;
	}
}

@media screen and (max-width: 600px) {
	.logo-slogan{
		display:none;
	}
}


/* reset cols to fullwidth */
@media screen and (max-width: 480px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
	.logo {
	float:none;
	margin:0 auto;
	}
ul.menu .menulink {font-size:20px;
	}
	
	.grid2 .colformlabel {
	width: 100%;
	text-align: left;
	margin-bottom: 6px;
	}
	.grid2 .colforminput {
	width: 97%;
	margin-left: 0px;
}
}