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

body {
	margin:0px;
	padding:0px;
	background:#ffffff;
	color:#7c7776;
	font-family:"Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:14px;
	overflow-x:hidden;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

header {
	height:140px;
	background:#ffffff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3');
}

header a#logo {
	float:left;
	margin:10px;
	background:url(../img/logo.png);
	width:241px;
	height:85px;
}

header a#logo:hover {
	float:left;
	margin:10px;
	background:url(../img/logo_extension.png);
	width:401px;
	height:85px;
}

header ul {
	margin:55px 0px 0px 0px;
	padding:0px;
	float:right;
}

header li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
}

.white {
	color: #606060 !important;
	border: solid 1px transparent;
	-webkit-transition: border .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	-webkit-box-shadow: 0 0px 3px transparent;
	-moz-box-shadow: 0 0px 3px transparent;
	box-shadow: 0 0px 3px transparent;

}
.white:hover {
	color:#aaaaaa !important;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');				;
	-webkit-box-shadow: 0 0px 3px #35c2fe;
	-moz-box-shadow: 0 0px 3px #35c2fe;
	box-shadow: 0 0px 3px #35c2fe;
	border: solid 1px #35c2fe;
}

.white:active {
	color: #aaaaaa !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	border-bottom: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-left: solid 1px #d0d0d0;
	border-top: solid 1px #d0d0d0;
	-webkit-box-shadow: 0 1px 3px #ffffff !important;
	-moz-box-shadow: 0 1px 3px #ffffff !important;
	box-shadow: 0 1px 3px #ffffff !important;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px #ffffff;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	filter:  progid:DXImageTransform.Microsoft.DropShadow(color='#ffffff', offx='1', offy='1');
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;

}

header ul a.active {
	text-shadow:1px 1px 1px #ffffff;
	border:none;
	color:#bbbbbb;
	text-decoration:none;
	padding:6px 21px;
	box-shadow:0px 0px 0px #ffffff;
	-moz-box-shadow:0px 0px 0px #ffffff;
	-webkit-box-shadow:0px 0px 0px #ffffff;
	background:none;
}

header #logo h1 {display:none;}

#slider {
	text-align:center;
	color:#333399;
	height: 160px;
	width:100%;
	background:#7c7776;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#625e5d', endColorstr='#7c7776');
	background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(98,94,93)),
    color-stop(0.4, rgb(124,119,118)),
    color-stop(0.6, rgb(124,119,118)),
    color-stop(1, rgb(98,94,93))
);
	background:
-moz-linear-gradient(
    center bottom,
    rgb(98,94,93) 0%,
    rgb(124,119,118) 40%,
    rgb(124,119,118) 60%,
    rgb(98,94,93) 100%
);
border-top:#ffffff 1px solid;
border-bottom:#ffffff 1px solid;
box-shadow:0px 10px 160px #7c7776;
	-moz-box-shadow:0px 10px 160px #7c7776;
	-webkit-box-shadow:0px 10px 160px #7c7776;
	overflow:hidden;
}

#sliding {

position:absolute;
left:0px;
margin:-162px 0px 0px 0px;
right:0px;
width:auto;
height:150px;
overflow:hidden;
text-align:center;
}

#mid {
	width:99%;
	margin:9px auto 0px auto;
}

.slide, article img {
	text-align:center;
	display:inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	margin:29px 15px;
	height:100px;
	width:100px;
	box-shadow:0px 0px 10px #534f4e;
	-moz-box-shadow:0px 0px 10px #534f4e;
	-webkit-box-shadow:0px 0px 10px #534f4e;
	background:#ffffff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3');
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px solid #ffffff;
	background:
	-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(211,211,211)),
    color-stop(0.6, rgb(255,255,255))
);
	background:-moz-linear-gradient(
    center bottom,
    rgb(211,211,211) 0%,
    rgb(255,255,255) 60%
);
	behavior: url("border-radius.htc");
	-webkit-transition: border .3s ease-out;
}

.slide:hover, #content a:hover img.slide, article img:hover {
	text-align:center;
	display:inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	margin:29px 15px;
	height:100px;
	width:100px;
	border:3px solid #35c2fe;
	box-shadow:0px 0px 10px #35c2fe;
	-moz-box-shadow:0px 0px 10px #35c2fe;
	-webkit-box-shadow:0px 0px 10px #35c2fe;
	background:#ffffff;
	filter:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}


.slide:active, #content a:active img.slide, article img:active {
	text-align:center;
	display:inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	margin:29px 15px;
	height:100px;
	width:100px;
	border:3px solid #ffffff;
	box-shadow:0px 0px 10px #cccccc;
	-moz-box-shadow:0px 0px 10px #cccccc;
	-webkit-box-shadow:0px 0px 10px #cccccc;
	background:#ffffff;
	filter:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

a.slideov {
	text-align:center;
	display:inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	margin:20px 20px 0px 15px;
	height:100px;
	width:100px;
	box-shadow:0px 0px 10px #534f4e;
	-moz-box-shadow:0px 0px 10px #534f4e;
	-webkit-box-shadow:0px 0px 10px #534f4e;
	background:#ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px solid #ffffff;
behavior: url("border-radius.htc");
overflow:hidden;
	-webkit-transition: border .5s ease-out;
}

.slideov:hover {
	text-align:center;
	display:inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	margin:20px 20px 0px 15px;
	height:100px;
	width:100px;
	border:3px solid #35c2fe;
	box-shadow:0px 0px 10px #35c2fe;
	-moz-box-shadow:0px 0px 10px #35c2fe;
	-webkit-box-shadow:0px 0px 10px #35c2fe;
	filter:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
}


.slideov:active {
	text-align:center;
	display:inline-block;
	zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
	*display: inline;
	margin:20px 20px 0px 15px;
	height:100px;
	width:100px;
	border:3px solid #ffffff;
	box-shadow:0px 0px 10px #cccccc;
	-moz-box-shadow:0px 0px 10px #cccccc;
	-webkit-box-shadow:0px 0px 10px #cccccc;
	filter:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

section a.slideov {
	float:left;
}

#content {
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
	margin:0px 0px 50px 0px;
	overflow:auto;
	overflow-x:hidden;
}


nav {
	float:left;
	padding:70px 0px 0px 0px;
}

nav ul {
	margin:20px 0px 0px -10px;
	padding:5px 5px 5px 0px;

}

nav li {
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width:190px;
}

nav a {
	padding:9px 20px 9px 10px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align:left !important;
	border-bottom:1px solid #eeeeee !important;
	width:150px !important;
	margin-left:10px !important;
}

nav a img {
	display:none;
}

nav a:hover {
	text-align:left;
	border-bottom:1px solid #35c2fe !important;
	padding:9px 20px 9px 20px !important;
	margin:0px !important;
}


nav a:active {
	text-align:left;
	border-bottom:1px solid #eeeeee !important;
}

nav a:hover img {
	float:right;
}

article {
	float:left;
	width:48%;
	padding:70px 30px 0px 30px;
}

.inside {
	padding:0px 0px 0px 0px;
	overflow:auto;
}

.inside img {
	width:82% !important;
	height:auto !important;
}

.inside img:hover {
	width:82% !important;
	height:auto !important;
}


#content h2 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:12px;
	text-shadow: 0 1px 1px #ffffff;
}

nav h2 {
	padding:0px 0px 0px 10px;
}


section {
	clear:left;
	padding:20px 0px 0px 0px;
}

#content h3 {
	font-weight:normal;
	padding:20px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	font-size:18px;
}

section a img {
	float:left;
	margin: 0px 20px 10px 0px !important;
}

section a:hover img {
	float:left;
	margin: 0px 20px 10px 0px !important;
}

section a p, section a:active p, section a:visited p{
	color:#7c7776;
	margin:0px;
	padding:4px 0px 0px 0px;
	-webkit-transition: color .3s ease-out;
}

section a:hover p{
	color:#00adf6;
	margin:0px;
	padding:4px 0px 0px 0px;
}

aside {
	float:right;
	width:20%;
	min-width:190px;
	padding:70px 20px 0px 0px;
	font-size:12px;
}

article.single {width:70% !important;}
article.single a.reflink {
	float:left;
	width:65%;
}
aside.single {
	float:left !important;
	min-width:200px;
	width:30% !important;
	padding:0px 0px 0px 0px !important;
}

aside img.about, aside a img.about, aside a:hover img.about {
	width:90px !important;
	height:110px !important;
	margin:20px 0px 20px 0px !important;
	float:left;
}

aside p {
	padding-bottom:15px;
	line-height:18px;
}

aside dt {
	font-weight:bold;
	padding:9px 0px 3px 0px;
}

aside h1 {
	font-weight:normal;
	font-style:italic;
	font-size:18px;
}

aside h1 small{
	font-weight:normal;
	font-style:italic;
	font-size:14px;
	float:right;
	padding-top:10px;
}

div#personallinks {
	width:40px;
	height:120px;
	float:left;
	
}

div#personallinks ul {
	margin:0px;
	padding:22px 0px 0px 14px;
}

div#personallinks li {
	float:left;
	width:32px;
	padding:1px;
	margin:0px;
	list-style:none;
}

div#personallinks li a img {
	border:none !important;
}

div#personallinks a img {
	filter: Alpha(opacity=60);
	opacity: .60;
	-webkit-opacity: 0.60;
	-khtml-opacity: .60;
	-o-opacity: .60;
	-moz-opacity: 0.6;
}

div#personallinks a:hover img{
	filter: Alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-o-opacity: 1.0;
	-moz-opacity: 1.0;
}

aside h3 {
	clear:both;
}

footer {
	clear:both;
	color:#ffffff;
	overflow:auto;
	width:100%;
	background:#7c7776;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#625e5d', endColorstr='#7c7776');
	background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(98,94,93)),
    color-stop(0, rgb(124,119,118))
);
	background:-moz-linear-gradient(
    center bottom,
    rgb(124,119,118) 0%,
    rgb(98,94,93) 100%
);
border-top:#ffffff 1px solid;
border-bottom:#ffffff 1px solid;
box-shadow:0px 10px 160px #7c7776;
	-webkit-box-shadow:0px 10px 160px #7c7776;
}

footer ul{
	float:left;
	margin:20px 45px 10px 10px;
	padding:0px;
	min-width:100px;
	width:11.5%;
}

footer ul h3 {
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;
}

footer li {
	list-style:none;
	font-size:11px;
	padding:4px 0px;
	margin:0px;
}

footer li a {
	border-bottom:1px dashed #888888;
	display:block;
}

footer li a:hover {
	border-bottom:1px solid #35c2fe;
}

footer ul.first a, footer ul.first a:hover {
	display:inline !important;
}

footer ul.first {
	float:right !important;
	margin:20px 10px 10px 10px !important;
	width:auto !important;
}

/* classes */
header a img {
	border:none;
}

div.container {

	max-width:1200px;
	margin:0px auto;
}

a, a:active, a:visited {
	text-decoration:none;
	color:#00adf6;
}

a:hover {
	text-decoration:none;
	color:#00adf6;
}

article a, article a:active, article a:visited, aside a, aside a:active, aside a:visited {
	text-decoration:none;
	color:#00adf6;
}

article a:hover, aside a:hover {
	text-decoration:underline;
	color:#00adf6;
}

section a, section a:active, section a:visited {
	text-decoration:none;
	color:#00adf6;
}

section a:hover {
	text-decoration:none !important;
	color:#00adf6;
}

.navigation {
	clear:left;
	padding:20px 0px 0px 10px;
}