/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
#container {
    position: relative;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -745px;
	width: 100%;
	
}

.inner {
    position: relative;
    width: 940px;
    text-align: left;
    margin: 0 auto;
    background-color: #3d3939;

}

.outer {
    text-align:center;
    margin: 0 auto;
    background-color: #3d3939;
    height:588px;
    min-width: 940px;
}

#footer, #push {
	height: 745px; /* .push must be the same height as .footer */
}


#footer {
    position: relative;
	text-align: center;
	width: 100%;
}

/*********************************************header***********************************/
#header {
	background-color: #6dc3d5; 
	width: 100%;
	height: 57px;
	text-align: center;
    position: relative;
    z-index: 300;
    position:fixed;
    top:0px;
    
}

#logo {
	position: relative;
}
#logo img {
	position: absolute;
	top: 6px;
}





/*********************************************slideshow - claim ***********************************/



#claim {
	min-height: 50px;
    position: relative;
    background-color: #f7f7f7;
    border-bottom: 1px #dddddd solid;
}

#claim .inner {
    padding: 45px 0 4px 0;
}

#claim .breadcrumbs {
    font-size: 14px;
    margin: 5px 0;
}

#claim .breadcrumbs .active {
    color: #b9d7e6;
}

#claim .hotline {
	float:right;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin: 5px 0;
}

#claim h3 {
    font-weight: bold;
    font-style: italic;
}

#claim .left {
    float:left;
    width: 170px;
}
#claim .right {
    float:left;
    font-size: 18px;
    width: 80%;
}

#logo {
	float:left;
	width:194px;
}

#content {
	min-height: 300px;
    margin: 40px 0;
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

#content .leftmenu {
    float: left;
    width: 450px;
}
#content .rightmenu {
    float: right;
    width: 450px;
}

#footer {
    color: #f9f9f9;
}

#footer .left {
    float: left;
    width: 400px;
    margin-top: 25px;
}

#footer .copy {
    float: left;
    margin: 0;
}

#footer .menu_col {
	padding-right: 40px;
    margin: 0;
    float: left;
    list-style:none;
}

#footer .menu_col li {
    margin-bottom: 2px;
    text-decoration:none;
    color:#666666;
}

#footer .menu_col a:hover { 
	color:  #888888;
}

#footer .menu_col a {
  
    text-decoration:none;
    color:#666666;
}

#footer .right {
    margin-top: 25px;
    float: right;
}

#footer input {
	width: 275px;
	height:28px;
	margin-top: 8px;
	margin-right:7px;
}

#footer .hotline .key {
    font-size: 14px;
    margin-right: 10px;
}

#footer hr {
	margin-bottom: 10px;
	border-color: #3d3d3d;
}

#footer .hotline p {
    font-size: 24px;
    margin: 0;
    line-height: 26px;
}

#footer .footnote h4 {
	font-size: 12px;
	font-weight:bold;
	margin: 0 0 5px 0;
}

#footer .footnote p {
	font-size: 12px;
	text-align: justify;
	color: #666666;	
}

/* #Page Styles
================================================== */
.clearer {
	clear: both;
}

.gray {
    color: #666666;
}

.box {
    position: relative;
    /*background-color: #E9E9EB;*/
    padding: 7px;
    border: 1px solid #dddddd;
}

.box.gradient {
    background-color: #ffffff;
    
    background:-moz-linear-gradient(top, #ffffff, #E9E9EB); /* Firefox */
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E9E9EB)); /* Safari, Chrome */
    background:-webkit-linear-gradient(top, #ffffff, #E9E9EB); /* Safari, Chrome - neue Syntax! */
    background:-o-linear-gradient(top, #ffffff, #E9E9EB); /* Opera */
    background:linear-gradient(top, #ffffff, #E9E9EB); /* W3C Standard */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E9E9EB',GradientType=0 ); /* ie */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    border: 1px solid #dddddd;
}

.box .title {
    margin: -7px -7px 7px -7px;
    padding: 7px;
    background-color: #DFDFDF;
}

.button {
    margin: 0px 0 0px 0;
    height: 30px;
    float:right;

    background: #b9d7e6; /* Old browsers */
   
    background:-moz-linear-gradient(top, #b9d7e6, #6dc3d5); 
    background:-webkit-gradient(linear, left top, left bottom, from(#b9d7e6), to(#6dc3d5));
    background:-webkit-linear-gradient(top, #b9d7e6, #6dc3d5);
    background:-o-linear-gradient(top, #b9d7e6, #6dc3d5); 
    background:linear-gradient(top, #b9d7e6, #6dc3d5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d7e6', endColorstr='#6dc3d5',GradientType=0 );
    
  
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button.small {
    font-size: 12px;
    height: 25px;
}
.button.small a {
    line-height: 26px;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.button.small.icon a {
	margin-right: 6px;
	padding-right: 16px;
}

.button a {
    display:block;
    color:#ffffff;
    line-height: 32px;
    height: 30px;
    padding-left: 5px;	
	padding-right: 20px;
}

.button.icon a {
	padding-right: 16px;
	margin-right: 12px;
    background: url('../../images/icons/arrow-white-right.png') no-repeat;
    background-position: right;
}

.box .button.align-right {
    margin-right: -7px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-radius-topleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-radius-bottomleft: 4px;
}

.box img.align-left {
    float: left;
    margin: -7px 14px -7px -7px;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}