/*
Name: Mizotion New
Theme URI: http://www.mizotion.com
Description: Mizotion New
Version: 1.0
Author: Mizotion Creative
Author URI: http://www.mizotion.com/
*/



*{
  margin:0;  
  padding:0;  
  border:0;

  

}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body, #wrap {height: auto; min-height: 100%;}


body {
margin-left: 50px;
background-image:url(images/bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: normal;
color: white;
}

a:link img, a:visited img, a:hover img {
border: none;
text-decoration: none;
}

ul{
padding: 0;
margin: 0;
text-indent: 0;
list-style-type: none; 
}

li{
padding: 0;
margin: 0;
text-indent: 0;
list-style-type: none; 
}


img{
padding: 0;
margin: 0;
}

a:link {
color: white;
text-decoration:none;
} 

a:visited {
color: white;
text-decoration:none;
} /* visited link */

a:hover {
color: inherit;
text-decoration:none;
} /* mouse over link */

a:active {
color: inherit;
text-decoration:none;
}
/* selected link */
  



p{
font-family:Arial, Helvetica, sans-serif;
line-height: normal;
}

h2{
font-size: 12pt;
padding: 0;
margin: 0;
}

h3{
padding: 0;
margin: 0;
font-size: 11pt;
}

h4{
font-size: 14pt;
text-decoration: underline;
padding: 0;
margin: 0;
text-indent: 10px;
padding-top: 10px; 
font-weight: normal;
}

h5{
padding: 0;
margin: 0;
font-size: 11pt;
}


#searchfloat{
width: 1020px;
}

#searchfloat2{
padding-bottom: 50px;

}

fieldset{
border: none;
margin: 0;


}

input#s{
background-color: transparent;
background-image:url(images/divbg.png);
margin: 0;
height: 21px;

}

form{
margin: 0;
padding: 0;
}

.wpsearchform{
margin: 0;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 0;
}

#s{
background-color: transparent;
border: none;
color: #95d6db;
margin: 0;
float: right;
display: inline;
padding: 2px;

}



input#s2{
background-color: transparent;
background-image:url(images/divbg.png);
margin: 0;
height: 21px;

}


#s2{
background-color: transparent;
border: none;
color: #95d6db;
margin: 0;
float: left;
display: inline;
padding: 2px;

}


input#searchsubmit{
padding: 0;
margin: 0;
border: 0px solid #FFFFFF;
background-image:url(images/search.png);
line-height: 0px;

}

#searchsubmit{
width: 25px;
height: 25px;
margin: 0;
border: none;
line-height: 0px;
float: right;
font-size: 0pt;
cursor: pointer;
color: inherit;
text-indent: -9999px;
text-transform: capitalize;
}


input#searchsubmit2{
padding: 0;
margin: 0;
border: 0px solid #FFFFFF;
background-image:url(images/search.png);
line-height: 0px;

}

#searchsubmit2{
width: 25px;
height: 25px;
margin: 0;
border: none;
line-height: 0px;
float: left;
font-size: 0pt;
cursor: pointer;
color: inherit;
text-indent: -9999px;
text-transform: capitalize;
}

.search-title{
font-size: 16pt;
padding-bottom: 5px;
border-bottom: 2px solid white;
width: 600px;

}
#search-buffer{
height: 20px;

}






#main {
		padding-bottom: 100px;
		width: 1020px;
		background-color:transparent;
		padding-top: 10px;
		height: auto;
	
}  /* must be same height as the footer */

#sidebarwrap {
width: 150px;
height: auto;
float: left;
display: inline;
background-color:transparent;
margin: 0;
background-image:url(images/logo.png);
background-repeat: no-repeat;
border-bottom:solid #666 2px;
padding-bottom: 20px; 
}


#sidebarwrap a{
color: #666666;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#sidebarwrap a:link{
}

#sidebarwrap a:hover{
color: white;
background-color:#8fcbd0;
}

#sidebarwrap a:active{
color: white;
background-color:#95cdd1;
}


#sidebar{
	height: 100px;
	width: 150px;
	border-bottom:solid #666 2px;
	background-color: transparent;
	padding: 0;
}

#sidebar ul{
	padding: 0px;
	margin: 0px;
list-style-type: none;
}

sidebar ul li{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;
}

#sidebarwrap h2{
visibility: hidden;
line-height: 20px;
padding: 0;
margin: 0;
}

#sidebarwrap a{
color: #666;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#sidebarwrap ul{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;
}

#sidebarwrap ul li{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;
}

.categories{
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
font-size: 12pt;
}





#sidebarwrap3 {
width: 150px;
height: auto;
float: left;
display: inline;
background-color:transparent;
margin: 0;
background-image:url(images/logo.png);
background-repeat: no-repeat;
border-bottom:solid #666 2px;
padding-bottom: 20px; 

}

#sidebar3{
	height: 100px;
	width: 150px;
	border-bottom:solid #666 2px;
	background-color: transparent;
	padding: 0;
}

#sidebar3 ul{
	padding: 0px;
	margin: 0px;
list-style-type: none;
}

sidebar3 ul li{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;
}

#sidebarwrap3 h2{
visibility: hidden;
line-height: 20px;
padding: 0;
margin: 0;
}

#sidebarwrap3 a{
color: #666;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#sidebarwrap3 ul{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;
}

#sidebarwrap3 ul li{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;
}












#sidebar2wrap{
width: 190px;
height: auto;
float: right;
display: inline;
background-color: transparent;
margin: 0;
}

#sidebar2wrap a{
line-height: 16pt;
padding: 5px;
color: #95cdd1;
}


#sidebar2wrap a:link{
color: #95cdd1;
}

#sidebar2wrap a:hover{
color: white;
background-color:#8fcbd0;
}

#sidebar2wrap a:active{
color: white;
background-color:#95cdd1;
text-transform: uppercase;
}

#sidebar2wrap a:active{
color: #95cdd1;
}



#sidebar2wrap h2{
padding-bottom: 5px;
border-bottom:solid white 1px;
}

#sidebar2wrap ul ul{
padding-top: 10px;	
}

#categories-3{
padding-top: 20px;
}


#page{
background-image: url(images/divbg.png);
width: 810px;
height: auto;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

#page strong{
font-size: 11pt;
}

#page p{

}

#page h2{
padding-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: white;
font-size: 12pt;
font-weight: bold;

}

#page-content{
padding-top: 20px;
}

#bloglist{
background-image: url(images/divbg.png);
width: 810px;
height: auto;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

.bloglist-post h2{
text-transform: uppercase;
padding-bottom: 5px;

}

.bloglist-post{
width: 600px;
height: auto; 
padding-bottom: 10px;
}

.bloglist-post img{
padding-top: 10px;
padding-bottom: 10px;
}

.bloglist-post a:hover{
color: #7DCDD5;
}

.bloglist-post p{
padding-top: 0px;
}

.bloglist-post ul{
padding-bottom: 10px;
}

.bloglist-meta{
border-top: 1px solid white;
padding-top: 10px; 
padding-bottom: 10px;
border-bottom: 1px solid white;
margin-top: 5px;
}

.bloglist-meta-wrap{
padding-bottom: 20px;
}

.bloglist-meta a:hover{
color: #7DCDD5;
text-decoration: underline;
}


.bloglist-meta a:visited{
color: #7DCDD5;	
}

#text-3{
padding-top: 20px;	
}

#text-4{
padding-top: 20px;
}

.widget ul{
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;	
text-indent: 0;
}

.widget ul li{
	
text-indent: 0;
padding: 0;
margin: 0; 
list-style-type: none;}

#pages-3 ul li{
padding-bottom:10px;
}


#hellowrap{
	width: 850px;
	height: 80px;
	background-color: transparent;
	line-height: 10px;
	border-bottom:solid #666 2px;
	float: right;
	padding-bottom: 20px;
}

#hello{
background-image:url(images/hello.png);
width: 850px;
height: 80px;
line-height: 10px;
}
#content{
		width: 850px;
		padding-left: 10px;
		background-color: transparent;
		padding-top: 20px;
		height: auto;
		float: right;
		
	
}

#feature{
		width: 540px;
		height: 430px;
		background-color: transparent;
		background-image:url(images/divbg.png);
		float: left;
padding: 0;
}

#feature p {
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
padding-left: 20px;
padding-right: 20px;
font-size: 12pt;
padding-top: 5px;
padding-bottom: 10px;
}

#featurehead{
padding-left: 20px;
padding-right: 20px;
}

#feature h2{
padding-top: 10px;
padding-bottom: 5px;
font-size: 14pt;
border-bottom: 2px solid white;
font-weight: normal;
}

#featurehead a:hover{
color: white;
background-color:#8fcbd0;
}

#blog{
	height: 260px;
padding-left: 20px;
padding-right: 20px;
	}

#blogwrap{
width: 290px;
height: 260px;

float:right;
background-color: transparent;
	background-image:url(images/divbg.png);
}

#blog h4{
margin: 0;
text-indent: 0;
padding-bottom: 5px;
border-bottom: 2px solid white;
text-decoration: none;
}

#blog ul{
padding-top: 10px;
padding-left: 0px;
padding-bottom: 10px;
}

#blog ul li{
list-style-type: disc;
list-style-position: inside;
font-size: 12pt;
}

.blog-customnav{
position: relative;
padding: 5px;
background-color: #60c3cb;
color: white;
font-weight: bold;
font-size: 9pt;
margin-left: 10px;
}

#serviceswrap{
	width: 290px;
	height: 150px;
	background-color: transparent;
	float: right;
	padding-top: 20px;

	
}

#services{
	background-image:url(images/divbg.png);
	height: 140px;
	width: 250px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}

#services h4{
padding: 0;
margin: 0;
text-indent: 0;
padding-bottom: 5px;
border-bottom: 2px solid white;
text-decoration: none;
}

#services ul{
padding-top: 10px;
}

#services ul li{
list-style-type: disc;
list-style-position: inside;
font-size: 12pt;
}

#aboutpic
{
width: 380px;
height: 520px;
background-image: url(images/about.png);
float: right;
}

#abouted{
width: 410px;
height: 520px;
}

#abouted strong{
font-size: 9pt;
}

#blogpage{
background-image: url(images/divbg.png);
width: 810px;
height: auto;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;	
}

.blogpost{
width: 600px;
height: auto; 
}

.blogpost p{
font-size: 11pt;
padding-bottom: 10px;
}

.blogpost h2{
text-transform: uppercase;
padding-bottom: 5px;
}

.blogpost ul{
padding-top: 10px;
padding-bottom: 10px;
}

.blogpost ul li{
list-style-type: disc;
list-style-position: inside;
}

.blogpost img {
padding-top: 10px;
padding-bottom: 10px;
}

.navigation a:link{
padding: 10px;
background-color:#60c3cb;
color: white;
font-weight: bold;
}

.blogpost a:link{
color: #95cdd1;
}

.blogpost a:visited{
color: #95cdd1;
}

.blogpost a:hover{
text-decoration: underline;
color: #95cdd1;
}

#page-portfolio{
width: 850px;
height: auto;
background-image: url(images/divbg.png);
padding-bottom: 20px; 
}

#portfoliohead-wrap{
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}

#portfoliohead{
border-bottom: 2px solid white; 
}
#portfoliohead h2{
padding-bottom: 10px;
}

.port-excerpt{
height: 100px;
width: 256px;
position: absolute;
top: 175px;
overflow: hidden;

}

.port-excerpt p{
font-size: 9pt;
padding: 10px;
}
.port-excerpt h2{
font-size: 9pt;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: solid 1px white;
}

.port-excerpt a:visited{
color: white;
}

.port-excerpt a:hover{
color: #7dcdd5;
text-decoration: underline;
}

.port-excerpt ul {

padding-top: 5px;
}

.port-excerpt ul li{
font-size: 9pt;
list-style-type: disc;
list-style-position: inside;
color: white;
}

.custom-nav{
position: relative;
padding: 5px;
background-color: #60c3cb;
color: white;
font-weight: bold;
font-size: 9pt;
margin-left: 20px;
}


.custom-nav a:hover{
position: relative;
padding: 5px;
background-color: white;
color:  #60c3cb;
font-weight: bold;
font-size: 9pt;
margin-left: 20px;
}

.teaser-outer{
width: 256px;
height: 300px;
margin-left: 20px;
overflow: hidden;
position: relative;
display: inline;

background-repeat: no-repeat;
}

.teaser-inner{
height: 175px; 
width: 256px;


}

#teaser-wrap .teaser-outer{	
float: left;	
}

#teaser-wrap{	
padding-top: 20px;
}

.teaser-inner img {
	position: absolute;
	top: 0;
	left: 0;
}


#realfooter{
width: 850px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #666666;
height: auto;
padding-top: 20px;
color: #666666;
}


#realfooter a:visited{
color: #666666;
}

#realfooter a:link{
color: #666666;
}

#realfooter a:hover{
color: #7DCDD5;
text-decoration: underline;
}

	
#realfooterwrap
{
width: 850px;
height: auto;
float: right;
padding-top: 20px;
padding-bottom: 20px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;

}

#footer
{
position: relative;
margin-top: -30px;
height: 30px;
clear: both;
}

#valid
{
text-align: right;
float: right;
line-height: 14pt;
}


#contact
{
float: left;
line-height: 14pt;
}


#contactpic{

width: 380px;
height: 520px;
background-image: url(images/contact.png);
float: right;
}

#smallpic{

width: 380px;
height: 520px;
float: right;
}


.post-time{
border-bottom: 2px solid white;	
padding-bottom: 10px;
}

.post-meta{
border-top: 2px solid white;
padding-top: 10px; 
}

.post-meta a:hover{
color: #7DCDD5;
text-decoration: underline;
}


.post-meta a:visited{
color: #7DCDD5;	
}
.widget_text{
padding-top: 10px;	
}

.textwidget{
padding-top: 10px;
}

input#comment{
background-color: transparent;

}

#linkcat-2{
padding-top: 20px;
}

#comment{
background-color: transparent;
border: 1px solid white;
color: white;
background-image: url(images/divbg.png);
}

#comments{

color: white;
padding-bottom: 10px;
}

.commentmetadata{
font-size: 12px;

padding-bottom: 5px;
font-style: normal;
color: white;
font-weight: bold;
text-transform: uppercase;
float: right;
padding-top: 10px;
padding-bottom: 20px;
width: 80px;
padding-left: 10px;
padding-right: 10px;
}

.commentbody{
width: 450px;
padding-left: 20px;
padding-right: 20px;
border-right: 1px dotted white;
min-height: 160px;
}



.commentmetadata a:link{
color: white;
}

.commentmetadata a:visited{
color: white;
}

.comments-template p{
color: white;
padding-top: 10px;
margin: 0;

}

.comments-template a{

}


.comments-template a:hover{
text-decoration: underline;	
}

.comments-template a:visited{
color: #7DCDD5; 
}


.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid white;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px dotted white;
}

.comments-template h2, .comments-template h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 12pt;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


.required{
font-style: normal;
}

#commentform a:link{
color: white;
text-decoration: none;
}

#commentform a:hover{
color: white;
text-decoration: underline;
}


#commentform a:visited{
color: white;
}

input#author{
background-color: transparent;
}

#email{
background-image: url(images/divbg.png);
border: 1px solid white;
background-color: transparent;
color: white;
}

input#email{
background-color: transparent;
}

#author{
background-image: url(images/divbg.png);
border: 1px solid white;
background-color: transparent;
color: white;
}


input#url{
background-color: transparent;
}

#url{
background-image: url(images/divbg.png);
border: 1px solid white;
background-color: transparent;
color: white;
}


#submit{
background-image: url(images/but.jpg);
border: none;
color: white;
text-transform: uppercase;
font-weight: bold;
padding: 5px;

}

#conform{
width: 450px;
height: 310px;
float: left;
display:inline;

}

#con{
padding-top: 20px;
}
.tfield{
background-color: #666666;
border: 1px solid white;
color: #95d6db;
}

.tarea{
background-color: #666666;
border: 1px solid white;
color: white;
width: 265px;
height: 100px;
}

.ddown{
background-color: #666666;
border: 1px solid white;
color: white;
width: 265px;

}

.blacked{
background-color: #000000;
text-align: left;
padding-left: 205px;
padding-right: 205px;
padding-top: 50px;
padding-bottom: 30px;
line-height: 14pt; 
}

.whited{
color: #666666;
background-color: #ffffff;
text-align: left;
padding-left: 205px;
padding-right: 205px;
padding-top: 50px;
padding-bottom: 30px;
line-height: 14pt; 
}

.whited strong{
color: #666666;
}




/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */