html, body{width:100%;padding:0px;margin:0px;}
body{height:100%;font-family: 'courier', serif;}

.overlay{
	background-image: url(../images/overlay.png);
	background-repeat: repeat;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'courier', serif;
	padding:6px 10px;  /* was 6px 10px; */
	background-color:black;
}

p{
	font-family: 'courier', sans-serif;
	font-weight:100;
	line-height: 1.25;
}

img { border:none; }

ul{width:100%; float:left; margin:0px; padding:0px;}
li{
	list-style-image: none;
	list-style-type: none;
}

ol{
	margin:0px;
	padding:10px 0px 0px 15px;  /* was 10px 0px 0px 15px */
}

ol > li{
	background-image: url(../images/crest.png);
	background-repeat: no-repeat;
	padding: 0px 0px 8px 28px;  /* was 0px 0px 8px 28px */
	color:#8D8D8D;
}

ol > li a, ol > li a:visited{
	color:#8D8D8D;
}

ol > li a:hover{
	color:white;
	text-decoration:none;
}

.wrap img {
	max-width: 100%;
	height: auto;
}

#scrolltab{
	width:40px;
	height:40px;
	position:fixed;
	bottom:30px;
	right:30px;
	margin-top:-20px;
	background-color:black;
	border-radius:4px;
	z-index:2000;
	display:none;
	background-image: url(../images/scrolltop.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor:pointer;
}

.stronger{
	font-weight:bold;
}

.hrtag{
	background-color: transparent;
	height: 2px !important;
	width: 100%;
	margin: 10px 0px;
	background-color:black;
	clear:both;
}

.fullwidth{
	width:96%;  /** 100% **/
	float:left;
	margin:10px 0px;
}

.halfwidth{
	width:48%;
	float:left;
	margin:10px 1%;
}

.thirdwidth{
	width:31%;
	float:left;
	margin:1px 1%;  /*was 10px 1% */
}

.quaterwidth{
	width:23%;
	float:left;
	margin:10px 1%;
}

.fullwidth h1, .fullwidth h2, .fullwidth h3, .fullwidth h4, .fullwidth h5, .fullwidth h6 .halfwidth h1, .halfwidth h2, .halfwidth h3, .halfwidth h4, .halfwidth h5, .halfwidth h6
.thirdwidth h1, .thirdwidth h2, .thirdwidth h3, .thirdwidth h4, .thirdwidth h5, .thirdwidth h6
.quaterwidth h1, .quaterwidth h2, .quaterwidth h3, .quaterwidth h4, .quaterwidth h5, .quaterwidth h6{
	background-color: transparent;
	background-image: url(../images/transparentblack.png);
	background-repeat: repeat-y;
	background-position: left top;
}


/** Contact Page **/
#googlemap{
	width:100%;
	height:300px;
	background-color:#000000;
	float:left;
	margin:10px 0px;
	overflow:hidden;
}

.contactinfo_left, .contactinfo_right{
	width:50%;
	float:left;
}

.contactinfo_left, .contactinfo_right, .contactinfo_left p, .contactinfo_right p{
	font-family: 'courier', sans-serif;
	color:#424242;
	font-size:10pt;
}

/** Contact Form **/
fieldset{
	padding:0px;
	margin:0px;
	border:0px;
}

.emailsuccess{
	display:none;
	color:#6F9 !important;
}
.emailfail{
	display:none;
	color:red !important;
}

.inputsection{
	background-color:#303030;
	border: 1px solid black;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 12px;
	width:44%;
	float:left;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.inputsectionerror{
	background-color:#FB736F;
	border: 1px solid red;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 12px;
	width:44%;
	float:left;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.inputsection_right{
	background-color:#303030;
	border: 1px solid black;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 12px;
	width:44%;
	float:right;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.inputsection_righterror{
	background-color:#FB736F;
	border: 1px solid red;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 12px;
	width:44%;
	float:right;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.inputlargesection{
	background-color:#303030;
	border: 1px solid black;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 2%;
	margin-top:8px;
	width:96%;
	float:left;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.inputlargesectionerror{
	background-color:#FB736F;
	border: 1px solid red;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 2%;
	margin-top:8px;
	width:96%;
	float:left;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.formbutton{
	background-color:#303030;
	border: 1px solid #474747;
	color:#f1eee7;
	font-family: 'courier', serif;
	font-size:10pt;
	padding:8px 12px;
	margin-top:15px;
	float:left;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}

.formbutton:hover{
	background-color:#474747;
	border: 1px solid #303030;
}



/** NAVIGATION, LOGO AND SOCIAL ICONS **/
.nav_wrap_start{
	width: 221px;
	position:absolute;
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat;
	background-color:grey;
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
	top:-500px;
	left:50%;
	margin:0px 0px 0px -110px;
}

.nav_wrap{
	width: 221px;
	float: none;
	margin: 0px auto 0px auto;
	background-image: url(../images/nav_bg.png);   /* RYAN */
	background-repeat: repeat;   /* RYAN */
	background-color:grey;    /* RYAN 
	background: #111;  */
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
}

.nav_wrapleft{
	width: 221px;
	position:absolute;
	top:0px;
	left:10px;
	background-image: url(../images/nav_bg.png);  /* RYAN */
	background-repeat: repeat;  /* RYAN */
	background-color:grey;   /* RYAN 
	background: #111;  */
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	display:none;
}

.logo{
	width: 221px;  /* was 221px */
	height: 42px;  /* was 96px */
	float: left;
	background-image: url(../images/logo_bg.png);
	background-repeat: repeat-x;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.logo img {
	padding: 11px 20px;  /* distance of logo from top and side - was 10px 35px */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.nav, .navcat{
	width: 100%;
	float: left;
	background-image: url(../images/nav_bg_top.png);  /* RYAN */
	background-repeat: repeat-x;  /* RYAN */
	background-position: left top;   /* RYAN */
}

.nav select, .navcat select, .pagination select{
	display:none;
	padding:4px 8px 6px 8px;
	border: 1px solid #484848;
	margin:5px 0px 5px 20px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:180px;
	font-family: 'courier', serif;
	color: #f5f2eb;
	font-size:10pt;  /* was 10pt */
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#262626;
}

.nav ul, .navcat ul{
	width:100%;
	float:left;
	top:0;
	padding:10px 0px;
	margin:0px;
}

.nav > ul > li, .nav > ul > li > ul > li, .navcat > ul > li, .navcat > ul > li > ul > li{
	width: 100%;
	padding: 14px 0px 18px 0px;
	background-image: url(../images/splitter.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	font-family: 'courier', serif;
	list-style-image: none;
	list-style-type: none;
	cursor:pointer;
	position:relative;
	font-size:11pt;  /* was 14pt */
	font-weight: 600;  /* was 600 */
}

.nav > ul > li:hover > ul, .navcat > ul > li:hover > ul{
	display:block;
}

.nav > ul > li:last-child, .nav > ul > li > ul > li:last-child, .navcat > ul > li:last-child, .navcat > ul > li > ul > li:last-child{
	padding: 16px 0px 10px 0px;
	background-image:none;
}

.nav > ul > li a, .nav > ul > li a:visited, .navcat > ul > li a, .navcat > ul > li a:visited{
	color: #f5f2eb;
	text-decoration:none;
}

.nav > ul > li a:hover, .navcat > ul > li a:hover{
	color: #5A5841;  /* original was 00abfa */
}

.nav > ul > li > ul, .navcat > ul > li > ul{
	width:211px;
	position:absolute;
	top:0px;
	right:-211px;
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat;
	background-color:grey;
	border-radius: 0px 5px 5px 0px;
	-moz-box-shadow:2px 0px 4px black;
	-ms-box-shadow:2px 0px 4px black;
	-o-box-shadow:2px 0px 4px black;
	-webkit-box-shadow:2px 0px 4px black;
	box-shadow:2px 0px 4px black;
	overflow:hidden;
	display:none;
	z-index:2;
}


/** Social Icons Section **/
.socialicons{
	width: 100%;
	float: left;
	height: 20px;
	text-align: center;
	background-image: url(../images/social_bg.png);
	background-repeat: repeat-x;
	padding:10px 0px 9px 0px;
	border-radius: 0px 0px 5px 5px;
}

.socialicons img{
	border:0px;
}

.socialicons img:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

/** FTONPAGE SECTION **/
.welcome_wrap{
	width: 700px;
	float: none;
	margin: 40px auto 0px auto;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat;
	border-radius:5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
	display:none;
}

.welcome_title{
	width:100%;
	float:left;
	text-align:center;
}

.welcome_title h1{
	font-family: 'courier', serif;
	color:#f5f2eb;
	font-size:16pt;
	padding:20px 0px;
	maring:0px;
	font-weight:200;
	background-color:transparent;
}

/** Widgets **/
.widget_title{
	width: 181px;
	height: 36px;
	float: left;
	background-color: #000;
	background-image: url(../images/Widget_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family:'courier', serif;
	color:#f5f2eb;
	font-size:16pt;
	padding:14px 20px 6px 20px;
}

.moot_widget_wrap{
	width:100%;
	float:left;
}

.moot_widget_wrap > ul{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}

.moot_widget_wrap > ul > li{
	width:201px;
	float:left;
	padding:0px;
	margin:0px;
	background-image: url(../images/nav_bg_top.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding:5px 0px 12px 20px;
}

.moot_widget_wrap > ul > li > h3{
	font-family: 'courier', sans-serif;
	font-weight:300;
	padding:3px 0px;
	margin:0px;
	font-size:10pt;
	color: #f5f2eb;
	background-color:transparent;
}

.moot_widget_wrap > ul > li > p{
	font-family: 'courier', sans-serif;
	padding:0px;
	margin:0px;
	margin-top:-3px;
	font-size:9pt;
	color: #f5f2eb;
	font-weight:200;
}


/** icon sets **/
.blog_date_icon{
	width: 20px;
	height: 20px;
	display:inline-block;
	background-image: url(../images/blog_icons.png);
	background-repeat: no-repeat;
	background-position: -63px 7px;
}

.blog_comment_icon{
	width: 20px;
	height: 20px;
	display:inline-block;
	background-image: url(../images/blog_icons.png);
	background-repeat: no-repeat;
	background-position: -43px 10px;
	margin-left:20px;
}

.blog_tags_icon{
	width: 20px;
	height: 20px;
	display:inline-block;
	background-image: url(../images/blog_icons.png);
	background-repeat: no-repeat;
	background-position: 2px 9px;
}

.blog_cat_icon{
	width: 18px;
	height: 20px;
	display:inline-block;
	background-image: url(../images/blog_icons.png);
	background-repeat: no-repeat;
	background-position: -18px 3px;
	padding:0px;
	margin:0px;
}

/** Blog Section **/
.main_blog_wrap{
	width:700px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-350px;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat;
	height:auto;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
}

.blogtitle{
	width: 100%;
	float: left;
	text-align: center;
	background-image: url(../images/blogtitle_bg.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid black;
	background-position: center top;
}

.blogtitle h1, .blogtitle h2, .blogtitle h3{
	color:#f5f2eb;
	padding:15px;
	margin:0px;
	line-height:30px;
	font-size:19pt;
	font-family: 'courier', serif;
	font-weight:800;
	background-color:transparent;
	padding:12px 0px 12px 0px;
}

.blog_item{
	width:660px;
	float:left;
	padding:0px;
	margin:45px 0px 0px 0px;
	padding:0px 20px;
	position:relative;
}

.blog_item:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}

.blog_item img{
	width:100%;
	float:left;
	height:auto;
	display:block;
}
.blog_item img{
	border:0px;
}

.blog_item_date{
	width: 115px;
	position: absolute;
	bottom: -20px;
	right: 20px;
	text-align: center;
	font-family: 'courier', serif;
	color: #f5f2eb;
	font-size: 30pt;
	padding: 20px 0px;
	-moz-text-shadow:0px 2px black;
	-ms-text-shadow:0px 2px black;
	-o-text-shadow:0px 2px black;
	-webkit-text-shadow:0px 2px black;
	text-shadow:0px 2px black;
	background-image: url(../images/logo_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#191919;
}

.blog_item_title{
	width:auto;
	position:absolute;
	bottom:-20px;
	right:135px;
	z-index:20;
	background-color:#000000;
	text-transform:uppercase;
	padding:10px 0px;
}

.blog_item_title h2{
	padding:5px 10px 0px 10px;
	margin:0px;
	font-size:16pt;
	color:#8d8d8d;
	background-color:transparent;
}

.blog_item_title h2 a, .blog_item_title h2 a:visited{
	color:#8d8d8d;
	text-decoration:none;
}

.blog_item_title h2 a:hover{
	color:white;
}

.blog_item_info{
	color:#9e9e9d;
	font-family: 'courier', sans-serif;
	font-size:8pt;
	padding:0px 10px 10px 10px;
}

.blog_item_info a, .blog_item_info a:visited{
	color:white;
	text-decoration:none;
}

.blog_item_info a:hover{
	color:#9e9e9d;
}

/** Blog Detail Wrap **/
.blog_detail_wrap{
	width:100%;
	float:left;
	position:relative;
}

.blog_item_content{
	width:100%;
	float:left;
	margin-top:40px;
}

.blog_item_content, .blog_item_content p{
	font-family: 'courier', sans-serif;
	font-size: 10pt;
	color: #ffffff;
	-moz-text-shadow:0px 1px black;
	-ms-text-shadow:0px 1px black;
	-o-text-shadow:0px 1px black;
	-webkit-text-shadow:0px 1px black;
	text-shadow:0px 1px black;
}

.blogdetail_title{
	width: 100%;
	float:left;
	padding: 11px 0px;
	height: 30px;
}

.blogdetail_title h1, .blogdetail_title h2, .blogdetail_title h3{
	padding: 10px 0px 10px 15px;
	margin: 0px;
	font-family: 'courier', serif;
	font-size: 14pt;
	color: #f5f2eb;
	background-color: transparent;
	background-image: url(../images/transparentblack.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.blogdetail_title h3 a, .blogdetail_title h3 a:visited{
	color:#f5f2eb;
	text-decoration:none;
}

.blogdetail_title h3 a:hover{
	color:white;
}

.abrieve{
	width: 40%;
	float: right;
	padding: 24px 8px 8px 12px;
	background-color: #000000;
	border: 6px solid #000000;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 7px;
	-moz-box-shadow: 0px 0px 1px 1px #2E2E2E;
	-ms-box-shadow: 0px 0px 1px 1px #2E2E2E;
	-o-box-shadow: 0px 0px 1px 1px #2E2E2E;
	-webkit-box-shadow: 0px 0px 1px 1px #2E2E2E;
	box-shadow: 0px 0px 1px 1px #2E2E2E;
	background-image: url(../images/abrieve.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	font-style: italic;
	color:#8D8D8D;
}

/** Blog Detail Page **/
.page_content_wrap{
	width:99%;  /* width:100%; */
	float:left;
}

/* .page_content_wrap img{        -----CHECK AFTER DEC.30/14-----
	width:35%;
	margin:10px 15px 15px 0px;
	padding: 6px;
	background-color: #000000;
	border: 6px solid #000000;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0px 0px 1px 1px #2E2E2E;
}

.page_content_wrap img.left{
	margin:10px 15px 15px 0px;
	float:left;
}

.page_content_wrap img.right{
	margin:10px 0px 15px 15px;
	float:right;
} */

.page_content_wrap, .page_content_wrap p{
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	color: #f5f2eb;
	padding-left:10px;
}

.page_content_wrap a {
	color: #EBEAD1;   /* was #dde1a7 this is "thirdwidth" area*/
}

.page_content_wrap .btn {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 25px;
	border: 1px #ddd solid;
	background: #111;
	background: rgba(0,0,0,0.8);
	border-radius: 3px;
}

.page_content_wrap .quote {
	display: block;
	margin-top: 15px;
	color: #b3b3b3;
	text-align: right;
	font-style: italic;
	font-size: 14px;
}

.page_content_wrap .quote strong {
	display: inline-block;
	margin-top: 1px;
	font-size: 15px;
}

.page_content_wrap .cp {
	font-size: 12px;
	color: #999;
	text-align: right;
}

.page_item{
	width:660px;
	float:left;
	padding:0px;
	margin:15px 0px 0px 0px;
	padding:0px 20px;
	position:relative;
}

.page_item_title{
	width:auto;
	position:absolute;
	bottom:-20px;
	right:135px;
	z-index:20;
	background-color:black;
	text-transform:uppercase;
	padding:10px 0px;
}

.page_item_title h2{
	padding:5px 10px 0px 10px;
	margin:0px;
	font-size:16pt;
	color:#f5f2eb;
}

.page_item_title h2 a, .page_item_title h2 a:visited{
	color:#f5f2eb;
	text-decoration:none;
}

.page_item_title h2 a:hover{
	color:white;
}

/** Comments Section **/
.commentwrap{
	width: 100%;
	float: left;
}

.commentreply{
	width:85%;
	float:left;
	padding:8px 1% 12px 14%;
	background-image: url(../images/nav_bg_top.png);
	background-repeat: repeat-x;
}

.commentfull{
	width:98%;
	float:left;
	padding:8px 1% 10px 1%;
	background-image: url(../images/nav_bg_top.png);
	background-repeat: repeat-x;
	background-color:#191919;
}

.commentformwrap{
	width:98%;
	float:left;
	padding:8px 1% 10px 1%;
}

.commentfull img, .commentreply img{
	width:68px;
	height:68px;
	float:left;
	padding-right:15px;
	border:0px;
}

.commentfull p, .commentreply p{
	color:#f1eee7;
	font-family:'courier', serif;
	font-size:10pt;
	padding:0px;
	margin:0px;
	margin-top:4px;
}

.commentinfo{
	color:#a3a3a3 !important;
}

.commentinfo span.reply a, .commentinfo span.reply a:visited, .commentreply span.reply a, .commentreply span.reply a:visited{
	padding-top:10px !important;
	color:#a3a3a3 !important;
	float:right;
	text-decoration:none;
	text-transform:uppercase;
}

.commentinfo span.reply a:hover, .commentreply span.reply a:hover{
	color:white !important;
}

/** Portfolio Section **/
.portpag{
	width:100%;
	float:left;
	background-color:black;
	margin-top:0px;
}

.portfolio_item_wrap{
	width:100%;
	float:left;
	margin:15px 0px;
	background-color:black;
}

.item{
	position:relative;
	float:left;
	margin:7px 1%;
	background-color:black;
	max-height:200px;
	overflow:hidden;
}

.count1{width:98%;}
.count2{width:48%;}
.count3{width:31.3%;}
.count4{width:23%;}

.item img{
	width:100%;
	height:auto;
	display:block;
}

.item:hover > .pwhite{
	display:block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;
}

.pwhite{
	display:none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/po.png);
	background-repeat: repeat;
	overflow:hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.pinfo{
	position:absolute;
	top:50%;
	left:50%;
	height:42px;
	width:42px;
	margin:-21px 0px 0px -21px;
}

.pinfo img{
	border:0px;
}

/** Pagination Css **/

.pagination{
	width:100%;
	float:left;
	margin:50px 0px 0px 0px;
	padding:0px;
	background-color:black;
	min-width:100%;
}

.pagination > ul{
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.pagination > ul > li{
	margin-top:7px;
	float: left;
	display: inline-block;
	height: 23px;
	font-family: 'courier', serif;
	font-size: 10pt;
	list-style-image: none;
	list-style-type: none;
}

.pagination > ul > li a{
	padding: 7px 10px 12px 11px;
	margin:0px 0px 0px 10px;
	color:white;
	text-decoration:none;
}

.pagination > ul > li a:hover{
	background-color:#f5f2eb;
	color:black;
}

.paginationactive{
	padding: 7px 10px 12px 11px;
	margin:0px 0px 0px 10px;
	background-color:#f5f2eb;
	color:black !important;
	text-decoration:none;
}

/* BACKGROUND SLIDER CSS */
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


/** Isotope Css **/
.isotope-item {
	z-index: 1;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#portfolio-filter{
	width:100%;
	float:left;
	margin:10px 0px 14px 0px;
}

#portfolio-filter > ul{
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#portfolio-filter> ul > li{
	margin-top:7px;
	float: left;
	display: inline-block;
	height: 23px;
	font-family: 'courier', serif;
	font-size: 10pt;
	list-style-image: none;
	list-style-type: none;
	margin-top:10px;
}

#portfolio-filter > ul > li a{
	padding: 6px 8px 6px 9px;
	margin: 0px 0px 0px 10px;
	color: white;
	text-decoration: none;
	background-color: #171717;
	border: 1px solid #282828;
	-moz-box-shadow: 0px 0px 6px black;
	-ms-box-shadow: 0px 0px 6px black;
	-o-box-shadow: 0px 0px 6px black;
	-webkit-box-shadow: 0px 0px 6px black;
	box-shadow: 0px 0px 6px black;
}

#portfolio-filter > ul > li a:hover{
	background-color:#303030;
}

/** Tabs **/
.tabs {
width: 98%;
margin: 10px 0%;
padding: 22px 1% 5px 1%;
background: black;
border: 1px solid #141414;
}

.tabs a {
color: #D3D3D3;
text-decoration: none;
}

.tabs a:hover {
color: #009;
text-decoration: underline;
}

ul.tabnav{
	padding:0px;
	margin:-20px 0px 0px 0px;
}

.tabnav li {
display: inline;
list-style: none;
padding: 4px 10px;
border-right: 1px solid #141414;
}

.tabnav li a {
text-decoration: none;
font-family: 'courier', serif;
padding: 4px 10px;
outline: none;
font-size:10pt;
background: black;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: black;
color: #E9E9E9;
text-decoration: none;
}

.tabdiv {
margin-top: 2px;
background: #141414;
padding: 5px;
}

.tabdiv p{
	color:#8D8D8D;
}

.tabdiv li {
margin-left: 20px;
}

.ui-tabs-hide {
display: none;
}

/** Accordion **/
.accordion {
width: 100%;
margin: 10px 0%;
}

.accordion h3{
	padding-left:2px;
}

dl{
	cursor:pointer;
	background: black;
	color: #D1D1D1;
	border: 1px solid #141414;
}

dd{
	margin:0px;
	padding:10px;
	background-color:#141414;
	font-family: 'courier', sans-serif;
	font-size:10pt;
}

dd p{
	color:#8D8D8D !important;
}

dt{
	padding: 10px;
	border-top: 1px solid #141414;
	font-family: 'courier', serif;
	font-size:10pt;
}

dt:first-child{
	border-top: 0px;
}

.clear{clear:both;}

/** MEDIA SECTION **/


@media all and (max-width:1200px) {
.main_blog_wrap{
	margin-left:-250px;
}
}

@media all and (max-width:1000px) {
.main_blog_wrap{width:500px;margin-left:-150px;}
.blog_item, .page_item{width:460px;}
.blog_item_title h2,.blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover, .page_item_title h2,.page_item_title h2 a, .page_item_title h2 a:visited, .page_item_title h2 a:hover{font-size:12pt !important;}
.pagination ul{display:none;}
.pagination select{display:block;margin:10px auto 10px auto;float:none;}
.item{margin:3px 1%;}
.quaterwidth{width:31.3%;}
}

@media all and (max-width:800px) {
.main_blog_wrap{width:400px;margin-left:-100px;}
.blog_item, .page_item{width:360px;}
.blog_item_title, .page_item_title{right:95px;}
.blog_item_title h2,.blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover, .page_item_title h2,.page_item_title h2 a, .page_item_title h2 a:visited, .page_item_title h2 a:hover{font-size:12pt !important;}
.blog_item_date{width:85px;font-size:18pt;}
.blog_item_info{display:none;}
.inputsection, .inputsectionerror, .inputsection_right, .inputsection_righterror{width:92%;float:left;}
.count3, .count4{width:48%;}
.thirdwidth, .quaterwidth{width:48%;}
.welcome_wrap{width: 500px;}
.welcome_title h1{font-size:13pt;}
}

@media all and (max-width:650px) {
.nav ul,.navcat ul{display:none;}
.nav select,.navcat select { display: inline-block;}
#widget, .moot_widget_wrap{display:none;}
.nav_wrapleft{
	position:relative;
	width: 221px;
	float: none;
	margin: 0px auto 0px auto;
	background-image: url(../images/nav_bg.png);
	background-repeat: repeat;
	background-color:grey;
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
	left:0px;
}
.main_blog_wrap{width:320px;margin:20px auto 0px auto;float:none; position:static;overflow:hidden;}
.blog_item, .page_item{width:280px;}
.blog_item_title h2,.blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover, .page_item_title h2,.page_item_title h2 a, .page_item_title h2 a:visited, .page_item_title h2 a:hover{font-size:12pt !important;}
.blog_item_info{display:none;}
.blog_item_date{width:80px;font-size:12pt;}
.blog_item_title h2,.blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover{font-size:10pt !important;}
.pagination{margin-top:30px;}
.inputsection, .inputsectionerror, .inputsection_right, .inputsection_righterror{width:90%;float:left;}
.count2,.count3, .count4{width:98%;}
.halfwidth, .thirdwidth, .quaterwidth{width:98%;}
.contactinfo_left, .contactinfo_right{width:100%;}
.welcome_wrap{width: 310px;}
.welcome_title h1{font-size:11pt;}
}

@-webkit-keyframes FadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}