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

ol,ul {
	list-style:none
}

blockquote,q {
	quotes:none
}

table,table td {
	padding:0;
	border:none;
	border-collapse:collapse
}

img {
	vertical-align:top
}

embed {
	vertical-align:top
}

* {
	border: none;
}

input,textarea {
	outline:none!important
}

@font-face {
    font-family: 'BogbooBold';
    src: url('BogbooBold.eot');
    src: url('BogbooBold.eot?#iefix') format('embedded-opentype'),
         url('BogbooBold.woff') format('woff'),
         url('BogbooBold.ttf') format('truetype'),
         url('BogbooBold.svg#BogbooBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************************************************************************
Clear
*************************************************************************************/
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix {
	display:inline-block
}

* html .clearfix {
	height:1%
}

.clearfix {
	display:block
}

/************************************************************************************
Style
*************************************************************************************/
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
	display:block
}

mark,rp,rt,ruby,summary,time {
	display:inline
}

.left {
	float:left
}

.right {
	float:right
}

body {
	background-image: url('./bg.jpg');
	font:13px Helvetica,sans-serif;
	color:#9f9f8f;
	line-height:18px;
	min-width:1005px;
	overflow-x: hidden;
	position:relative
}

.spinner {
	position:absolute;
	background-color: #f7f7ea;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}

.spinner > div {
	background:url(./spinner.gif) 50% 50% no-repeat;
	width:100%;
	height:100%
}

.main, .header1 {
	margin:0 auto;
	width:985px;
}

.wrapper {
	min-height:100%;
	height:auto!important;
	height:100%;
	position:relative;
	background: url("./bg_top.jpg") 30% top repeat-x;;
}

.wrapper > .main {
	padding-bottom:90px
}

html, body {
	height:100%;
}

.footer {
	height:90px;
	position:absolute;
	bottom:0;
	width:100%
}

.bg_footer {
	background:url(./line_footer.gif) 0 0 repeat-x
}

/* ============================= main layout ====================== */
a {
	color:#af2a31;
	text-decoration:none;
	outline:none
}

a:hover {
	color:#000
}

h2 {
	font:20px Georgia,"Times New Roman",Times,sans-serif;
	color:#af2a31;
	line-height:1.2em;
	font-weight:400;
	font-style:italic;
	padding:0 0 11px
}

.inner1 p {
	font-size: 14px;
}

/* ============================= header ====================== */
header {
	height:171px;
	border-bottom: dashed 1px;
}

#head {
	float:left;
	padding:40px 0 0 55px;
	width:98%;
	font:45px "BogbooBold", Georgia, sans-serif;
	line-height:54px;
	color:#313131;
	text-transform:uppercase;
	word-spacing:2px
}

#head a {
	color:#b32b2c
}

#head a:hover {
	text-shadow: grey 1px 1px 0;
}

/* ============================= content ====================== */
#content {
	padding-top:1px;
	padding-bottom:18px;
}

#content > #menu > dt,.title {
	padding-top:8px;
	padding-bottom:9px;
	background:url(./line.gif) 0 bottom repeat-x;
	font:30px Georgia,"Times New Roman",Times,sans-serif;
	line-height:51px;
	font-style:italic;
	position:relative;
	zoom:1;
	width:100%;
	overflow:hidden
}

#content > #menu > dt span {
	background:url(./line.gif) 0 top repeat-x;
	display:block;
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	height:1px
}

#content > #menu > dt a,.title a {
	display:block;
	color:#fff;
	padding-left:29px;
/*	background:url(./nav1.jpg) 0 0 repeat-x; */
	position:relative;
	zoom:1;
	cursor:pointer
}

#content > #menu > dt a em,.title a em {
	position:absolute;
	width:100%;
	height:100%;
	background:#3d3530;
	top:0;
	left:0
}

#content > #menu > dt a strong,.title a strong {
	font-weight:400;
	position:relative
}

#content > #menu > dt a img,.title img {
	position:absolute;
	top:16px;
	right:-35px
}

#content > #menu > dt a.active img,.title img {
	right:15px
}

.title {
	margin-left:10px
}

.title img {
	right:25px
}

/*
background-image: linear-gradient(bottom, #FF1414 15%, #9E1313 50%, #FF3636 85%);
background-image: -o-linear-gradient(bottom, #FF1414 15%, #9E1313 50%, #FF3636 85%);
background-image: -moz-linear-gradient(bottom, #FF1414 15%, #9E1313 50%, #FF3636 85%);
background-image: -webkit-linear-gradient(bottom, #FF1414 15%, #9E1313 50%, #FF3636 85%);
background-image: -ms-linear-gradient(bottom, #FF1414 15%, #9E1313 50%, #FF3636 85%);
*/

.nav_bg_col1,.nav_bg_col11 {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #d62020 0%, #ad1a00 50%, #d61d1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#d62020), color-stop(50%,#ad1a00), color-stop(100%,#d61d1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#d62020 0%,#ad1a00 50%,#d61d1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#d62020 0%,#ad1a00 50%,#d61d1d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#d62020 0%,#ad1a00 50%,#d61d1d 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#d62020 0%,#ad1a00 50%,#d61d1d 100%); /* W3C */
}

.no-js .nav_bg_col1,
.no-cssgradients .nav_bg_col1,
.no-js .nav_bg_col11,
.no-cssgradients .nav_bg_col11 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1a00', endColorstr='#d61d1d',GradientType=0 ); /* IE6-9 */
}

.nav_bg_col2, .nav_bg_col10 {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #d88b20 0%, #cc5933 50%, #d1921d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#d88b20), color-stop(50%,#cc5933), color-stop(100%,#d1921d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#d88b20 0%,#cc5933 50%,#d1921d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#d88b20 0%,#cc5933 50%,#d1921d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#d88b20 0%,#cc5933 50%,#d1921d 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#d88b20 0%,#cc5933 50%,#d1921d 100%); /* W3C */
}

.no-js .nav_bg_col2,
.no-cssgradients .nav_bg_col2,
.no-js .nav_bg_col10,
.no-cssgradients .nav_bg_col10 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88b20', endColorstr='#d1921d',GradientType=0 ); /* IE6-9 */
}

.nav_bg_col3, .nav_bg_col9 {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #ffff00 0%, #ffd800 50%, #ffff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#ffff00), color-stop(50%,#ffd800), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#ffff00 0%,#ffd800 50%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#ffff00 0%,#ffd800 50%,#ffff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#ffff00 0%,#ffd800 50%,#ffff00 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#ffff00 0%,#ffd800 50%,#ffff00 100%); /* W3C */
}
.no-js .nav_bg_col3,
.no-cssgradients .nav_bg_col3,
.no-js .nav_bg_col9,
.no-cssgradients .nav_bg_col9 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
}

.nav_bg_col4, .nav_bg_col8 {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #04ff00 0%, #00db07 50%, #0cff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#04ff00), color-stop(50%,#00db07), color-stop(100%,#0cff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#04ff00 0%,#00db07 50%,#0cff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#04ff00 0%,#00db07 50%,#0cff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#04ff00 0%,#00db07 50%,#0cff00 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#04ff00 0%,#00db07 50%,#0cff00 100%); /* W3C */
}

.no-js .nav_bg_col4,
.no-cssgradients .nav_bg_col4,
.no-js .nav_bg_col8,
.no-cssgradients .nav_bg_col8 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00db07', endColorstr='#0cff00',GradientType=0 ); /* IE6-9 */
}

.nav_bg_col5, .nav_bg_col7 {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 0%, #207cca 50%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#2989d8), color-stop(50%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#207cca 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#207cca 50%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#207cca 50%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#2989d8 0%,#207cca 50%,#7db9e8 100%); /* W3C */
}

.no-js .nav_bg_col5,
.no-cssgradients .nav_bg_col5,
.no-js .nav_bg_col7,
.no-cssgradients .nav_bg_col7 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.nav_bg_col6 {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #8e32ff 0%, #8a2be2 50%, #a632ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#8e32ff), color-stop(50%,#8a2be2), color-stop(100%,#a632ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#8e32ff 0%,#8a2be2 50%,#a632ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#8e32ff 0%,#8a2be2 50%,#a632ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#8e32ff 0%,#8a2be2 50%,#a632ff 100%); /* IE10+ */
	background: linear-gradient(top,  #1e5799 0%,#8e32ff 0%,#8a2be2 50%,#a632ff 100%); /* W3C */
}

.no-js .nav_bg_col6,
.no-cssgradients .nav_bg_col6 {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a2be2', endColorstr='#a632ff',GradientType=0 ); /* IE6-9 */
}

.nav_bg_col1, .nav_bg_col2, .nav_bg_col3, .nav_bg_col4, .nav_bg_col5, .nav_bg_col6, .nav_bg_col7, .nav_bg_col8, .nav_bg_col9, .nav_bg_col10, .nav_bg_col11 {
	opacity: .9;
	filter: Alpha(opacity=90);
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
}

#content > #menu > dd {
	overflow:hidden;
	position:relative;
	margin-top: 15px;
	margin-left:-10px;
	margin-bottom: 15px;
}

.box1 {
	background:#fffff4;
	position:relative;
	box-shadow:0 0 5px #ebebe5;
	-moz-box-shadow:0 0 5px #ebebe5;
	-webkit-box-shadow:0 0 5px #ebebe5
}

.box0, .box2 {
	background:#fff;
	position:relative;
	box-shadow:0 0 5px #ebebe5;
	-moz-box-shadow:0 0 5px #ebebe5;
	-webkit-box-shadow:0 0 5px #ebebe5
}

.box_txt, .box_pic {
	display:inline;
	float:left;
	position:relative;
	padding-left:10px;
}

.box_txt {
	padding-right:10px
}

.box_txt {
	width:445px
}

.box_pic {
	width:520px
}

.box0 {
	width: 96%;
	margin: 15px 0;
	padding: 2%;
}

.box1,.box2{
	min-height:350px;
}


.inner1 {
	padding:32px;
}

.inner1 div img {
	width: 87px;
	margin-right: 4px;
	margin-bottom: 4px;
}

/* ============================= footer ====================== */
footer {
	width: 100%;
	height:43px;
	background:url(./line_footer.gif) 0 bottom repeat-x;
	color:#8a8a8a;
	text-transform:uppercase;
	padding:7px 0 3px 0;
	text-align: center;
	font-family: "BogbooBold", Georgia, sans-serif;
}

footer a, footer a:hover {
	color:#b32b2c
}

footer a:hover {
	text-decoration:underline;
}

.right {
	line-height: 43px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* iPad */
@media screen and (max-width: 768px) {
	html {
		-webkit-text-size-adjust: none;
	}
	body {
		min-width: 100%;
	}
	.box_txt {
		width:46.5%;
	}
	.box_pic {
		width:50%;
	}	
	header {
		height: 160px;
	}
	.main, .header1 {
		width: 96%;
	}
	#head {
		width: 98%;
		font:36px "BogbooBold", Georgia, sans-serif;
		line-height:45px;
		padding:5% 0 0 5%;
	}
	#content > #menu > dd {
		margin-left:-1%;
	}
	.box0 {
		width: 96%;
		padding: 2%;
	}
	.box_txt,.box_pic {
		padding-left:1%;
	}
	.inner1 div, .inner1 h2, .inner1 p {
		padding-left: 2%;
	}
	.inner1 div img {
		width: 32.4%;
		margin-right:1%;
		margin-bottom: 1%;
	}
}
/* iPhone */
@media screen and (max-width: 640px) {
	header {
		height: 100px;
	}
	#head {
		font:20px "BogbooBold", Georgia, sans-serif;
		padding:9% 0 0 5%;
		line-height:26px;
	}
	.inner1 {
		padding: 5%;
	}
	.box_txt {
		width:99%;
		margin-bottom: 5px;
	}
	.box_pic {
		width:99%;
	}	
	footer {
		font-size: 11px;
	}
}