/**@font-face { font-family: Yanone Kaffeesatz; src: url('../fonts/YanoneKaffeesatz-Regular.ttf'); } 
@font-face { font-family: News Cycle; src: url('../fonts/NewsCycle-Regular.ttf'); } **/

.clearfix{
	overflow; auto;
	}

html { 
  height: 100%;
}
* { 
  margin: 0; 
  padding: 0;}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;}

body { 
  font: normal .80em arial, sans-serif;}

p { 
  padding: 0 0 10px 0;
  line-height: 1.5em;}

img { 
  border: 0;}
  
h1, h2, h3, h4, h5, h6 { 
  font: normal 200%, arial, sans-serif;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;}

h2 { 
  font: normal 170%, arial, sans-serif;
  margin: 0;
  padding: 0 0 8px 0;}

h3 { 
  font: normal 150% arial, sans-serif;
  margin:0px;
 }
 
table{
	margin-bottom: 15px;
	}

a, a:hover { 
  outline: none;
  text-decoration: none;}

a:hover { 
  text-decoration: none;}

ul { 
  margin: 2px 0 22px 17px;}

ul li { 
  list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0 0 4px 5px;}

ol { 
  margin: 8px 0 22px 20px;}

ol li { 
  margin: 0 0 11px 0;}

#main, #header, #logo, #menubar, #site_content, #footer { 
  margin-left: auto; 
  margin-right: auto;}

#main { 
  width: 948px;
  margin: 20px auto;
  clear: both;
 }

#header {  
  float: left;
  width: 948px;
  height: 401px;
  overflow: hidden;
}

.ic_container {
    vertical-align: baseline;
    margin: 0px;
    position: relative;
    float: left;
}

span.im_caption{
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 933px;
    height: 20px;
    opacity: 0.7;
    overflow: hidden;
    padding: 0px;
    padding: 6px 5px 4px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #111;
    background-color: #ddd;
	text-align: center;
}


#logo { 
  display: inline;
  width: 100%;
  float: left;
  height: 55px;
  background: transparent;
  border-bottom: 4px solid rgb(0,210,255);
  padding: 45px 0 10px 0px;
  margin: 0px 0px 20px 0px;   
}

#logo h1 { 
  font: normal 350% 'Yanone Kaffeesatz', arial, sans-serif;
  color: #999;
  display: inline;
  }

#logo h1 a:hover { 
  text-decoration: none;}

#logo img{
	display: inline;
	float: right;
	width: 35px;
	height: 35px;
	right: 0px;
	margin: 15px 0px 20px 10px;
	opacity: 0.8;
}
  
#header img{
  width:100%;
  padding-bottom: 0px;
}  

#catagories img{
  width:222px;
  height:222px;
  padding:0px;
  margin:0px;
  padding-top: 20px;
  padding-right: 20px;
  float:left;
}

#catagories img:last-child{
  padding-right:0px;
}

#cat{
    vertical-align: baseline;
    position: relative;
    float: left;
}

#cat span{
	width: 207px;
	bottom: 0px;
}

.slider, .slider_b{
	width:948px;
	height: 500px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
}

.slider_b{
	background-color: #000;
	/* border-bottom: 25px solid black; */
	/* height: 475px; */
}

.mySlidesf{
	border-bottom:25px solid black;
	height: 474px;
	overflow: hidden;
	display: none;
}

img.slide_r, img.slide_l, img.slide, img.fractals{
	width: auto;
	height: 526px;
	margin: auto;
	margin-top: 0px;
	display: block;
	overflow: hidden;
}
img.slide_l{
	float: left;
}
img.slide_r{
	float: right;
}

img.fractals{
	background-color: #000;
	margin-top: 25px;
	width: 450px;
	height: auto;
}

.w3-section{
	width: 968px;
    float: left;
}

#bottom{
	margin-top: 20px;
	float: left;
	width:100%;
	border-bottom: 4px solid rgb(0,210,255);
}

#footer{
	float: left;
	color: #999;
	margin-top: 10px;
	margin-bottom: 50px;
	width: 100%;
}

#footer span{
	float: right;
	color: #999;
	}
#footer a{
	color: #999;	
}
	
#footer a:hover{
	color: rgb(0,210,255);
}

#textbox_l, #textbox_r{
	float: left;
	background-color: #4a4a4a;
	color: #ccc;
	width: 230px;
	height: 460px;
	display: inline;
	position: absolute;
	top: 0px;
	padding: 20px;
	z-index: 1;
}

#textbox_r{
	float: right;
	right: 0px;
}

.thumb_bar{
	margin: 0 auto;
	margin-bottom: 17px;
	clear:both;
	height: 120px;
	width: auto;
	text-align: center;
	display: block;
}
.thumb_bar_double{
	margin: 0 auto;
	margin-bottom: 0px;
	clear:both;
	width: auto;
	text-align: center;
	display: block;
	height: 230px;
}

.thumbs{
	display: inline; 
	width: 140px;
	height: 100px;
	margin: 10px 5px 0px 5px;
	padding: 3px;	
}

.thumbs:last-child{
	margin-right: -12px;
}
.thumbs:first-child{
	margin-left: 0px;
}
.thumbs_r{
	display: inline;
	width: 99px;
	height: 100px;
	margin: 17px 5px 17px 5px;
	padding: 3px;
}
.thumbs_o{
	display: inline;
	width: auto;
	height: 100px;
	margin: 17px 6px 17px 6px;
	padding: 3px;
}

.border-red{
	border: 3px solid rgb(0,210,255);
	padding: 0px;
}

#photo{
	height: 590px;
	float: left;
	overflow: hidden;
}

#photo img{
	padding-bottom: 0px;
	float: left;
	width: 948px;
}

.arrow_button{
	display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #333;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
	width: 40px;
    height: 40px;
	margin: 0px 20px 0px 20px;
    line-height: 40px;
	top: 275px;
	position: absolute;
	opacity: 0.6;
}

.badge{
    height: 13px;
    width: 13px;
    background-color: #333;
	opacity: 0.5;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #00D2FF; /*#00D2FF*/
	margin: 5px;
	}
	
.badge_center{
	height: 16px;
	width: 100%;
	text-align: center;
	position: absolute;
	display: block;
	top: 530px;
	left: 0px;
	}
	
.badge_white, .bdage:hover{
    background-color: #00D2FF;
}
#photo .im_caption{
	opacity: 0.6;
	top: 560px;
}

/* Email form settings */
#contactform {  
  float: left;
  width: 948px;
  height: 500px;
  overflow: hidden;
}

.contacttext{
	width: 550px;
	float: left;
}

#contactform img{
	width: 350px;
	float: right;
	display: inline;
}
#contact{
	margin-top: 30px;
}
.form_settings span{
	width: 100px;
	float: left;
}
.form_settings input{
	border: 1px solid #999;
}
.form_settings textarea{
	border: 1px solid #999;
	resize: none;
	width: 400px;
	height: 180px;
}
.submit{
	padding: 5px;
	margin-top: 10px;
}


@media screen and (max-width: 800px) {
	#main{
		width: 500px;
		margin: auto;
	}
	#header{
		width: 500px;
		height: 202px;
	}
	span.im_caption{
		width: 485px;
	}
	#cat span{
		width: 225px;
	}
	#logo h1 {
		font-size: 250%;
		line-height: 200%;
		padding-top: 30px;
	}
	#catagories img{
		width: 240px;
		height: 240px;
	}
	
	#catagories{
		margin-right: -20px;
	}
	.clearfix{
		margin-left: 15px;
	}
}