@font-face {
 font-family: 'TrajanPro-Regular';
 src: url('TrajanPro-Regular.eot');
 src: local('TrajanPro-Regular Regular'), 
              local('TrajanPro-Regular'), 
              url('TrajanPro-Regular.woff') format('woff'), 
              url('TrajanPro-Regular.ttf') format('truetype'), 
              url('TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
} 

#toggle {
width: 50px;
min-height: 50px;
background-color: blue;
position: fixed;
right: 0;
top: 200px;
}
#toggle2 {
width: 50px;
min-height: 50px;
background-color: red;
position: fixed;
right: 0;
top: 250px;
}
.mock-up {
position: fixed; 
background-image: url('mock-up.jpg');
background-repeat: no-repeat;
width: 100%;
height: 100%;
top: 8px;
left: 152px;
}	
* {
margin: 0;
padding: 0;
}
a{color:#000}
p{margin:7px 0;}
ul {
list-style: none;
}
img{border:none;}
body {
background-color: #d9e1eb;
/*
background-image: url('mock-up.jpg');
background-repeat: no-repeat;
background-position: center top;
font-family: 'Cinzel', serif;
*/
font-family: 'Cinzel','TrajanPro-Regular', serif;
font-size: 12px;
}	
.main {
width: 1280px;
min-height: 740px;		
background-image: url('../images/bg1.jpg');
background-repeat: no-repeat;
margin: 0 auto;
}
.mainhome {
background-image: url('../images/bg2.png');	
width: 1280px;
min-height: 740px;
background-repeat: no-repeat;
margin: 0 auto;
}
.main-top {
height: 100px;
overflow: visible;
position: relative;
/* temp 
background-color: green;
opacity: 0.5;
*/		
}
.main-middle {
height: 560px;
/* temp 
background-color: blue;
opacity: 0.5;
*/
}
.main-bottom {
height: 36px;
position: relative;
/* temp 
background-color: red;
opacity: 0.5;
*/
}
.logo {
}
.tdm-name {
font-size: 26px;
left: 136px;
position: absolute;
top: 54px;
}
.top-menu {
left: 648px;
position: absolute;
top: 65px;
}
.left-sidebar {
float: left;
min-height: 500px;
width: 195px;
position: relative;	
/* temp 
background-color: red;
opacity: 0.5;
*/
}
.main-content {
float: left;
left: 79px;
position: relative;
top: 82px;
width:780px;
}
.main-menu {
position: absolute;
width:100%;
text-align: right;
top: 129px;
font-size: 13px;
color: white;
}
.banner {
width: 714px;
height: 360px;
overflow: hidden;
}
.footer-menu {
padding: 8px 0 0 32px;
}
.copyright {
left: 1051px;
position: absolute;
top: 10px;
font-size: 12px;
}
.footer-menu, .copyright, .top-menu {
color: white;
}
.top-menu ul li {
float: left;
padding-right: 20px;
/* font-weight: bold; */
font-size: 13px;
letter-spacing: 1.5px;
}
.top-menu ul li:last-child {
padding-right: 0;
}
.main-menu ul li:first-child {
font-size: 12px;
font-weight: bold;
color: black;
}
.clear-left {
clear: left;
}
.top-menu ul li a{ text-decoration:none; color:#fff;}
.top-menu ul li.current a{color:#000;}
.top-menu ul li a:hover{color:#000;transition: color 2s;}
#maincomponent{width:500px; margin-top:-20px; float:left;}
.page-header h2 {color:#0191B4; margin-bottom:25px;}
#maincomponent td{ vertical-align:top; width:260px;}
.homelink{color:#fff; text-decoration:none;}
.top-menu {left: 550px;}
#mainleft{width:280px; float:left; height:315px; text-align:right;font-size:12px; overflow-y: auto;}

.main-menu li { line-height:20px; font-size:12px; text-align:right;}
.main-menu li:hover { background:url(../images/menubg.png) repeat-x;} 
li.item-106:hover {background:none;}
.main-menu li.current{ background:url(../images/menubg.png) repeat-x;}

.main-menu li a{ color:#66D0F7; text-decoration:none; font-weight: normal; padding-right:40px;}
.main-menu li li a{ color:#C8E6FA;}
.main-menu li.current a{ color:#005055;}
.main-menu li a:hover{ color:#005055;transition: color 2s;}
.main-menu li.item-106 > a { cursor: default;}
.main-menu li.item-106 a:hover{ color:#66D0F7;}
.main-menu h4{ color:#000B06;padding-right:40px; margin-bottom:15px;}

#mainleft li{ line-height:20px;}
#mainleft li a{ color:#005055;text-decoration:none; padding-right:20px;}
#mainleft li a.active{ color:#66D0F7;}
#mainleft li a:hover{ color:#66D0F7;transition: color 2s;}

.gallery{ padding-top:20px;}
.uptitle{left:360px;top:40px;position: relative; width:630px; height:37px;}
.blue{color:#66D0F7;}
.uptitle .menu li{ display:inline; margin-right:10px;}
.uptitle .menu li a{color:#66D0F7;text-decoration:none; font-size:11px;}
.uptitle .menu li.current a{color:#005055;}
.pagination{ display:none;}



.overview .item{margin-bottom:15px;}
.item .img{width:160px;float:left; clear: left;margin-bottom: 10px;min-height:200px;}
.item .content{width:280px;;float:left;}
.clear{clear:both;}

/*.overview .item{margin-bottom:15px;min-height:200px;}
.item .img{width:160px;float:left;}
.item .content{width:280px;;float:left;}
.clear{clear:both;}*/