/* 
---------------------------------------------------------------------------
File:	_mas.css
Desc:	main style sheet for microapplicationsolutions.com
Author:	Matt Ellison
---------------------------------------------------------------------------
*/

/*
    Colors
    #FF7E2D (orange)
    #B2C053 (green - hyperlinks)
    #A0B22A (green - other)
    #C6D367 (new green to match header line)
*/

body 
{
	margin: 0;
    padding: 0;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    font-size: small;
	background: #563f17 url(../images/bg_body_gray.gif) repeat top left;
}
* html body
{
	font-size: x-small; /* IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

/*
---------------------------------------------------------------------------------
	header classes (<h1>, <h2>, <h3>, <h4>, etc.)
---------------------------------------------------------------------------------
*/
h1 
{
	margin: 0;
    padding: 0;
    font-family: Georgia, Arial, helvetica, Sans-Serif;
	font-size: 150%;
	color: #FF7E2D;
}

h2 
{
	margin: 20px 0 0 0;
    padding: 0;
    font-family: Georgia, Arial, helvetica, Sans-Serif;
	font-size: 100%;
	color: #B2C053; /* B2C053 */
}

h3 
{
	margin: 0 0 10px 0;
    padding: 0;
    font-family: Georgia, Arial, helvetica, Sans-Serif;
	font-size: 110%;
	color: #FF7E2D;
}

h3.collapsed
{
	margin: 0;
    padding: 0;
    font-family: Georgia, Arial, helvetica, Sans-Serif;
	font-size: 110%;
	color: #FF7E2D;
}

h4 
{
	margin: 0;
    padding: 0;
    font-family: Georgia, Arial, helvetica, Sans-Serif;
	font-size: 90%;
	color: #FF7E2D;
}

/*
---------------------------------------------------------------------------------
	content classes (<p>, <ol>, <ul>, etc.)
---------------------------------------------------------------------------------
*/
img
{
    border: 0;
}

form
{
    margin: 0;
    padding: 0;
    border: 0;
}

ul
{
    margin: 20px 0;
    padding: 0;
}

li
{
    list-style: none;
    line-height: 1.75em;
    margin: 0;
    padding: 0 0 0 16px;
    background: transparent url(../images/bullet.gif) no-repeat center left;
}

/*
---------------------------------------------------------------------------------
	anchor <a> classes
---------------------------------------------------------------------------------
*/
a, a.visited
{
	color: #000;
	background: #transparent;
	text-decoration: none;
	border-bottom: 2px solid #B2C053;
}

a:hover, a.visited:hover
{
	color: #000;
	text-decoration: none;
	background: #B2C053;
}

/*
---------------------------------------------------------------------------------
	<div> and <span> classes
---------------------------------------------------------------------------------
*/
#wrap
{
    margin: 0 auto;
    padding: 0;
    width: 800px;
    background: #fff;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#header
{
    margin: 0;
	padding: 0;
}

body#home #header
{
    background: #fff url(../images/bg_header_ldw2.gif) no-repeat top right;
}

body#services #header
{
    background: #fff url(../images/bg_header_ldw4.gif) no-repeat top right;
}

body#blog #header
{
    background: #fff url(../images/bg_header_ldw1.gif) no-repeat top right;
}

body#contact #header
{
    background: #fff url(../images/bg_header_ldw3.gif) no-repeat top right;
}

body#login #header
{
    background: #fff url(../images/bg_header_ldw2.gif) no-repeat top right;
}

#header img
{
	margin: 0;
	padding: 0;
}

#header a
{
	margin: 0;
    padding: 0;
    text-decoration: none;
    border: 0;
}

#navMain
{
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
	background: #fff;
	font-size: 95%;
	width: 100%;
	border-top: 1px solid #000;
}

#navMain li
{
	float: left;
	margin: 0;
	padding: 0px;
	background-image: none;
}

#navMain li a, #navMain li a.visited
{
	display: block;
	float: left;
	margin: 0;
	padding: 4px 10px;
	font-weight: normal;
	font-size: 85%;
	font-family: Tahoma, arial, sans-serif;
	letter-spacing: .25em;
	color: #000;
	text-decoration: none;
	background: transparent;
	border: none;
	border-right: 1px solid #000;
	border-top: 5px solid #fff;
}

#navMain li a:hover
{
	color: #000;
	text-decoration: none;
	background: transparent;
	border-top: 5px solid #C6D367;
}

#navMain li a.activeLink
{
	color: #000;
	text-decoration: none;
	background: transparent;
	border-top: 5px solid #C6D367;
}

#content
{
    margin: 20px 0 0 0;
    padding: 0;
    background: #fff;
    float: left;
    width: 70%;
    line-height: 1.5em;
}

#content p
{
    margin: 18px 0;
    padding: 0;
	font-size: 90%;
}

#content p.collapsed
{
    margin: 0 0 20px 0;
    padding: 0;
	font-size: 90%;
}

#content-wrap
{
	margin: 0 30px 0 0;
	padding: 10px;
}

#sidebar
{
    margin: 0;
    padding: 0;
    float: right;
    width: 30%;
    background: #fff url(../images/side_bg_ldw2.gif) no-repeat top left;
}

.sidebox
{
    margin: 14px 0 14px 0;
    padding: 14px 0 0 0px;
    /* background: #fff url(../images/bg_sideAngle.gif) no-repeat top left; 
    border-left: 1px solid #ddd;
    border-bottom: 4px solid #999;*/
}

.sidebox h3
{
    margin: 0;
    padding: 6px 4px;
    font-family: Georgia, Arial, helvetica, Sans-Serif;
	font-size: 85%;
	color: #563F17; /* #FF7E2D; */
	/* background: #ddd url(../images/bg_sideH3.gif) repeat-x top left; */
	border-bottom: 1px solid #999;
}

.sidebox p
{
    margin: 0;
    padding: 14px 6px;
    font-size: 85%;
	line-height: 1.5em;
}

.sidebox ul
{
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.sidebox li
{
    margin: 0;
    padding: 6px;
    font-size: 85%;
    background-image: none;
}

#footer
{
    margin: 50px 0 0 0;
    padding: 10px;
    clear: both;
    background: #ddd;
    color: #000;
    font-size: 80%;
}

/* Hide from IE5/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE5/Mac */

.error
{
	color: Red;
}

.required
{
    color: #FF7E2D;
    font-weight: normal;
}

.smallText
{
    font-size: 80%;
    font-weight: normal;
    color: #aaa;
}

.callout
{
    font-size: 150%;
    font-weight: bold;
    color: #49841E;
    padding: 0 0 0 10px;
}

/*
---------------------------------------------------------------------------------
	button classes
---------------------------------------------------------------------------------
*/
.stdButton
{
	margin: 0;
	padding: 4px;
	color: #000;
	background: #eee;
	cursor: pointer; cursor: hand;
	font-family: Tahoma, Arial, helvetica, Sans-Serif;
	font-size: 85%;
	letter-spacing: .25em;
    width: 7.0em;
    border: 1px solid #000;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
}

/*
---------------------------------------------------------------------------------
	form control classes
---------------------------------------------------------------------------------
*/
.textboxAlphaX-Small, .textboxAlphaSmall, .textboxAlphaMed, .textboxAlphaLarge, 
.textboxAlphaX-Large,
.textboxNumX-Small, .textboxNumSmall, .textboxNumMed, .textboxNumLarge, 
.textboxNumX-Large,
.textboxMultiSmall, .textboxMultiMed, .textboxMultiLarge
{
	margin: 0;
	padding: 2px;
	font-size: 100%;
}

.textboxAlphaX-Small, .textboxAlphaSmall, .textboxAlphaMed, .textboxAlphaLarge, 
.textboxAlphaX-Large
{
	text-align: left;
}

.textboxNumX-Small, .textboxNumSmall, .textboxNumMed, .textboxNumLarge, 
.textboxNumX-Large
{
	text-align: right;
}

.textboxAlphaX-Small
{
	width: 2.0em;
}

.textboxAlphaSmall
{
	width: 4.0em;
}

.textboxAlphaMed
{
	width: 8.0em;
}

.textboxAlphaLarge
{
	width: 18.0em;
}

.textboxAlphaX-Large
{
	width: 32.0em;
}

.textboxNumX-Small
{
	width: 2.0em;
}

.textboxNumSmall
{
	width: 4.0em;
}

.textboxNumMed
{
	width: 8.0em;
}

.textboxNumLarge
{
	width: 16.0em;
}

.textboxNumX-Large
{
	width: 32.0em;
}

.textboxMultiSmall, .textboxMultiMed, .textboxMultiLarge
{
	text-align: left;
	height: 7.5em;
	font-size: 100%;
}

.textboxMultiSmall
{
	width: 20.0em;
}

.textboxMultiMed
{
	width: 30.0em;
}

.textboxMultiLarge
{
	width: 40.0em;
}

/* misc */
.contactLabel
{
    display: block;
    margin: 10px 0;
    font-size: 90%;
}

.nameMicro
{
    font-size: small;
    font-weight: bold;
    color: #FF7E2D;
}

.nameApp
{
    font-size: small;
    font-weight: bold;
    color: #000;
}

.nameSolutions
{
    font-size: small;
    font-weight: bold;
    color: #A0B22A;
}

/*
-----------------------------------------------------------------------------
 definition lists (services)
-----------------------------------------------------------------------------
*/
#problemSolutionList
{
    margin: 0;
    padding: 0;
}

#problemSolutionList dl
{
    margin: 0;
    padding: 0;
}

#problemSolutionList dt
{
    margin: 20px 0 0 0;
    padding: 10px;
    line-height: 1.5em;
    color: #000;
    /* background: #eee url(../images/corner_top_left_eee.gif) no-repeat top left; */
    border: 1px solid #ccc;
    border-bottom: none;
}

#problemSolutionList dd
{
    margin: 0;
    padding: 10px;
    line-height: 1.5em;
    color: #000;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff url(../images/bg_dl2.gif) repeat-x top left;
}

.listProblem
{
    font-weight: bold;
    color: #000;
}

.listSolution
{
    font-weight: bold;
    color: #A0B22A;
}






.serviceList
{
	float: left;
	margin: 20px 0;
	padding: 0;
	background: #fff;
	width: 45%;
}

.serviceExampleLink
{
    margin: 14px 0 0 0;
    padding: 0;
    background-image: none;
}




#methodFlow
{
    margin: 20px 0;
    float: left;
    width: 100%;
    /* background: transparent url(../images/bg_method.gif) repeat-x 0 50%; */
}

.clearFloat
{
    clear: both;
}

.methodBox
{
    margin: 4px 8px;
    padding: 0;
    width: 140px;
    float: left;
    background: #eee url(../images/corner_bottom_rt_eee.gif) no-repeat bottom right;
    /* #E4ECFA */
}

.methodBox h4
{
    margin: 0;
    padding: 4px 0 2px 0;
    font-size: 85%;
    text-align: center;
    color: #696969;
    border-bottom: 1px solid #696969;
    background: #eee url(../images/corner_top_left_eee.gif) no-repeat top left;
}

.methodBox ul
{
    margin: 4px 0;
    padding: 0;
}

.methodBox li
{
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    background-image: none;
    font-size: 80%;
    text-align: center;
}

.partnerImage
{
    margin: 0;
    padding: 0 0 6px 0;
    border: none;
    display: block;
}

a.imageLink, a.imageLink:hover
{
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: transparent;
}

a.featuredLink, a.featuredLink:hover
{
    margin: 0;
    padding: 0;
    border: 1px solid #000;
    text-decoration: none;
    background: transparent;
}