/*
File Name: style.css
*/

/* body */
body {
	margin:0 auto;
	padding:0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
	font-size:11.5px;
	line-height:21px;
}

/*reset*/
ul, ol,li, h1,h2,h3,h4,h5,h6,form,p,a,img{
	margin:0;
	padding:0;
	border:0;
}

/* layouts */
/* containers */
#wrapper{
  margin: 0 auto;
	width: 938px;
}
#wrapper_middle_01{ 
	width: 938px;
	margin: 0 auto;
}

#wrapper_middle{   
	display: inline-block;
	width: 938px;
	margin: 0 auto;
}

#wrapper_top{
	clear: both;
	width: 938px;
	height: 4px;
	margin: 0 auto;
	font-size: 0;
}

#wrapper_bottom{
	clear: both;
	width: 938px;
	height: 4px;
	margin: 0 auto;
	padding: 0;
}

#wrapper_content{
	clear: both;
	width: 938px;
	margin: 0 6px;
	padding-bottom: 20px;
}

/* header */
#header{
	background: #000;
	height: auto !important;
	clear: both;
	width: 938px;
	margin: 0 auto;
}

/* logo */
#logo{
	background: #000;
	overflow: hidden;
	float: left;
	width: 244px;	
}

#logo .png{
	background: #000;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

/* header right area */
#header_right {
	background: #000;
}


/* content */
#content{
	margin: 0 0 0 20px;
	padding: 0;
	overflow: hidden;
	width: 918px;
}


.fullwidth#content{
	margin: 20px 20px 0 20px  ;	
	padding-left: 2px;
	width: 896px;
}

.fullwidth{

}


/* main */
#main{
	clear: both;		
	padding: 0;
}

/* navigation */
#navigation {
  background: #000;
  float: right;
  height: 64px;
	margin: 0;
  padding: 0 20px 0 0;
  width: 674px;
}

.slicer{
	margin: 0 auto;
	width: 898px;
	height: 30px;
}

.slicer_2{
	margin: 0 auto;
	width: 898px;
	height: 2px;
	font-size: 1px;
	padding: 0;
}

/* sub page header  */
#sub_page_header{
	height: 34px; 
	margin: 5px auto 0 auto;
	width: 938px;
	clear: both;
	display: block;
}
/* page navigation */
 #sub_nav{
	padding: 8px 0 0 20px ;
	font-size: 10px;
 }
#sub_nav  a{	
	margin-left: 0;
	text-decoration: none;
}
#sub_nav a:hover{
	text-decoration: none;
}

.clear_space{
	clear: both;
	width: 900px;
}

/* slider area */
#slider_con{
	display: block;
	clear: both;
	padding: 0;
}

#slider_area{
	position: relative;
	display: block;
	width: 938px;
	height: 277px;
	margin: 0 auto ;
	clear: both;
	padding: 0;
	overflow: hidden;
}

.slide{
	width: 938px;
	height: 277px;
	z-index: -3;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* sliding texts on main page slider */
/* slider title text */
.sliding_text_text{
	font-size:12px;
	line-height:22px;
	text-align:left;
	float:left;
	letter-spacing:1px;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	padding:0px;
}
.sliding_text_text .clear{
	clear:both;
}

/* slider title */
.sliding_text_text .title_1{
	font-size:19px;
	letter-spacing:1px;
	padding:7px;
	float:left;
	margin-top:50px;
}

/* slider title  link */
.sliding_text_text  .title_1 a{
	text-decoration:none;
}

/* slider title  link hover*/
.sliding_text_text  .title_1 a:hover{
	text-decoration:none;
}

/* slider title 2*/
.sliding_text_text .title_2{
	font-size:19px;
	letter-spacing:1px;
	padding:7px;
	float:left;
	margin-top:3px;
}

/* slider title 2 link */
.sliding_text_text  .title_2 a{
	text-decoration:none;
}
.sliding_text_text  .title_2 a:hover{
	text-decoration:none;
}

/* slider left side */
#slider_area .left_side{
	float:left;
	width:592px;
	padding-left:20px;
}

/* slider right side */
#slider_area .right_side{
	width:244px;
	height:237px;
	float:right;
	padding:20px;
	border:0px;
}

/* slider left side paragraph */
#slider_area .right_side p{
	font-size:14px;
	letter-spacing:1px;
	line-height:25px;
	display:block;
	margin-bottom:10px;
}

/* slider read more button  */
#slider_area .right_side  a.read_more{
	font-size:14px;
	padding:4px;
	line-height:28px;
	margin-top:10px;
	text-decoration:none;
	clear:both;
	letter-spacing:0px;
}

#slider_area .right_side a.read_more:hover{
	letter-spacing:0px;
}

/* slider numbers*/
#numbers{
	z-index:999;
	padding:12px 0 0 10px ;
}
#numbers li{ 
	float:left; 
	list-style-type:none; 
	overflow:hidden; 
	text-align:center;
	margin:0 3px 0 0;
}

/* active number style*/
#numbers  li a { 
	text-decoration:none; 
	display:block;  
	padding:0;
	margin:0;
	width:9px;
	height:9px;
	float:left;
	overflow:hidden;
}

#numbers  li a:hover { 
}

#numbers  li a.activeSlide { 
	text-decoration:none; 
	display:block;  
	padding:0;
	margin:0;
	width:9px;
	height:9px;
}



/* blog*/
.blog_box{	
	margin:0 0 20px 0;
}

.blog_box p{
	padding:0px;
	margin:0px;
	clear:both;
}

.blog_box h3{
	line-height:23px;
	padding:0px;
	margin:0px;
	font-size:22px;
}

#content .blog_box h3 a{
	text-decoration:none;
	border:0;
}

#content  .blog_box h3 a:hover{
	text-decoration:none;
}

.blog_box .dateandcategories{
	font-size:10px;
	padding:1px 0 1px 0px;
	margin-bottom:4px;
	clear:both;
	display:block;
}

.blog_box .aligncenter.post_image{
	border-right:0;
	border-left:0;
	padding:14px 0;
	margin:0px;
}

.blog_box p{
	padding:4px 0 10px 0;
}

.blog_box .slicer_2{
	width:570px;
}

.blog_box .slicer_2.blog_bottom{
	height:10px;
	padding:0 0 0 0;
}

/* blog box comment */
#content .blog_box .comment{
	margin:0 0 0 4px;
}

#content .blog_box .comment a{
	border:0;
	padding:0 4px;
}

#content .blog_box .comment a:hover{
	border:0;
}

.line{
	clear:both;
	display:block;
	margin-top:10px;
	margin-bottom:30px;
}

/* boxes  */
/* home page left side boxes  */
.box{
	width:286px;
	float:left;
	margin:20px 20px 0px 0px;	
	position:relative;
	overflow:hidden;
}

.box.middle{
	margin:0px 20px 20px 0px;	
}

.box .imgarea{
	text-align:center;
	display:block;
}

.box .image{
	padding:0px;
	margin:0 auto 0 auto;
}

.box .textarea h3{
	font-size:15px;
	font-weight:normal;
	clear:both;
	display:block;
	letter-spacing:1px;
	padding:0px;
	margin:8px 0 0 0;
}

.box .textarea h3 a{
	text-decoration:none;
}

.box .textarea h3 a:hover{
	text-decoration:none;
}

.box .textarea{
	font-size:11px;
	margin:0;
	padding:0;
}

.box.middle .textarea{
	padding:0 ;
}

.box p{
	margin-bottom:0px;
	padding-bottom:0px;
}

/*	portfolio */
.page_header_text{
	margin:0px 20px;
	padding:10px 4px;
	font-size:22px;
	line-height:30px;
	font-style:italic;
	position:relative;
}

#content .box.portfolio{	
	display:inline !important; 
}

#content .portfolio h4{	
	font-size:15px;
	margin:0;
	line-height:20px;
	padding:0px 0 0 15px;
	margin:10px 0 0 0;
}

#content .portfolio h4 a{	
	border:0;
}

#content .portfolio h4 a:hover{	
}

#content .portfolio .imgarea{
	width:286px;
	height:124px;
	padding-top:4px;
}

#content .portfolio .imgarea img{
	margin-top:8px;
}

#content .portfolio .textarea{
	padding:0 4px;
}

#content .portfolio .textarea .slicer{
	margin:7px 0 0 0;
	height:7px;
	font-size:1px;
}

.magnifier{
	display:block;
}

.play{
	display:block;
}


/* sub navigation */
#sub_menu, #sub_menu li{	
	padding:0;
	list-style-type:none;
	border:0;
}

#sub_menu{
	margin:0 20px 20px 0;
}

#sub_menu  li{	
	padding:3px 0 7px 0;
}

#sub_menu  li a{	
	font-size:13px;
	margin-left:0px;
	text-decoration:none;
	border:0;
}

#sub_menu  li a:hover{
}

/* title for side bar elements */
.side_title{	
	height:30px;
	margin:0px 0px 0 0;
	width:286px;
}

.side_title h4{	
	font-size:15px;
	margin:0;
	line-height:20px;
	padding:0px 0 0 15px;
}

#page_left{
	width:570px;
	float:left;
	margin:20px 0 0 0;
	overflow:hidden;
	padding: 0px 40px 0 2px;
}
#page_right{
	width:306px;
	float:left;		
	overflow:hidden;
	margin:20px 0 0 0;
	padding: 0px 0 0 0;
}


/* read more button  */
a.read_more{
	position:relative;
	display:inline;
	text-decoration:none;
	clear:both;
	font-size:11px;
}

a.read_more:hover{
}


/* paging*/
#paging{
	display:block;
	clear:both;
	margin:0;
	overflow:hidden;
}

#paging ul, #paging ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#paging ul li{
	display:inline;
	margin-right:1px;
	overflow: hidden;
	position: relative;
}

 /* paging active*/
#paging ul li.active a{
	font-size:18px;
}

 /* paging link*/
#paging ul li a{
	border:0;
}

 /* paging mouseover*/
#paging ul li a:hover{
}

 /* paging with top space*/
.topspace#paging{
	padding-top:20px;
}


/* links */
#content a,.page_header_text a {
	text-decoration:none;
}

#content a:hover, .page_header_text a:hover {
	text-decoration:none;
}

#content a.no_border{
	border:0px;
} 

/* headings*/
h1,h2,h3,h4,h5,h6{
	letter-spacing: 0.4px;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:0px;
	line-height:1.4em;
	position: relative;
}

h1,h2{ 
	clear:both;
}

h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
}

h1{
	font-size: 26px;
}

h2{
	font-size: 22px;
}

h3{
	font-size: 20px;
}

h4{
	font-size: 18px;
}

h5{
	font-size: 16px;
	}

h6{
	font-size: 14px; 
	}

/* images and alignments */
img {
	border:0px;
	margin:0px;
	padding:0px;
}

img.aligncenter{
	display:block;
	text-align:center;
	display: block;
	margin:0 auto 0 auto;
	padding:0px;
	border:0px;
	background:none;
}

img.alignleft{
	float:left;
	margin: 2px 8px 2px 0;
	display: inline;
	border:0px;
	background:none;
	padding:0;
}

img.alignright{
	padding:0;
	float:right;
	margin: 2px 0px 2px 8px;
	border:0px;
	background:none;
}


/* Wp Captions */
.wp-caption.alignleft {
	text-align:center;
	float:left;
	display:inline;
	overflow:hidden;
	padding:10px 6px 4px 0px;
	margin: 0 7px 2px 0;
}

.wp-caption.alignright {
	text-align:center;
	float:right;
	display:inline;
	overflow:hidden;
	padding:10px 6px 4px 0px;
	margin: 0 0px 2px 7px;
}

.wp-caption.aligncenter {
	display:block;
	margin: 2px auto 2px auto;
	text-align:center;
	display: block;
	text-align:center;
	overflow:hidden;
	padding:10px 6px 4px 0px;
}

/* Lists */
ul, ol{
	list-style-position:outside;
	margin-left:20px;
}

/* content list */
 .content ul , .content ol  {	
	list-style-position:inside;
	margin:0;
	padding:0 0 20px 0;
}

.content ul{
	list-style-type:disc;
}

.content ul li ul{
	list-style-type:circle;
}

.content ol{
	list-style-type:decimal;
}

.content ol li ol{
	list-style-type:upper-alpha;
}

 .content li{
	padding:3px 2px;
}

.content ul li ul, .content ul li ul li, .content ol li ol, .content ol li ol li{
	border:0;
	padding:3px 10px;
}

/* sidebar list */
#page_right .box ul{	
	padding:0;
	list-style-type:none;
	border:0;
	margin:0;
}

#page_right .box  li{	
	padding:3px 0 7px 0;
}

#page_right .box  li a{	
	font-size:13px;
	margin-left:0px;
	text-decoration:none;
	border:0;
}

#page_right .box  li a:hover{
}

/* tables */
table{
	border-collapse:collapse;
	border-spacing:0;	
}

table caption strong{
	text-align:left;
	font-size: 14px;
	font-weight: normal;
	line-height:20px;
	font-weight:bold;
}

table caption{
	text-align:left;
	padding-bottom: 10px;
	padding-top: 5px;
}

table th {
	padding: 13px;
	font-size: 12px;
}

table td {
	padding: 10px;
	text-align: left;
}


tbody tr:hover td
{
}


/* text elements */
blockquote {
	letter-spacing:0px;
	font-size:15px;
	line-height: 24px;
	padding-left:70px;
	padding-top:10px;
	padding-bottom:10px;
	margin:30px 0;
	font-style:italic;
}

blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}

pre {
	line-height:18px;
	margin-bottom:18px;
}

code {
}

ins {
	text-decoration:none;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

p {
	padding-bottom:15px;
}

#slider_area p, #page_right p{
	padding:0;
}

/*contact form */
#contact_form ul, #contact_form ul li{
	list-style-type:none;
	border:0;
	margin:0;
	padding:0;
}

#contact_form ul li {
	margin:0px 0 4px 0px;
	padding:4px 0 4px 0px;
}

/*contact form validation*/
#validate_form	label{
	display: block;
}

#validate_form	label.error {
	display: block;
	font-style: italic;
	font-weight: normal;
}

#validate_form	.error{
}

#contact_form input, #contact_form select{
	width:300px;
}

#contact_form	textarea{
	width:500px;
}

#contact_form	textarea{
	width:500px;
}

#contact_form .button{
	width:100px;
}

/*	Forms */
input, select, textarea{
	font-size:13px;
	position:relative;
	outline: none;
	padding:4px;
	margin-right:1px;
}

.button{
	cursor:pointer;
	padding:3px 20px;
	clear:both;
	border:none;
	overflow:visible;
}

.button:hover{
	overflow:visible;
}

.searchbox{
	width:182px;
	margin-right:4px;
}

.button.search{
	width:auto;
}

#comment{
	width:560px;
}

/* footer */
#footer {
	width:898px;
	margin: 0px auto 0px auto;
}

#footer .footer_con{
	min-height:32px;
	clear:both;
	text-align:left;
}
/* footer1 copyright text */
#footer .part1{
	float:left;
	margin-top:10px;
	font-size:11px;
	line-height:14px;
}
/* footer1 navigation */
#footer .part2{
	float:right;
	margin-top:10px;
	font-size:11px;
	line-height:14px; 
}
/* footer1 links */
 #footer  a{
	text-decoration:none;
}
#footer  a:hover{
	text-decoration:none;
}



/* navigation */
.dropdown{
background: transparent; /*background of menu bar (default state)*/
font-size: 13px;
margin:0;
padding:0;
}

.dropdown ul{
z-index:100;
list-style-type: none;
list-style-position:outside;
border:0;
margin:0;
padding: 0;
border:0;
float:right;
}

/*Top level list items*/
.dropdown ul li{
position: relative;
display: inline;
float: left;
text-align:center;
margin: 0;
padding: 0;
border:0;
}

/* slash */
.dropdown ul li.slash{
position: relative;
display: inline;
float: left;
text-align:center;
margin: 0;
border:0;
padding:28px 8px 8px 8px;
overflow:hidden;
}

/*Top level menu link items style*/
.dropdown ul li a{
display: block;
text-decoration: none;
padding:28px 4px 8px 4px;
margin:0;
}

* html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.dropdown ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
}

.dropdown ul li a:hover{
}

.dropdown ul li ul li a.selected{
}

.dropdown ul li ul li a:hover{
}

.dropdown ul li a.active{
}

/*1st sub level menu*/
.dropdown ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
font-size: 11px;
letter-spacing:1px;
border-bottom:1px solid white;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.dropdown ul li ul li{
display: list-item;
float: none;
text-align:left;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.dropdown ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.dropdown ul li ul li a{
	width: 110px; /*width of sub menus*/
	padding: 4px;
	margin: 0;
	width:128px;
}

/* Holly Hack for IE \*/
* html .dropdown{height: 1%;} /*Holly Hack for IE7 and below*/



/* change navigation bar case*/
.dropdown ul{
	text-transform: uppercase;
}


/*	Comment-Styles */

.fn, .says{
	color:#A3A3A3;
}

.commentlist p{
	padding:12px 67px;
}

.commentlist li  {
	font-size: 100%;
	list-style-type: none;
	padding-top:10px;
}

.avatar {
	float: left;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 4px;
}
 .comment-meta.commentmetadata{
	font-size:10px;
}

#respond p label{
	margin-left:10px;
}

#respond p {
	padding:2px 0;
}


/* WP Photo Captions */

.wp-caption.alignleft {
	float:left;
}
.wp-caption.alignright {
	float:right;
}
.wp-caption.alignright , .wp-caption.alignleft, .wp-caption.aligncenter  {
	text-align:center;
	background:#FDFDFD;
	display:inline;
	overflow:hidden;
	padding:10px 6px;
	border:1px solid #EFEFEF;
	margin: 7px 7px;
}

.wp-caption.aligncenter {
	display:block;
	margin: 2px auto 2px auto;
}


/* comments*/

/* error*/
.error2{
	color:#FF0000;
	font-size:12px;
	font-weight:normal;
	display:block;
	background:#FFD2D2;
	padding:10px;
	border:1px solid #FF7777;
}

/* warning */
.warning{
	color:#8D8D8D;
	font-size:12px;
	font-weight:normal;
	display:block;
	background:#F8F8F8;
	padding:10px;
	border:1px solid #E9E9E9;
}

/* ok */
.ok{
	color:#339900;
	font-size:12px;
	font-weight:normal;
	display:block;
	background:#EFFFE8;
	padding:10px;
	border:1px solid #B5FF91;
}