body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,
img { border: 0 }
ol,
ul { list-style: none }
caption,
th { text-align: left }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: 'Comfortaa', sans-serif;
    font-weight: normal;
    color: #4c4c4c;
}
html,
body {
    font: 14px/24px Georgia, serif;
    margin: 0 auto;
    background: #fff;
    overflow-x: hidden;
    color: #555;
		height:100%;
}
@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('includes/fonts/pictograms/modernpics-webfont.eot');
    src: url('includes/fonts/pictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/pictograms/modernpics-webfont.woff') format('woff'), url('includes/fonts/pictograms/modernpics-webfont.ttf') format('truetype'), url('includes/fonts/pictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
.pictogram { font-family: 'ModernPictogramsNormal' }
a { color:#000; text-decoration: none; }
a:hover { color: #e5e5e5 }
hr {
    margin: 30px auto 20px auto;
    border: 0;
    border-bottom: 2px dotted #ddd;
    height: 2px;
		width: 140px;
}
h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px;
}
h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
}
h3,
h4,
h5,
h6 {
    line-height: 28px;
    margin-bottom: 12px;
}
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 {
    font-size: 13px;
    color: #bfbfbf;
    text-transform: uppercase;
}
p { margin-bottom: 15px }
.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    display: block;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
.clearfix {
    *display: inline-block;
    height: 1%;
}
.last { margin-right: 0 !important }

::selection {
        background: #fdd20a;
        color: #222;
        }
::-moz-selection {
        background: #fdd20a;
        color: #222;
}

img {
	max-width: 100%;
	height: auto;
	border:0;
     
  /* allow javascript moves the img position*/
  position:absolute;
}

.item {
    width:190px;
    height:190px;    
    margin:0;
     
    /* required to hide the image after resized */
    overflow:hidden;
     
    /* for child absolute position */
    position:relative;
     
    /* display div in line */
    float:left;
}
 
.item .caption {
    width:190px;
    height:190px;
    background:#fff;
    color:#000;
		font-family: 'Comfortaa', sans-serif;
         
    /* fix it at the bottom */
    position:absolute;
    left:0;
 
    /* hide it by default */
    display:none;
 
    /* opacity setting */
    filter:alpha(opacity=70);    /* ie  */
    -moz-opacity:0.7;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.7;    /* for really really old safari */ 
    opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
}
 
.item .caption a {
    text-decoration:none;
    color:#4C4C4C;
    font-size:14px; 
     
    /* add spacing and make the whole row clickable*/
		padding:5px;
    display:block;
}
 
.item .caption p {
    padding:0;    
    margin:68px 7px 0 7px;
    font-size:12px;
		text-align:center;
		line-height:18px;
}

.thumb-span {
    margin:0; 
		padding:0; 
		font-size:14px;
		text-align:center;
}
 
.clear {
    clear:both; 
}

.prev {
    text-align:left;
		font-size:12px;
		font-family: 'Comfortaa', sans-serif;
}
.next {
    float:right;
    font-size:12px;
		font-family: 'Comfortaa', sans-serif;
}

#shell {
   margin:100px auto 100px auto;
	 padding:0;
	 width:950px;
	 height:500px;
	 background:url(/header.png) no-repeat top;
}

#header {
   margin:0;
	 padding:0;
	 height:80px;
}

#header h1 {
	 font-size:58px;
	 letter-spacing:10px;
	 text-align:center;
	 padding-top:23px;
	 visibility:hidden;
}

#content {
   margin:0;
	 padding:0;
	 width:950px;
	 height:429px;
	 border: 1px solid #c0c0c0;
}

 	 #left {
	    float:left;
	    width:200px;
			height:429px;
			border-right: 1px solid #c0c0c0;
			font-family: 'Comfortaa', sans-serif;
	 }
	 
	 #left p {
	    padding:38px 10px 0 10px;
	    text-align:right;
			font-size:14px;
			line-height:18px;
	 }
	 
	 #main {
	    float:left;
	    width:570px;
			height:427px;
			padding:23px 10px 10px 10px;
			position:relative;
	 }
	 
	 #main h2 {
	    margin:0;
			padding:0;
			font-family: 'Comfortaa', sans-serif;
			font-size:18px;
			line-height:20px;
	 }
	 
	 #main p {
	    margin-bottom:20px;
			padding:0;
	 }
	 
	 #slideshow {
	    width:570px;
			height:380px;
			margin-bottom:1px;
			padding:0;
	 }
	 	 
	 #slideshow-footer {
			width:570px;
			height:23px;
			margin:0;
			padding:0;
			clear:both; 
	 }
	 
	 #right {
	    float:left;
	    width:159px;
			height:429px;
			background-color:#c0c0c0;
			font-family: 'Comfortaa', sans-serif;
	 }
	 
	 #right ul {
	    padding:5px 10px 0 0;
	    text-align:right;
			font-size:16px;
	 }
	 
	 #right .submenu {
	    font-size:14px;
	    text-align:right;
			padding:5px 10px;
	 }
	 
#footer {
   margin:0;
	 padding:0;
	 height:30px;
	 width:950px;
}

#footer p {
   font-size:8px;
   text-align:right;
	 padding-right:10px;
}