/* Neutralize styling: 
   Elements we want to clean out entirely
   and we reset the base font-size to 10px:
---------------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
html { 
    font-size: 100.01%; /* avoids obscure font-size bug */
    height: 100%;
    margin-bottom: 1px; /* avoid jumping scrollbars */
} 
body { 
    font-size: 62.5%; /* 10px ... 68.75%=11px 75%=12px  81.25%=13px  87.5%=14px*/
    height: 100%;
    text-align: center;
    background: #6579fe;
    margin-bottom: 0px;/* -25px? */
}
img {
	border: 0;
	position: relative;
}

/* Neutralize styling:
   Elements with a vertical margin:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {
        margin: 0 0 1em;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it:
---------------------------------------------------------------- */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: 
---------------------------------------------------------------- */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea, td {
        font-size: 100%;
}
.clearfix, .cls { /* use with a <br class="cls" /> to clear floats with no extra space*/
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}
.clear { clear: both; }

.clearer {
clear:both;
height:0;
line-height:0;
}


/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}

h1 {
	font-size: 218%;
	color: #4E5EC8;
	line-height: normal;
	margin-bottom: .1em;
}
h2 {
	font-size: 180%;
	color: #4E5EC8;
	margin-bottom: 0.05em;
	line-height: normal;
}
h3 {
	font-size: 120%;
	line-height: 100%;
	text-transform: none;
	color: #4E5EC8;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .05em;
}
h4 {
	font-size: 118%;
	margin: 0px;
}
h5 { font-size: 100%; font-weight: bold; }
h6 {
	font-size: 75%;
	font-weight: bold;
}

p, li { color: #777; }
p.caption { font-size: 86%; color: #555; }

a {
	color: #e88b00;
	overflow: hidden;
	text-decoration: none;
}

.allcaps {
	text-transform: uppercase;
}


/* Colors:
---------------------------------------------------------------- */
.yblue {
		background-color: #6478ff;
}

.yorange {
	background-color: #F39A29;
}

.ypurple {
		background-color: #a05aa0;
}

.yred {
		background-color: #b43c46;
}

.ygreen {
	background-color: #68C362;
}

.yltgray {
	background-color: #EEEEEE;
}

.ydkgray {
	background-color: #777777;
}

.ywhite {
	background-color: #FFFFFF;
}
.xblue {
		color: #6478ff;
}

.xorange {
	color: #F39A29;
}

.xpurple {
		color: #a05aa0;
}

.xred {
		color: #b43c46;
}

.xgreen {
		color: #68C362;
}

.xltgray {
	color: #FFFFFF;
}

.xdkgray {
	color: #777777;
}


/* Basic Layout:
---------------------------------------------------------------- */
/* this provides a way to set your width and build sticky footers */

#lead {
	width: 930px;
	text-align: right;
	font-size: 120%;
	color: #dcdcdc;
	background: transparent url(images/lead-bg.png) no-repeat bottom;
	height: 120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	line-height: 16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#logoLink {
	position: relative;
	top: 11px;
	left: 16px;
	width: 241px;
	height: 84px;
	float: left;
}

#logoLink a {
	text-decoration: none;
}

    #nav {
	position: relative;
	top: 0px;
	left: -30px;
	float: right;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
    }
        #nav a {
	color: #dcdcdc;
	text-decoration: none;
	padding: 0px;
	line-height: 14px;
        }
        #nav a:hover, #nav .active a {
            color: #ffffff;
        }
        #nav .active a { cursor: default; }
        #nav span { font-size: 150%; color: #99ccff;
 }
        #nav a.active { color: #ffffff }
#head {      padding: 0px;

		}

#wrap {
	width: 930px;
	text-align: left;
	font-size: 120%;
	background-color: transparent;
	background-image: url(images/tile.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#contentwrap {
	background: #EEE;
	width: 870px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#content {
    margin: 0 0 10px 0;
    padding: 0 8px 1em;
    clear: both;
}

#mainContent {
	width: 650px;
	height: 396px;
	float: left;
	font-size: 110%;
	line-height: 1.4;
	cursor:auto;
}

#mainContent p {
	font-size: 125%;
	line-height: 1.4;
	margin-bottom: .5em;
	padding-right: 30px;
}

#mainContent h1 {
	margin-bottom: .5em;
}

p#dropcap img {
	float: left;
	margin-right: 6px;
	padding-top: 4px;
}


.mainContentBar {
	height: 42px;
	color: #FFFFFF;
	font-size: 180%;
	font-weight: normal;
	line-height: 42px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	letter-spacing: -0.01em;
	margin: 0px;
	cursor:pointer;
	background-image: url(images/contentBar-42.jpg);
	background-repeat: no-repeat;
	background-position: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lead {
	text-transform: uppercase;

}

.follow {
	display: none;
	background-color: #F39A29;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	background-image: url(images/iPhone_GUI_arrow-icon.png);
	background-repeat: no-repeat;
	background-position: right;
}

.more {
	text-align: right;
	padding-right: 45px;
	text-transform: uppercase;
	background-image: url(images/iPhone_GUI_arrow-icon.png);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	margin-top: -42px;
}

.mainContentBlurb{
	height: 358px;
	color: #FFFFFF;
	font-size: 400%;
	font-weight: bold;
	line-height: normal;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 330px;
	background-image: url(images/mango-blurb-358d.jpg);
	background-position: left 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	letter-spacing: -0.02em;
}

.mainContentBlurb span{
	color: #F39A29;
}

.mainContentIntro{
	height: 132px;
	color: #777;
	font-size: 140%;
	font-weight: normal;
	line-height: 120%;
	padding-right: 9px;
	padding-left: 9px;
	width: 600px;
	margin-left: 32px;
	padding-top: 6px;
	padding-bottom: 0px;
	letter-spacing: -0.01em;
	/*display: none;*/
}

/* accordion.js styles:
---------------------------------------------------------------- */
/*    */
#indexAccordion {
	display: none;
}

.myaccordion { 
	padding: 0; 
	margin: 0; 
	float: left; 
	width: 100%; 
	}

.myaccordion div { 	
	height: 130px; 
	width: 600px;
	margin-left: 32px;
	padding: 6px 9px 0px 9px;
	background-color: #FFFFFF;
	background-image: url('images/bottomBox-gradation.jpg'); 
	background-repeat: repeat-x; 
	background-position: left bottom; 
}
.myaccordion p { 	
	color: #777777;
	font-size: 140%;
	font-weight: normal;
	line-height: 130%;
	letter-spacing: -0.01em;
}
.myaccordion h3 a {
	height: 42px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: 300;
	line-height: 42px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	letter-spacing: -0.01em;
	margin: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	text-decoration: none;
	display: block;
	background-image: url('images/contentBar-42-arrow-up.jpg');
	background-repeat: no-repeat; 
	background-position: center right; 
	background-color: #F39A29;
}

.myaccordion h3.selected a {
	background-image: url('images/contentBar-42-arrow-down.jpg');
	background-repeat: no-repeat; 
	background-position: center right; 
	background-color: #F39A29;
}


	/*    
body { font: 0.8em Arial, sans-serif; }
	.pageContent { width: 400px; }
	.accordion { list-style-type: none; padding: 0; margin: 0 0 30px; border: 1px solid #17a; border-top: none; border-left: none; }
	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { background: #3cf; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
	.accordion li.active>a { background: url('close.gif') no-repeat center right; }
	.accordion li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
	.accordion a { text-decoration: none; border-bottom: 1px solid #4df; font: bold 1.1em/2em Arial, sans-serif; color: #222; padding: 0 10px; display: block; cursor: pointer; background: url('open.gif') no-repeat center right;}
	
	/* Level 2 */
	/* .accordion li ul li { background: #7FD2FF; font-size: 0.9em; } 
 */

th.tableHead {
	text-transform: uppercase;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	color: #666666;
}

th.tableHead2 {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	color: #666666;
}
th.tableHead#title{
	color: #6478ff;
	}
	
#process td {
	padding: 0px;
	color: #FFFFFF;
	font-size: 140%;
	text-align: left;
	vertical-align: top;
	line-height: 115%;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat;
	cursor: pointer;
	font-weight: bold;
}

#process a {
	text-decoration: none;
}

	
#mmmLogo {
	position: relative;
	top: -5px;
	left: -10px;
	float: right; 															
	width: 200px;
}

#sidebar1 {
	width: 200px;
	float: right;
	font-size: 110%;
	line-height: 1.4;
	position: relative;
	top: -20px;
	margin-bottom: 0px;
	height: 270px;
}

#sidebar1 a {
	text-decoration: none;
}

#sidebarButtons a {
	text-decoration: none;
	color: #ffffff;
}

#sidebarButtons2 a {
	text-decoration: none;
	color: #ffffff;
}

/* process styles:
---------------------------------------------------------------- */
/*    */

#processSidebar {
	width: 200px;
	float: right;
	font-size: 110%;
	line-height: 1.4;
	margin-top: 28px;
	height: 268px;
	overflow: hidden;
	margin-bottom: 18px;
	position: relative;
	top: -5px;
}

.date {
	color: #777777;
	}

.processBox {
	background-repeat: no-repeat;
	overflow: hidden;
}

div .processText {
	opacity: 0.0;
	color: #000000;
	background-color: #FFFFFF;
	width: 162px;
	height: 106px;
	margin: 0px;
	padding: 9px;
	letter-spacing: -0.07em;
	background-image: url(images/1pxtr.gif);
}

#cc {
	background-image: url(images/ccButton.png);
}

#cl {
	background-image: url(images/clButton.png);
}

#cb {
	background-image: url(images/cbButton.png);
}

#dc {
	background-image: url(images/dcButton.png);
}

#dl {
	background-image: url(images/dlButton.png);
}

#db {
	background-image: url(images/dbButton.png);
}

#fc {
	background-image: url(images/fcButton.png);
}

#fl {
	background-image: url(images/flButton.png);
}

#fb {
	background-image: url(images/fbButton.png);
}

/* services styles:
---------------------------------------------------------------- */
/*    */

.galleryList {
	margin: 0px;
	padding: 9px;
}

.galleryList li {
	float:left;
	margin-right: 22px;
	margin-left: 0px;
	width: 68px;
	height: 100px;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 3px;
}

.thumbnail {
	width: 64px;
	height: 52px;
	margin: 9px;
	float: left;
	margin: 0px;
	display: inline-block;
	padding-left: 4px;
}

.thumbnailTitle {
	width: 64px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 90%;
	display: inline;
}

.thumbnailContainer {
	float:left;
	margin: 0px;
	width: 68px;
	height: 52px;
	}

.thumbnailWrapper {
	display:inline-block;
}

img .thumbnail {
	
}

h6 {
	text-decoration: none;
}


#aboutSidebar {
	width: 200px;
	float: right;
	font-size: 110%;
	line-height: 1.4;
	margin-top: 28px;
	height: 224px;
	overflow: hidden;
	margin-bottom: 18px;
	position: relative;
	top: -5px;
}




.inset {
	padding: 9px;
	display: inline;
}

#foot {
	background: transparent url(images/foot-bg.png) no-repeat;
	width: 930px;
	padding: 0px;
	text-align: right;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	color: #dcdcdc;
}
#foot p {
	color: #dcdcdc;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}#foot a {
    color: #777;
    text-decoration: none;
}
#foot a:hover {
    color: #444;
}
#footer {
	padding: 0px;
	margin: 0px;
	color: #dcdcdc;
	width: 900px;
	top: 20px;
	position: relative;
	left: 15px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

 /* from screen.css in jquery.accorion.js. */

.label { background: #FFCC33; padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form { padding: 20px 20px 10px; background: #E0F4F8; width: 580px; overflow: hidden; }
.form p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form .w span { padding: 0 0 5px; float:left; }
.form .input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 16px/20px Helvetiva, Arial, sans-serif; }
.form .w label { padding:0; }

#sidebarButtons {
	vertical-align: bottom;
	background-color: #eeeeee;
	height: 126px;
	float: right;
	width: 200px;
}

#sidebarButtons2 {
	vertical-align: bottom;
	background-color: #eeeeee;
	height: 84px;
	float: right;
	width: 200px;
	margin-bottom: -2px;
}

.sidebarButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 135%;
	color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0px;
	height: 42px;
	width: 200px;
	float: right;
	text-align: center;
	line-height: 240%;
	padding: 0px;
	font-weight: normal;
	border-bottom-color: #eeeeee;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#processButton {
	background-image: url(images/sidebar-button-os.jpg);
}
#serviceButton {
	background-image: url(images/sidebar-button-bs.jpg);
}
#contactButton {
	background-image: url(images/sidebar-button-gs.jpg);
}