@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Lato:400,700|Arvo:400,700|Droid+Serif:400,700|Montserrat:400,700|Open+Sans:400,600,700|Oxygen:400,700);

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

body {font-family: 'Arvo', Georgia, 'Times New Roman';}
a {color: #666;}
a:hover {color: #999;}

.triangle-ltr { border-left: solid; }
.triangle-rtl { border-right: solid; }
.sidr { -webkit-box-shadow:none; box-shadow:none}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active,.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{ border-top: 1px solid #4d4d4d; line-height:48px}
.sidr ul li:hover>a,.sidr ul li.active>a,.sidr ul li:hover>span{ box-shadow:none; -webkit-box-shadow:none;}
.sidr ul li:hover>a,.sidr ul li:hover>span{background-color:#09C}
#sidr-right {width:180px; -webkit-box-shadow:none; box-shadow:none}
#sidr-right ul li a {font-size: 12px;font-weight: normal;text-transform:uppercase; }
#sidr-right .dropdown-menu {text-align:left; text-transform:uppercase; background-color:#999}
#sidr-right .dropdown-menu > li > a {line-height:2.4222; background-color:grey}
#header #smallpic:hover { cursor:pointer}
#overlay {
	background: url(../images/overlay_bg.png) repeat;
	color: #333;
	width:100%;padding:20px;
}


#header .navbar {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase;}
.nav>li>a:hover, .nav>li>a:focus{ background:none}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{color:#fff;background-color: #2f2f2f;}
#header .container{background-image:url(../images/dark.png);}
#header .dropdown-menu{text-align:left;background-color:#2f2f2f; border:none; box-shadow:none}
#header #smallpic, #header #logo {padding-bottom:30px;display: block;margin-right: auto;margin-left: auto}
#header #logo {padding: 20px 0 50px;}
#header .navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;background-color: #fff;border-radius: 2px;}
#header  .navbar-nav li a {color:#CCC; font-weight:bold; text-decoration:none; }
#header  .navbar-nav li li a {color:#CCC; font-weight:bold; text-decoration:none; font-size: 11px; text-transform: none; padding: 10px 15px; }

#header  .navbar-nav li a:hover{ color:#999; background-color: #2f2f2f;}
#header  .navbar-nav li.active a {color:#999;border-bottom: solid;}
#header  .navbar-nav {display: inline-block;float: none;}
#header  .navbar-collapse {text-align: center;}


#middle .triangle-filter {position: relative;margin-top:-70px; margin-left:-15px;border-top: 70px inset transparent;color:#2f2f2f;z-index:10}
#middle .container {padding-bottom:70px; color:#CCC;background-color:#2f2f2f;}

#middle .carousel {width:100%; height:100%; background:url(../images/filler.png) no-repeat center center;}
#middle .carousel-caption {text-align:center; position:static; display:block; padding-top:50px; padding-bottom:70px;}
#middle h1 {font-family: "Arvo", serif;color:#FFF; font-weight:400;}

#middle .carousel-control {bottom: 30px !important; top: auto;}
#middle	.carousel-control.left, .carousel-control.right{background-image:none; z-index:100}
#middle	.carousel-control.left {left:40%}
#middle	.carousel-control.right{right:40%}
#middle	.carousel-indicators {margin-bottom:50px;z-index:-20}
#middle	.carousel-caption {bottom:35%}
#middle .page-header h2 a { color:#ccc; text-decoration:none}



#bottom .container { background-color:#000; padding-top:30px; padding-bottom:150px}
#bottom h3 {font-family:Georgia, "Times New Roman", Times, serif;}
#bottom .triangle-filter {position: relative;margin-top:-100px;border-top: 70px inset transparent;color:#000; margin-left:-15px}
#bottom i {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;}
#bottom i:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
#bottom ul {padding-top:30px}
#bottom i { color:#000; background:#6D6E71; border-radius:50%; display:inline-block; width:30px; height:30px;padding-top: 8px; }
#bottom i:hover { color:#666; background: #ccc;}


@media (min-width: 1200px) { .container { max-width:940px}}


/*Index2 content Css*/
#middle2 .container {background-color:#2f2f2f;padding:0 30px 30px 30px}
#middle2 h1 {font-family: "Arvo", serif;color:#FFF; font-weight:400;}
#middle2 {color:#CCC}
#middle2 #con2 {padding-top:50px}
#middle2 .triangle-filter {position: relative;margin-top:-70px; margin-left:-30px;border-top: 70px inset transparent;color:#2f2f2f;z-index:10}


#footer2 .container {background-color:#000;}
#footer2 li { color:#CCC}
#footer2 li a {color:#CCC; font-weight:bold; text-decoration:none; background-color:transparent;}
#footer2 li a:active {color:#C63;}
#footer2 .triangle-filter {position: relative;margin-top:-70px;border-top: 70px inset transparent;color:#000;margin-left:-15px}

@media (max-width:768px) {
#middle2  img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg); }
#middle	.carousel-control.left {left:35%}
#middle	.carousel-control.right{right:35%}
}
.article-info {display: none;}
.page-header {border: none;}
.page-header h2 {font-family: 'Arvo', serif; text-transform: uppercase;}
.item-page h3 {color: #999;
font-family: arvo;
line-height: 27px;
font-size: 18px;
padding: 20px 0;
margin-bottom: 30px;
border-top: solid 1px #787460;
border-bottom: solid 1px #787460;}



.item-page table td {
	padding: 5px 0;
}

.item-page table tr {
	border-bottom: dotted 2px #777;
}
.item-page table td:last-child {
	background: #222;
	color: #fff;
	padding: 5px;
}

#carousel-hptext-generic {
	color: #888;
	
}

#carousel-hptext-generic h5 {
	font-family: 'Montserrat';
	letter-spacing: -1px;
	color: #999;
	font-size: 18px;
	text-transform: uppercase;
}

#carousel-hptext-generic h4 {
	font-family: 'Arvo';
	font-weight: bold;
	font-size: 40px;
	margin: 30px 0;
	color: #CCCCCC;
	text-transform: uppercase;
}

#carousel-hptext-generic p {
	font-size: 19px;
	font-family: 'Droid Serif';
	font-style: italic;
	margin: 0 auto;
	color: #999;
	max-width: 400px;
}

#main-content {
	margin: 0 30px;
}


.intro {
font-size: 21px;
margin-bottom: 31px;
display: block;
font-family: 'Lato';
font-weight: bold;
}

p.readmore a {
	border: solid 1px #ddd;
	margin-top: 20px;
	color: #ddd;
}

p.readmore a:hover {
	border: solid 1px #888;
	margin-top: 20px;
	color: #888;
}