/* 
Theme Name: MESstudios 4.0
Theme URI: http://www.messtudios.com
Description: This theme was created by Owen Piccirillo for MESstudios.
Version: 4.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com
*/

/* Main and Reset
---------------------------------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;}
ul, li {list-style-type: none }
.clr {clear:both;}
img {border:0;}
a:link, a:visited, a:hover, a.selected { color:#000; text-decoration:none;}

.left {float:left;}
.right {float:right;}


.perosnalblog {
	background-color:#000;
	position:absolute;
	top:189px;
	left:87px;
}
.perosnalblog a:link, .perosnalblog a:visited {
	color:#bfbfbf;
	padding:0px 5px;
	font-size:12px;
	font-weight:bold;	
}
.perosnalblog a:hover{
	color:#fff;
}

body { 
	font:13px Arial, Helvetica, sans-serif;
	background:url(images/bg.gif);
	overflow-x:hidden;
}
p { padding-bottom:10px;}

.highlight {
	background-color:#f4f2bb;
	font-weight:bold;
}
.overlay {
	background:url(images/overlay.png) no-repeat;
	height:144px;
	width:147px;
	position:absolute;
}
.myquote {
	background-color:#f8f8f8;
	width:960px;
	margin:0 auto;
}
.myquote p{
	text-align:center;
	font-size:22px;
	color:#333;
	line-height:27px;
	padding:15px 15px 15px 15px;
	font-weight:100;
}
.myquote small{
	color:#666;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
/* Header
---------------------------------------------------------------------------------*/
#bg-fix {
	background:url(images/bg-head.gif) repeat-x;
}
#header-wrapper {
	background:url(images/bg-big.jpg) no-repeat top center;
	}
#header {
	width:962px;
	margin:0 auto;
	position:relative;
	height:210px;
}
.logo {
	position:absolute;
	top:85px;
	left:15px;
	height:44px;
	width:276px;	
	background:url(images/messtudios-logo.gif) no-repeat;	
}
.logo h1{
	text-indent:-9999px;
}
.logo h1 a:link, logo h1 a:visited{
	height:44px;
	width:276px;
	display:block;
}


.get-wrapper {
	background-color:#000;
	margin-bottom:-20px;
}
.get-main {
	width:962px;
	margin:0 auto;
	position:relative;
}
.get-close {
	position:absolute;
	top:0;
	right:0;
	height:36px;
	width:28px;
	z-index:100;
}
.get-close a:link, .get-close a:visited {
	display:block;
	height:36px;
	width:28px;
	z-index:100;
	background:url(images/get-close.gif) no-repeat;
}
.get-main h2{
	text-align:center;
	width:700px;
	font-size:32px;
	color:#d7d8da;
	width:962px;
	margin:0 auto;
	position:relative;
	padding:10px 0px 10px 0px;
}
.get-inside{
	width:700px;
	color:#000;
	background-color:#d7d8da;
	margin:0 auto;
	padding:10px 0px 10px 0px;
}


/* Content
---------------------------------------------------------------------------------*/
#content {
	width:962px;
	background:url(images/bg-content.gif) repeat-y;
	margin:0 auto;

}
#left {
	width:580px;
	float:left;
	display:inline;
}
#left p {
	padding:0px 0px 10px 25px;
	color:#000000;
	line-height:20px;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
}
.frontend {
	background:url(images/front-end-web-design.gif);
	height:158px;
	width:557px;
	margin:5px 0px 20px 19px;
}
.payment {
	background:url(images/payment.gif);
	height:108px;
	width:557px;
	margin:5px 0px 20px 19px;
}
.simple {
	background:url(images/simple.gif);
	height:108px;
	width:557px;
	margin:5px 0px 20px 19px;
}
.affordable {
	background:url(images/affordable.gif);
	height:108px;
	width:557px;
	margin:5px 0px 20px 19px;
}

#right {
	display:inline;
	float:right;
	width:345px;
	margin-right:2px;
	background-color:#f8f8f8;
}
.intro {
	position:relative;
	background-color:#f8f8f8;
	padding:5px 10px 0px 0px;
}
.servicesright {
	background-color:#f8f8f8;
	padding:10px 10px 0px 0px;
}
#right h2 {
	color:#000;
	font-size:14px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-weight:100;

}
#right p{
	color:#424242;
	line-height:20px;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;

}
.contactArea li {
	list-style-type:none;
	color:#000;
	height:24px;
	margin-bottom:5px;
}
.contactArea li a:hover{
	text-decoration:underline;
}
.contact-phone {
}
.contactIcon {
	margin:0px 4px -6px 0px;
}
/* Portfolio
---------------------------------------------------------------------------------*/
.portfolio-top {
	background:url(images/bg-port-top.gif) no-repeat bottom;
	color:#000;
	margin:0px 1px 0px 1px;
	height:1px;
	width:960px;
	position:relative;
} 
.portfolio-top h2{
	color:#000;
	font-size:18px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-weight:100;
	text-indent:-9999px;
	padding:10px 0px 10px 20px;
	background:url(images/portolio-title.gif) no-repeat 15px;
} 
.portfolio-wrapper{
	margin:0 auto;
	width:962px;
	background:url(images/bg-port.gif);
} 
.portfolio-wrapper li{
	float:left;
	position:relative;
	margin:23px 22px 0px 22px; 
	display:inline;
} 
/* Testimonials
---------------------------------------------------------------------------------*/
.testimonials-top {
	background:url(images/bg-port-top.gif) no-repeat top #FFF;
	color:#000;
	padding-top:10px;
	margin:0px 1px 0px 1px;
	height:55px;
} 
.testimonials-top h2{
	color:#000;
	font-size:18px;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
	font-weight:100;
	padding:35px 0px 0px 20px;
	text-indent:-9999px;
	background:url(images/testimonials-title.gif) no-repeat 15px;
} 

.testimonials{
	width:962px;
	margin:0 auto;
	padding-bottom:15px;
	color:#666;
	background:url(images/bg-content-test.gif);
}
.testimonials li{
	padding:5px 23px 5px 23px;
	color:#666;
	line-height:20px;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
}
.testname {
	color:#000;
	text-transform:uppercase;
}

/* Footer
---------------------------------------------------------------------------------*/
#footer {
	background:url(images/bg-footer.gif);
	height:98px;
}
#footer p{
	color:#999;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	padding:45px 0px 0px 25px;
	}

.nav-position {
	position:absolute;
	top:92px;
	right:0;
}

.make-payment {
	position:absolute;
	top:4px;
	right:15px;
}
.make-payment a:link, .make-payment a:visited {
	color:#bfbfbf;
	font-size:12px;
	font-weight:bold;
}
.make-payment a:hover {
	color:#fff;
}

.topLeft {
	position:absolute;
	top:4px;
	left:15px;
}
.topLeft a:link, .topLeft a:visited {
	color:#bfbfbf;
	font-size:12px;
	font-weight:bold;
}
.topLeft a:hover {
	color:#fff;
}

.get-started {
	position:absolute;
	top:80px;
	right:15px;
}
.get-started a:link, .get-started a:visited  {
	background:url(images/get-started.gif) no-repeat;
	display:block;
	height:64px;
	width:166px;
	text-indent:-9999px
}
.get-started a:hover  {
	margin-top:3px;
}

/* Carousel
---------------------------------------------------------------------------------*/
#slideshow {
	border:1px solid #e1e1e1;
	margin:0px 0px 20px 19px;
	height:340px;
	width:555px;
	background:url(images/s1.jpg) no-repeat;
}
#slideshow div {position:absolute;}
#slideshow div.current {z-index:2;}
#slideshow div.next {z-index:1;}


.tooltip{
    position: relative;
}
 
div.tooltip span {
    position: absolute;
    top: -70px;
    left: -25px;
    display: none;
	width:186px;
	padding:5px 5px 28px 5px;
	border-top:1px solid #dfdfdf;
	background:url(images/tooltip.png) no-repeat bottom center;
	z-index:100;
	color:#000;
	line-height:20px;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}


/* Form styles  *//* Form styles  *//* Form styles  *//* Form styles  *//* Form styles  *//* Form styles  */
.form-wrapper {
	background-color:#e2e2e2;
	padding:0px 10px 10px 10px;
	width:310px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.form-wrapper p {
	padding:0px;
	margin:0px;
}
.stickBee { display:none;}
fieldset {border:none;}
legend {text-indent:-9999px;}
label { width:100%;}

input, textarea {
	border: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.text-form {
	width:305px;
	height:25px;
	font:13px Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-bottom:5px;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
}
.textarea-form {
	width:305px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	height:80px;
	font:13px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	border:1px solid #999;
}

.text-form:hover, textarea:hover {  
 background-color:#f4f4f4;  
} 

.text-form:focus, textarea:focus{    
 border-color:#000;  
} 

.formcheck {float:left; border:none;l margin:4px 8px 0px 0px;}

.submit { 
	background: #444;
	color: #fff;
	width: inherit;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	float:right;
	margin-top:4px;
} 
.submit:hover { background: #000; }

/* Validation Message: Server-Side */
.msg { 
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
	width: 309px;
	margin: 0 0 10px;
}
.msg.success { 
	border-color: #86a62f;
	background: #faffec;
	color:#000;
}
.msg.error { 
	border-color: #cd5a5a;
	background: #fff7f7;
	color:#000;
}
	
/* Validation Message: Javascript */	
#error {
	display:none;
}
.needsfilled {
	background:#fff7f7;
	border-color: #cd5a5a;
	color:#000;
}