/* 
=============================================================================
	HTML5 Boilerplate
=============================================================================
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
	font-family: sans-serif;
	color: #222;
}
body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
background: #fe57a1;
color: #fff;
text-shadow: none;
}
::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}
a{
	color: #FF9600;
	text-decoration:none;
	-webkit-transition: color 0.35s ease;
	-moz-transition: color 0.35s ease;
	-o-transition: color 0.35s ease;
	transition: color 0.35s ease;
}
a:hover {
	color: #00CCFF;
}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q { quotes: none; }
q:before, q:after {
	content: "";
	content: none;
}
small { font-size: 85%; }
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd { margin: 0 0 0 40px; }
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
label { cursor: pointer; }
legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
	white-space: normal;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow: visible;
}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td { vertical-align: top; }
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}
/* ========= end =========== */


/* 
=============================================================================
	Typography
=============================================================================
*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: 'RopaSansRegular';
}
h2.head{
	background:url(../images/heading-_bg.png) no-repeat top center;
	font-size:22px;
	text-align:center;
	padding:2px 0 18px 0;
	font-family: 'RopaSansRegular';
	text-transform:capitalize;
	color:#FFF;
	text-shadow:0px 1px 0 rgba(0, 0, 0, 0.54);
}

h2.head1{
	background:url(../images/heading-_bg.png) no-repeat top center;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	padding:2px 0 18px 0;
	font-family: 'RopaSansRegular';
	text-transform:capitalize;
	color:#FFF;
	text-shadow:0px 1px 0 rgba(0, 0, 0, 0.54);
}


h1{
	color: #333;	
}
h1 span {
	background:url(../index.html) no-repeat center center;
	width:133px;
	display:inline-block;
	padding:43px 0;
}
h2 {
	font-size:18px;
	color:#00bdff;
}
h3 {
	font-size:15px;
	color:#333;
}
h4 {
	font-size:14px;
	line-height: 23px;
	color:#333;
}
h5 {
	font-size:14px;
	line-height: 20px;
	color:#333;
}
h6 {
	font-size:12px;
	line-height: 18px;
	color:#333;
}

.seperator{
	background:url(../images/seperator_bg.png) repeat-x center center;
	text-align:center;
	margin:0 0 25px 0;
}
/* ========= end =========== */

/* 
=============================================================================
	Page Spacer
=============================================================================
*/
.big-bg-h3 h3, .home-medium-bg-h3 h3, .medium-bg-h3 h3 {
	font-size:15px;
	background:#cf302d;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	padding: 5px 10px;
	display:inline-block;
	margin-top:1px;
	box-shadow:0 1px 0px #25272a;
}
.big-bg-h3 {
	background:url(../index.html) no-repeat top center;
	text-align:center;
}
.medium-bg-h3 {
	background:url(../index.html) no-repeat top center;
	text-align:center;
}
.medium-bg-spacer {
	background:url(../index.html) no-repeat center center;
	text-align:center;
	height:50px;
}
.home-medium-bg-h3 {
	background:url(../index.html) no-repeat top center;
	text-align:center;
}
.big-spacer {
	background:url(../index.html) no-repeat center center;
	padding:15px 0;
	text-indent:-999px;
}
.small-spacer {
	background:url(../index.html) no-repeat center center;
	height:2px;
	text-indent:-999px;
}
/* ========= end =========== */

/* 
=============================================================================
	Button Style
=============================================================================
*/
a.btn, input.btn, a.btn2 {
	padding:7px;
	color:#FFF;
	display:inline-block;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	box-shadow:0 1px 0px #1e2021;
	-moz-box-shadow:0 1px 0px #1e2021;
	-webkit-box-shadow:0 1px 0px #1e2021;
	-o-box-shadow:0 1px 0px #1e2021;
	font-size:10px;
	text-transform:uppercase;
}
a.btn:hover, input.btn:hover{
	color:#FFF;
}

a.btn, input.btn {
	background:url(../index.html) #cf302d repeat-x;
}
a.btn:hover, input.btn:hover {
	background:#A88A58 url(../index.html) repeat-x;
}

a.btn2{
	background:#A88A58 url(../index.html) repeat-x;
}
a.btn2:hover{	
	background:url(../index.html) #cf302d repeat-x;
}
/* ========= end =========== */


/* 
=============================================================================
	General Body Structure
=============================================================================
*/
body {
	background:url(../images/body_bg.jpg) repeat;
	color:#666;
	font-family: 'RobotoRegular';
	font-size:12px;
	text-shadow: 0 1px 0 rgba(255,255,255,.54);
}
#container { 
	background:url(../index.html) repeat-y top center; 
}
header {
	background:url(../index.html) repeat-x;
	padding:10px 0 0 0;
}
.badge-top{
	background:url(../images/badge_top.png) no-repeat top left;
	width:331px;
	position:relative;
	top:20px;
	left:-50px;
	z-index:1;
	height:210px;
}
.badge-middle{
	width:331px;
	position:relative;
	left:-50px;
	z-index:1;
	background-image: url(../images/badge_middle.png);
	background-repeat: repeat-y;
	background-position: left top;
	top: 10px;
}
.badge-bottom{
	width:331px;
	position:relative;
	left:-50px;
	z-index:1;
	margin-bottom:20px;
	background-image: url(../images/badge_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
	top: 10px;
}

.badge-inner{
	width:170px;
	margin:0 auto;
}
#logo {
	text-align:center;
	padding:15px 0;
	margin-left: -8px;
}
.top-bar {
	text-align:center;
	background:#000;
	box-shadow:0 0 3px #333333;
	-webkit-box-shadow:0 0 3px #333333;
	-moz-box-shadow:0 0 3px #333333;
	-o-box-shadow:0 0 3px #333333;
	position:absolute; 
	top:0;
	width:100%;
	color:#FFF;
	height:5px;
}
.top-pattern{
	background:url(../images/down_arrow_bg.png) repeat-x bottom;
	width:100%;
	height:52px;
	position:absolute;
}
.wrapper{
	width:960px;
	margin:0 auto;
}
.top-search{
	text-align:right;
	margin: 20px 84px 0 0;
}
.top-search input{
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	background:#ff9600;
	border:none;
	padding:10px 8px 8px 8px;
	font-size:12px;
	color:#ffffff;
	font-family: 'RobotoRegular';
	width:150px;
}
.left-panel{
	width:225px;
	float:left;
}
.right-panel-outer{
	width:716px;
	float:right;
}
.right-panel{
	background:#FFF;
	min-height:400px;
	padding:50px 0 0 0;
	box-shadow:0 0 3px #d1d1d1;
}
.right-inner{
	padding:0 9px;	
	position:relative;
	z-index:2;
}
.content-shadow{
	background:url(../images/content_bottom_shadow.png) no-repeat bottom center;
	height:40px;
}
/* ========= end =========== */

/* 
=============================================================================
	Main Navigation
=============================================================================
*/
nav {
	padding:0 0 40px 0;
	text-align:left;
	font-family: 'RopaSansRegular';
	text-shadow: 0 1px 0 rgba(0,0,0,.54);
}
nav ul{
	list-style-type:none;
	padding:0;
	
}
nav ul li{
	line-height:32px;
	display:block;
}

nav ul li a.sub{
	background-image:url(../images/menu_%2b.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:32px;
}

nav ul li ul li{line-height:18px;}

nav ul li a{
	color:#FFF;
	font-size:18px;
	text-transform:uppercase;
}

nav ul li ul li a{
text-align:left;
	color:#990000;
	font-size:16px;
	text-transform:uppercase;
}


nav ul li a:hover{
	color:#000;
	text-shadow: 0 1px 0 rgba(217,225,119,.54);
}

nav ul li ul li a.active{
	color:#00586A;
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(217,225,119,.54);
}


nav ul li a.active{
	color:#022E6A;
	text-shadow: 0 1px 0 rgba(217,225,119,.54);
}
/* ========= end =========== */


/* 
=============================================================================
	Sidebar
=============================================================================
*/
.sidebar-box{
	background:#f9f9f6;
	padding:1px 20px;
	box-shadow:0 0 3px 0 rgba(200,200,200,.54);
	-moz-box-shadow:0 0 3px 0 rgba(200,200,200,.54);
	-webkit-box-shadow:0 0 3px 0 rgba(200,200,200,.54);
	-o-box-shadow:0 0 3px 0 rgba(200,200,200,.54);
	margin:0 0 15px 0;
}
.sidebar-box ul{
margin-left:10px;
	list-style-position: outside;
	list-style-image: url(../images/star_style.png);
}
.sidebar-box ul li{background:url(../images/star_style.png) no-repeat 0 5px;padding:0 0 3px 15px;}

.sidebar-box ul li a{font-size:14px; color:#003366;}
.sidebar-box ul li a:hover{
	
	color:#0066FF;
}

.sidebar-box h3{
	font-family: 'RobotoBoldItalic';
	text-align:center;
	background:url(../images/green_seperator_small.png) repeat-x center 8px;
	font-size:12px;
	color:#484949;
	text-transform:uppercase;
}
.sidebar-box h3 span{
	background:#f9f9f6;
	padding:0 8px;
}
.social-icons{
	padding:0 0 0 25px;
	text-align:center;
}
.social-icons ul{
	list-style-type:none;
}
.social-icons ul li{
	display:inline-block;
	padding:0 3px;
}
.social-icons ul li a{
	display:block;
	height:31px;
	width:31px;
	text-indent:-9999px;
	background:url(../images/social_icons.png) no-repeat;
}
.social-icons ul li a.twitter{
	background-position:-42px 0;
}
.social-icons ul li a.rss{
	background-position:-86px 0;
}
.social-icons ul li a.mail{
	background-position:-129px 0;
}
#tooltip {
	position:absolute;
	padding: 4px 8px;
	color:#FFF;
	display:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	background-color: #414242;
	z-index:100000;
	font-size:13px;
	text-shadow:none;
	text-transform:capitalize;
	font-family: 'RopaSansRegular';
}
/* ========= end =========== */

/* 
=============================================================================
	Home Page Style
=============================================================================
*/

/* >>>>>>> Home Slider >>>>>>> */
.slider-shadow {
	background:url(../images/slider_shadow.png) no-repeat center top;
	padding:0 0 17px 0;
}
.intro-box { 
	padding:0 0 10px 0; 
}
.upp-case h2{
	text-transform:uppercase !important;
}
.intro-box h2, .social-icons h2 {
	margin:0;
	color:#a88a58;
	font-weight:normal;
	text-transform:capitalize;
}
.sidebg { background:url(../index.html) no-repeat top right; }


/* >>>>>>> Home Portfolio >>>>>>> */
.home-portfolio {
	text-align:center;
	padding:15px 0 35px 0;
}
.port-shadow{
	background:url(../images/home_portfolio.png) no-repeat;
	padding:0 10px;
	float:left;
	margin:0 16px 28px 0;
}

/* >>>>>>> Home Blog >>>>>>> */
.home-blog {
	padding:0 0 15px 0;
}
.blog-shadow{	
	float:left;
	margin:0 24px 10px 10px;
	width:196px;
}
.blog-shadow1{	
	
	
	width:196px;
}

.blog-shadow1 h2{
background-color:#00bdff;
color:#FFFFFF;

	margin:0;
}
.blog-shadow1 p{
	margin:0 0 8px 0;
	text-align: justify;
}

.blog-shadow h2{
	background-color:#00bdff;
	color:#FFFFFF;
	margin:0 0 10px 0;
	text-align: center;
}
.blog-shadow p{
	margin:0 0 8px 0;
	text-align: justify;
}
.blog-date{
	background:url(../images/blog_date.png) no-repeat;
	position:absolute;
	right:-13px;
	bottom:15px;
	width:57px;
	height:30px;
	padding:5px 0;
	font-size:12px;
	text-align:center;
	color:#FFF;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.54);
}
.blog-img{
	background:url(../images/home_blog.png) no-repeat bottom center;
	padding:0 0 11px 0;
	position:relative;
}
.blog-img img{
	border:1px solid #FFF;
}
a.rm-link  {
    background: #E9E9E9;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px #999999;
	-moz-box-shadow: 0 1px 1px #999999;
	-o-box-shadow: 0 1px 1px #999999;
	-webkit-box-shadow: 0 1px 1px #999999;
	-webkit-box-shadow: 0 1px 1px #999999;
	-moz-box-shadow: 0 1px 1px #999999;
	-o-box-shadow: 0 1px 1px #999999;
    color: #333333;
    display: inline-block;
    overflow: hidden;
    padding: 3px 8px;
}
a.rm-link:hover {
    background: #464747;
	color:#FFF;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.54);
}

/* >>>>>>> Home Client >>>>>>> */
.home-client{
	text-align:center;
	padding:20px 0 15px 0;
	background:#4b4b4b;
}

/* >>>>>>> Testimonials >>>>>>> */
ul.client-say{
	list-style-type:none;
}
ul.client-say li{
	background:url(../images/green_seperator_small.png) repeat-x bottom;
	padding:0 0 1px 0;
}
ul.client-say li:last-child{
	background:none;
}
ul.client-say li:last-child p{
	margin-bottom:0;
}
ul.client-say li p{
	background:url(../images/quote_bg.png) no-repeat 0 5px;
	padding:0 0 0 18px;
}

/* >>>>>>> Twitter >>>>>>> */
.twitter-box {
	background:#1f2326;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	padding:10px 8px;
	margin-top:12px;
	font-size:11px;
	line-height:18px;
	position:relative;
	border:1px solid #414244;
}
.twitter-box img {
	position:absolute;
	bottom:-32px;
	padding:15px 19px 0 18px;
	background:url(../index.html) no-repeat top center;
}
.tweet, .query { }
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
.tweet_list .awesome, .tweet_list .epic { text-transform: uppercase; }
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	background:url(../images/green_seperator_small.png) repeat-x bottom;
	padding:5px 0;
	list-style-type: none;
}
.tweet_list li:last-child{
	background:none;
	padding-bottom:12px;
}
.tweet_list li span.tweet_time{
	background:url(../images/twitter_bg.png) no-repeat left center;
	padding:0 0 0 20px;
	display:block;
}
.tweet_list li span.tweet_text{
	padding:0 0 0 20px;
	display:block;
}
.tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
.tweet_list .tweet_avatar img { vertical-align: middle; }
.home-spacer { padding:0 0 25px 0; }

.
/* ========= end =========== */


/* 
=============================================================================
	Sidebar Style
=============================================================================
*/

.siderbar-wrap{
	margin:15px 0 15px 0;
	padding:20px 0 0 0;
	background:url(../index.html) no-repeat top center;
}
.siderbar-wrap h2{
	color:#A88A58;
	margin-top:0;
	text-transform:capitalize;
}
.sidebar-post, .sidebar-category{
	padding:0;
	list-style-type:none;
}
.sidebar-post li{
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #4b4f53;
}
.sidebar-post li:last-child{
	border-bottom:none;
}
.imgborder{
	width:65px;
	float:left;
	margin-right:8px;
}
.imgborder img{
	width:100%;
	border:2px solid #1d1d20;
}
.recent_txt{
	width:140px;
	float:right;
}
.recent_txt p{
	margin:0;
	background:url(../index.html) no-repeat 0 5px;
	padding:5px 0 5px 18px;
	font-size:11px;
	font-style:italic;
}
.sidebar-category li{
	padding:0 0 5px 0;
}
.sidebar-category li a{
	color:#CFCFCF;
	background:url(../index.html) no-repeat left 2px;
	padding:0 0 0 20px;
}
.sidebar-category li a:hover{
	color:#A88A58;
}
/* ========= end =========== */

/* 
=============================================================================
	About Page
=============================================================================
*/
h2.team-members{
	text-align:center;
	font-size:18px;
	color:#404141;
	text-transform:uppercase;
	background-color:#FFFFFF;
}
h2.team-members span{
	color:#990000;
	font-size:12px;
	display:block;
}
.speciality-wrap{
	width:216px;
	float:left;
	text-align:center;
	margin:0 8px 10px 8px;
}
.client-list{
	width:216px;
	margin:0 8px 10px 8px;
	float:left;
}
.client-list h2{
	text-align:left;
}
.client-list ul{
	list-style-type:none;
}
.client-list ul li{
	background:url(../images/list_bg.png) no-repeat 0 7px;
	padding:0 0 3px 15px;
}
/* ========= end =========== */

/* 
=============================================================================
	Services Page
=============================================================================
*/
.typogrphy h1, .typogrphy h2, .typogrphy h3, .typogrphy h4, .typogrphy h5, .typogrphy h6{
	margin-bottom:0;
	text-transform:uppercase;
}
.typogrphy p{
	margin:0;
}
.drop-caps{
	width:49%;
	float:left;
	padding:0 0.5%;
}
.dropcap2 {
    float: left;
    font-size: 36px;
    line-height: 26px;
    padding-right: 10px;
    padding-top: 8px;
	color:#8f8f8f;
}
ul.tick-style li{
	background:url(../images/tick_style.png) no-repeat 0 5px;
}
ul.star-style li{
	background:url(../images/star_style.png) no-repeat 0 5px;
}


	
/* ========= end =========== */


/* 
=============================================================================
	Portfolio Page
=============================================================================
*/
.boundingbox {
	margin: 0 auto;
	width: 916px;
}
/* Content */
#content {
	padding: 20px 0;
	position:relative;
}
.portfolio-filter {
	width:150px;
	float:left;
	height:340px;
	background:url(../index.html) no-repeat top right;
}
.portfolio-filter h2{
	text-align:left;
	background:none;
	text-transform:none;
	margin:0;
	padding:0 0 10px 0;
}
ul#portfolio-filter {
	margin: 5px 0 0 0;
	padding: 0;
	background: transparent url(../index.html) left no-repeat;
}
ul#portfolio-filter li {
	display: inline-block;
	padding:0;
}
ul#portfolio-filter a {
	color: #ffffff;
	text-transform:uppercase;
	text-shadow:0 1px 0 #333;
	text-decoration: none;
	display:inline-block;
	font-size:12px;
	width:84px;
	font-family: 'RopaSansRegular';
	height:20px;
	line-height:18px;
	background:url(../images/filter_bg.png) no-repeat;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current {
	color: #000;
	text-shadow:0 1px 0 rgba(217, 225, 119, 0.54);
}
ul#portfolio-filter a.current {
	color:#000;
	text-shadow:0 1px 0 rgba(217, 225, 119, 0.54);
}
.portfolio-item {
}
ul#portfolio-list {
	margin: -10px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#portfolio-list li {
	display: block;
	float: left;
	overflow: hidden;
}
ul#portfolio-list li a {
	display: inline-block;
	overflow: hidden;
}
ul#portfolio-list li p {
	font-size: 14px;
	line-height: 15px;
	color: #333;
}
.portfolio-item-preview {
    background: url(../index.html) no-repeat scroll center center transparent;
    display: block;
}
/* ========= end =========== */


/* ========= end =========== */


/* 
=============================================================================
	Blog Page
=============================================================================
*/
.blog-alternate{
	width:330px;
	margin:0 20px 0 0;
	float:left;
	padding:0 0 20px 0;
}
.blog-post{
	margin:0 0 20px 0;
	position:relative;
}
.blog-post .mosaic-block{
	width:696px;
	height:282px;
	border:1px solid #cccccc;
}
.blog-post .blog-date{
	background:url(../images/blog-ribbon.png) no-repeat;
	position:absolute;
	right:-12px;
	bottom:40px;
	width:83px;
	height:74px;
	padding:3px 0;
	font-size:15px;
	text-align:center;
	font-family: 'RopaSansRegular';
	color:#FFF;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.54);
	z-index:10000;
}
.blog-date span{
	display:block;
	padding:6px 0 8px 0;
}
.blog-date span a{
	background:url(../images/comment_bg.png) no-repeat 6px 6px;
	padding:3px 0 0 25px;
	color:#FFF;
}
.blog-date span a:hover{
	color:#eeede8;
}
.pagination{
	padding:0 0 20px 0;
}
.pagination a{
	font-size:18px;
	background:url(../images/pagination.png) no-repeat 0 0;
	
}
.pagination a.prev{
	background-position: left top;
	padding:2px 0 5px 38px;
	float:left;
}
.pagination a:hover.prev{
	background-position: 0 -33px;
}

.pagination a.next{
	background-position: right -68px;
	float:right;
	padding:2px 40px 5px 0;
}
.pagination a:hover.next{
	background-position: right -102px;
}
/* ========= end =========== */

/* 
=============================================================================
	Blog Post 
=============================================================================
*/
.comment-wrap{
	padding:10px 0 1px 0;	
	background:url(../images/recent_comments_bg.jpg) repeat-x bottom;
}
.comment-wrap h4, .post-comment h4{
	margin:0;
	color:#6f7958;
}
.comment-box, .post-comment{
	padding:10px 0 15px 0;
}
.comment-txt p{
	margin-top:0;
}
.comment-thumb{
	width:29px;
	background:#FFF;
	float:left;
}
.comment-txt, .comment-reply{
	margin-left:38px;
}
.comment-wrap.comment-reply h4{
	color:#000;
}
/* ========= end =========== */


/* 
=============================================================================
	Contact
=============================================================================
*/
.cont-info{
	float:left;
	width:300px;
}
#contact h3{
	color:#e9e9e9;
	text-transform:none;
}
.cont-info p{
	font-style:italic;
	border-bottom:1px solid #414242;
	padding-bottom:12px;
}
ul.cont-txt{
	padding:0;
	list-style-type:none;
}
ul.cont-txt li{
	padding:5px 0 5px 22px;
}
ul.cont-txt li.phone{
	background:url(../images/iphone_small.png) no-repeat left center;
}
ul.cont-txt li.fax{
	background:url(../images/print_icon.png) no-repeat left center;
}
ul.cont-txt li.email{
	background:url(../images/monitor_icon.png) no-repeat left center;
}
ul.cont-txt li.link-url{
	background:url(../images/link_icon2.png) no-repeat left center;
}
.cont-map{
	float:right;
	width:380px;
	background:url(../images/map_shadow.png) no-repeat bottom center;
	padding:0 0 10px 0;
}
.map-wrap{
	border:3px solid #666;
	background:#FFF;
	height:175px;
}
form#contact_form {
	font-family: 'RopaSansRegular';
}
form#contact_form input[type="text"], form#contact_form textarea {
	border:1px solid #dedede;
	width:96%;
	background:#f4f3ee;
	padding:0 10px;
	font-size:13px;
	color:#666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3;
	border-radius: 3px;
	padding:8px 5px;
	font-family: 'RopaSansRegular';
}
form#contact_form input[type="submit"] {
	border:none;
	margin-top:8px;
	font-size:14px;
	color:#ffffff;
	cursor:pointer;
	text-transform:uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3;
	border-radius: 3px;
	background:#25292a;
	-moz-box-shadow: 0 0 8px #000000 inset;
	-webkit-box-shadow: 0 0 8px #000000 inset;
	box-shadow: 0 0 8px #000000 inset;
	font-family: 'RopaSansRegular';
	padding:8px;
}
form#contact_form input:hover[type="submit"] {
	color:#FF9600;
}
form#contact_form .form-row{
	width:49%;
	float:left;
	margin-right:1%;
	padding-bottom:10px;
}
form#contact_form .form-row.wdh100{
	width:101%;
}

form#contact_form label {
	color:#787878;
	font-size:14px;
	padding:0 0 5px 0;
	display:block;
	cursor:default;
}
form#contact_form label.error {
	color:#F00;
	font-size:12px;
	padding:2px 0 0 0;
	display:block;
}
form#newslatter_form label.error {
	color: #FF0000;
	display: inline-block;
	font-size: 11px;
	padding: 2px 0 0;
	position: absolute;
	right: 78px;
	top: 34px;
}
h4.form_thanks {
	background:#f98427;
	color:#FFF;
	padding:10px;
	font-size:18px;
	text-transform:uppercase;
	display:block;
	width:435px;
	margin:0 auto;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5;
	border-radius: 5px;
	-moz-box-shadow: 0 0 2px #ececec;
	-webkit-box-shadow: 0 0 2px #ececec;
	box-shadow: 0 0 2px #ececec;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.54);
}
.get-back{
	position:relative;
	top:0;
	left:5px;
	font-size:12px;
}
.required-field{
	text-align:right;
	position:relative;
	top:0;
	right:7px;
	font-size:12px;
}
/* ========= end =========== */

/* 
=============================================================================
	Footer
=============================================================================
*/

footer {
	background:url(../images/down_arrow_bg.png) repeat-x top;
	padding:25px 0;
	font-size:11px;
	color:#f0efea;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.54);
}
footer a:hover{
	color:#FFF;
}
.copyright {
	padding:0;
	float:left;
}
.powered-by{
	float:right;
}
/* ========= end =========== */	


/* 
=============================================================================
	Back to top button 
=============================================================================
*/
#back-top {
	position: fixed;
	bottom: 70px;
	right:10px;
	z-index:10000;
}
#back-top a {
	width: 32px;
	height: 30px;
	display: block;
	background:url(../images/to_top.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/* ========= end =========== */	

/* 
=============================================================================
	List Style
=============================================================================
*/

ul.custom-list {
    list-style: none outside none;
    margin-bottom: 15px;
}
ul.custom-list li, ol.custom-list li {
    margin-bottom: 5px;
}
.check li {
    background: url(../index.html) no-repeat 0 7px;
    padding-left: 18px;
}
.exclamation li {
    background: url(../index.html) no-repeat 0 6px;
    padding-left: 15px;
}
.arrows li {
    background: url(../index.html) no-repeat 0 6px;
    padding-left: 15px;
}

.square li {
    list-style: square inside none;
}
.square li {
    list-style: square inside none;
}
ul, ol{
	padding:0;
}
ol li {
    list-style: decimal inside none;
	padding:0;
}

/* ========= end =========== */
/* 
=============================================================================
	General Mosaic Style
=============================================================================
*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:194px;
	height:148px;
	background:#111 url(../images/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-bottom: 10px;
}
.details{
	padding:0 13px;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.54);
	text-align:left;
}
.details h2{
	margin:0;
	padding:5px 0;
	color:#FFF;
	font-family: 'RopaSansRegular';
	font-size:13px;
    
}
.details a{
	width:24px;
	height:19px;
	display:inline-block;
	overflow:hidden;
	margin:0 3px;
	-moz-transition: background 0.25s ease-out 0s, color 0.15s ease-out 0s;
	 -webkit-transition: background 0.25s ease-out 0s, color 0.15s ease-out 0s;
	 -o-transition: background 0.25s ease-out 0s, color 0.15s ease-out 0s;
	 transition: background 0.25s ease-out 0s, color 0.15s ease-out 0s;
}
.details a.zoom-icon:hover, .details a:hover.link-icon{
	background-position:left bottom;
}
.details a.zoom-icon{
	background:url(../images/zoom_icon.png) no-repeat;
}
.details a.link-icon{
	background:url(../images/link_icon.png) no-repeat;
}
.details p{
	margin:0;
}
.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#00bdff;
}

.mosaic-backdrop img{ width:200px; height:153px;}

.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../index.html) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../index.html);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../index.html);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-30px;
			height:65px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			/*.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}*/
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../index.html);
		}
		/*** End Animation Styles ***/
		
/* ========= end =========== */
/* 
=============================================================================
	Your Style
=============================================================================
*/
@media only screen and (min-width: 35em) {
}
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
*line-height: 0;
}
.ir br { display: none; }
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
clear:both;
}
 @media print {
* {
	background: transparent !important;
	color: black !important;
	box-shadow:none !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 { page-break-after: avoid; }

.fadeshow2{
	width:136px;
}
.fadeshow2:active
{color:#999;}