/* Modern Logic Studios - April 1, 2014 */

/* ---=== Global Styles ===--- */

body {
	font-family: helvetica, san-serif;
	background: #142d4a;
	margin:0;
	padding:0;
}

div#outerDiv{
	width: 898px;
	height: 608px;
	background: #b1bdd0 url(images/mls_bg_898x608.jpg) no-repeat;
	margin: 20px auto;
}


/* ---=== Header ===--- */

div#header{
	height:150px;
	position:relative;
}

div#mlsLogo{
	width:473;
	height:91;
	margin: 8px 0 0 10px;
	position: absolute;
}

div#tagLine{
	position: absolute;
	top: 35px;
	left: 635px;
	margin:0;
	padding:0;
}




/* ---=== subnav ===--- */

#subNav{
	position: absolute;
	top: 0px;
	right: 13px;
	border: 0;
	margin:0;
	padding:0;
}
#subNav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#subNav li{
	float:left;
	margin:0;
	padding:0;
}

#subNav li a:link,#subNav li a:visited{
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:13px;
	color:#113d73;
	font-weight:normal;
	line-height:16px;
	height:21px;
	width:600px;
	padding: 1px 0 0 3px;
	border: 0;
	margin:0 0 0 10px;
	text-decoration:none;
}


#subNav li a:hover,#subNav li a:active{
	color:#FFFFFF;
}

#subNav li a.current{
	color:#778eb0;
}

#subNav li a.current:hover{
	cursor: default;
}




#subNavBottom{
	position: absolute;
	bottom: 5px;
	right: 13px;
	border: 0;
	margin:0;
	padding:0;
}
#subNavBottom ul{
	list-style:none;
	margin:0;
	padding:0;
}

#subNavBottom li{
	float:left;
	margin:0;
	padding:0;
}

#subNavBottom li a:link,#subNavBottom li a:visited{
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:13px;
	color:#113d73;
	font-weight:normal;
	line-height:16px;
	height:21px;
	width:600px;
	padding: 1px 0 0 3px;
	border: 0;
	margin:0 0 0 10px;
	text-decoration:none;
}


#subNavBottom li a:hover,#subNavBottom li a:active{
	color:#FFFFFF;
}

#subNavBottom li a.current{
	color:#778eb0;
}

#subNavBottom li a.current:hover{
	cursor: default;
}




/* ---=== navigation ===--- */

#mainNav{
	position: absolute;
	top: 98px;
	left: 578px;
	border: 0;
	margin:0;
	padding:0;
	
}

#mainNav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#mainNav li{
	float:left;
	margin-right: 10px;
	padding:0;
}

#mainNav li a.about:link,#mainNav li a.about:visited{
	width: 81px;
	height: 17px;
	border:0;
	display:block;
	text-indent:-1000em;
	background: url(images/nav_about_off.png) no-repeat center top;
}

#mainNav li a.experiments:link,#mainNav li a.experiments:visited{
	width: 108px;
	height: 17px;
	border:0;
	display:block;
	text-indent:-1000em;
	background: url(images/nav_ourwork_off.png) no-repeat center top;
}

#mainNav li a.service:link,#mainNav li a.service:visited{
	width: 126px;
	height: 17px;
	border:0;
	display:block;
	text-indent:-1000em;
	background: url(images/nav_ourservices_off.png) no-repeat center top;
}

#mainNav li a.contact:link,#mainNav li a.contact:visited{
	width: 97px;
	height: 17px;
	border:0;
	display:block;
	text-indent:-1000em;
	background: url(images/nav_contactus_off.png) no-repeat center top;
}


#mainNav li a.about:hover,#mainNav li a.about:active{
	background-position: 0px -17px;
}
#mainNav li a.experiments:hover,#mainNav li a.experiments:active{
	background-position: 0px -17px;
}
#mainNav li a.service:hover,#mainNav li a.service:active{
	background-position: 0px -17px;
}
#mainNav li a.contact:hover,#mainNav li a.contact:active{
	background-position: 0px -17px;
}

#mainNav li a.about.current{
	background-position: 0px -34px;
}

#mainNav li a.about.current:hover{
	cursor: default;
}

#mainNav li a.experiments.current{
	background-position: 0px -34px;
}

#mainNav li a.experiments.current:hover{
	cursor: default;
}

#mainNav li a.service.current{
	background-position: 0px -34px;
}

#mainNav li a.service.current:hover{
	cursor: default;
}

#mainNav li a.contact.current{
	background-position: 0px -34px;
}

#mainNav li a.contact.current:hover{
	cursor: default;
}

/* ---=== Main Body ===--- */

#mainBody{
	position:relative;
	width:  878px;
	height:  418px;
	padding:0;
	padding-left: 15px;
	margin:0;
	border:0;

}


/* ---=== homepage ===--- */

#welcome{
	width:  430px;
	height:  400px;
	padding: 0px;
	margin:0 16px 0 0;
	border:0;
	float:left;
		
}
#homePagePortfolio{
	
	padding-top: 19px;
	margin:0 16px 0 0;
	border:0;
	float:left;
		
}

h2 {
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:17px;
	color:#113d73;
	font-weight:normal;
	line-height:16px;
	height:21px;
	width:400px;
	padding-top: 1px;
	padding-left: 20px;
	background: url(images/headerUnderline420.png) no-repeat left top;
	border: 0;
	margin:0;
}



p{
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:14px;
	color:#113d73;
	font-weight:normal;
	line-height:19px;
}

#recentWork{
	width:  430px;
	height:  400px;
	padding: 0px;
	margin:0;
	float:left;
}

/* ---=== experiments ===--- */

h3 {
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:17px;
	color:#113d73;
	font-weight:normal;
	line-height:16px;
	height:21px;
	width:865px;
	padding-top: 1px;
	padding-left: 20px;
	background: url(images/headerUnderline.png) no-repeat left top;
	border: 0;
	margin:0;
	
}

h4 {
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:17px;
	color:#113d73;
	font-weight:bold;
	line-height:16px;
	padding:0px;
	border: 0;
	margin:10px 0;
	
}

.noTopMargin{
	margin:0;
	padding:0;
}

#serviceList{
	margin:0px 0 0 5px;
}

#serviceList li{
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:14px;
	color:#113d73;
}

#mlsForm{
	width: 413px;
}

#mlsForm input{
	width: 413px;
	height: 18px;
	margin:0px 0 5px 0px;
	padding: 3px 3px 3px 5px;
	border:0;

}
#mlsForm .topMargin{
	margin-top:5px;
}

#mlsForm textarea{
	width: 413px;
	height: 166px;
	margin:5px 0 5px 0px;
	padding: 3px 3px 3px 5px;
	border:0;

}



#mlsForm .buttonStyle{
	width: 66px;
	color: #FFFFFF;
	margin:5px auto;
	display:block;
	padding: 2px 3px 3px 3px;
	border:0;
	background-color: #113d73;
}

#mlsForm .buttonStyle:link,#mlsForm .buttonStyle:visited{
	color: #FFFFFF;
	background-color: #113d73;
}

#mlsForm .buttonStyle:hover,#mlsForm .buttonStyle:active{
	color: #113d73;
	background-color: #FFFFFF;
}


#portfolio{
	width:  865px;
	height:  400px;
	padding: 0px;
	margin:0;
	border:0px;
	
	
}

#portfolioPiece{
	float:left;
	width: 172px;
	height:172px;
	padding:0px;
	margin:0px 0 1px 1px;
	border:0px;

}

.topSpacer{
	margin:0px;
	padding:0;
	height:19px;
}






/* ---=== footer ===--- */


#footer{
	width:450px;
	height:15px;
	text-align:center;
	margin:auto;
}

#footer p{
	font-family: helvetica, verdana, arial, san-serif;
	FONT-SIZE:10px;
	color:#113d73;
	font-weight:bold;
	line-height:10px;
	margin:0;
	padding:0;
	margin-top:0;
}


#footer a:link, #footer a:visited{
	color:#113d73;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#FFFFFF;
	
}

#copy{
	width: 146px;
	height: 12px;
	padding:0;
	text-align:center;
	margin:7px auto;

}




/* ---=== contact form ===--- */