@charset "UTF-8";
/* CSS Document */
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 {height: 100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}



hr {
	display:none;
}
h1, h2, h3, h4 {
	color:#414D4C;
	font-family: 'GnuolaneRegular', impact, 'helvetica neue', helvetica, arial, clean, sans-serif;
	font-weight:bold;
}
h3 {
	font-size:18px;
	width: 940px;
	text-transform: uppercase;
	border-bottom:1px solid #d6d6d6;
	margin:40px 0px;
}
a {/*color:#3462a4;*/
	text-decoration:none;
}
a img {
	border:none;
}


a:hover {outline: none;/*color:#4d4d4d;*/
-webkit-box-shadow: inset 0 2px 0px rgba(41, 122, 177, 1), inset 0 2px 0px rgba(41, 122, 177, 1), inset 0 2px 0px rgba(41, 122, 177, 1) !important;
	box-shadow: inset 2 2px 2px rgb(41, 122, 177)!important;
	-moz-box-shadow:inset 2 2px 2px rgb(41, 122, 177)!important;}
	
	
a:active: {outline: none;}
/*b {font-weight: normal; color: #7b7b7b;}
*/

/*---Header---*/

header h2 {padding: 25px; font-size: 1.52em; letter-spacing: 0.05em; color: #0c0c0c; font-weight: normal;}


ol, ul {
	list-style: none;
}

#leftcol article{margin:0; padding-left: 22px;
	quotes: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; text-align: left;font-style:normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { 
background: url("../img/v8_bg.png") repeat scroll #eef3e9;
color:#2C3535; 
font-family: Verdana, Geneva, sans-serif; 
font-size:0.825em;  
min-height: 100%;
overflow-x:hidden; 
}


b {font-style: normal; font-family: "Myriad Pro",Georgia, Times, serif !important; font-weight: normal !important;}

img {border: 0; outline: none;}





header {
	 height: 65px;
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 10px;}

#main {}


/*.list .item img {
	-webkit-transition:-webkit-transform .1s ease;
	-webkit-transform:translate3d(0,0,0);
	-moz-transition: all .2s ease-in-out 0s;}

.list .item img:hover, .list .item img:hover_effect  {
	-webkit-transform:scale(1.5) translate3d(0,0,0);position:relative;z-index:200;
	-moz-transform:scale(2,2);position:relative;z-index:200}*/
	
	
	
.transition {
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	-ms-transition:all 0.1s ease-in;	
	transition:all 0.1s ease-in;	
	}


#main div.hover {
	position: relative;
	z-index:200;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #297ab1;
}
#main .hover img {
	max-width: 190px;
	cursor: pointer;
	-webkit-transition:-webkit-transform .1s ease;
	
}
#main div.hover:hover, #main div.hover_effect {
	z-index:999;
	-webkit-transform:scale(1.5, 1.5);
	-moz-transform:scale(1.5, 1.5);
	-o-transform:scale(1.5, 1.5);
	-ms-transform:scale(1.5, 1.5);
	transform:scale(1.5, 1.5);
	
}

#content {height: 100%;
    margin: 20px auto;
	max-width: 1160px;
	padding-left: 50px;}

.hover, img {
	-webkit-user-select: none;
	-webkit-touch-callout: none;	
}

/*---Image List--- shadow */
.list {
	position:relative;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	height:0px;/*overflow:hidden;*/
}
.list .item {/*box-shadow:0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);*/
	position:relative;
	display:inline-block;
	margin:0 0 40px 0; /*max-height: 280px; overflow: hidden;*/
}


.list .item img {
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	/*float:left;*/
	max-width:190px;
	padding: 0;
	float: left;
}


#main .hover:hover {
	
	height: auto;
	-webkit-box-shadow: inset 0 2px 0px rgba(41, 122, 177, 1), inset 0 2px 0px rgba(41, 122, 177, 1), inset 0 2px 0px rgba(41, 122, 177, 1) !important;
	box-shadow: inset 2 2px 2px rgb(41, 122, 177)!important;
	-moz-box-shadow:inset 2 2px 2px rgb(41, 122, 177)!important;
	border: solid 2px #297ab1;
	
	
	
	/*box-shadow:0 1px 6px rgba(36,90,108,1)!important;
	-moz-box-shadow:0 1px 6px rgba(36,96,108,1)!important;
	-webkit-box-shadow:0 1px 6px rgba(36,90,108,1)!important;*/
	
	
	/*box-shadow:0 0 0 rgba(0,0,0,0)!important;
	-moz-box-shadow:0 0 0 rgba(0,0,0,0)!important;
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0)!important;*/
	
	/*box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;*/
	
}