/*
#####################################
# MI-Store Master Screen Stylesheet
#####################################

Version 1.01
Created: 10/10/07
Last Edited: 13/01/08 - Joseph Cohen

-------------------

1. Master Structures
2. Page Layouts
 - 1. Home
 - 2. Products
3. Navigation
4. Footers

-------------------

#####################################
# 1.0 Master Structures
#####################################
*/
* {

}
html, body {
	height: 100%; 
	font-size: medium;
}
body {
	color: #000;
	background: #7064b6;
	font: 0.70em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
img {
	border: 0; 
}
#container-page {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	width: 100%;
	text-align: center;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}
#container-head {
  	text-align: right;
	width: 720px;
	height: 55px;
	margin: 0 auto;
	padding: 0;
}
.mainTable {
	top: 20px;
	right: 0;
	height: 24px;
	position: relative;
	margin: 0;
	padding: 0;
}
#divide {
	width:100%;
	height: 20px;
	background: transparent url(../images/mid_bg.gif) repeat-x 0 0;
	top: 55px;
	margin: 0;
	padding: 0;
}
.clearfloat {
	clear:both;
	line-height:1px;
	font-size:1px;
}

/*
#####################################
# 1.0 Master Structures
#####################################
*/

#container-content {
	padding: 0 0 241px 0;
	width: 720px;
	margin: 0 auto;
	top: 75px;
}
#container-content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#leftContent {
	width: 86px;
	height:250px;
	margin: 0;
	padding: 0;
}
/*
#####################################
# 3.0 Navigation
#####################################
*/
#leftMenu {
	width: 105px;
	float: left;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}
* html body #leftMenu {
	margin: 5px 0 0;
}
#leftMenu ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#leftMenu ul li {
	margin: 3px 0 3px;
	width: 105px;
	height: 12px;
	padding: 0;
}

#leftMenu ul li a {
	float: left;
	text-decoration: none;
	border: 0px;
	text-indent: -1000em;
	font-size: 0.1em;
	height: 12px;
}

#leftMenuBot {
	width: 105px;
	height: 23px;
	margin: 177px 0 0;
	background: #33f;
}

#navHome { background: url(../images/b1.gif) no-repeat 0 0; }
#navProducts { background: url(../images/b2.gif) no-repeat 0 0; }
#navWorks { background: url(../images/b3.gif) no-repeat 0 0; }
#navCase { background: url(../images/b4.gif) no-repeat 0 0; }
#navQuote { background: url(../images/b5.gif) no-repeat 0 0; }
#navAbout { background: url(../images/b6.gif) no-repeat 0 0; }
#navContact { background: url(../images/b7.gif) no-repeat 0 0; }

#navHome a { width: 105px; height: 12px; }
#navProducts a { width: 105px; height: 12px; }
#navWorks a { width: 105px; height: 12px; }
#navCase a { width: 105px; height: 12px; }
#navQuote a { width: 105px; height: 12px; }
#navAbout a { width: 105px; height: 12px; }
#navContact a { width: 105px; height: 12px; }

#navHome.active a { background: url(../images/b1.gif) no-repeat -105px 0; }
#navProducts.active a { background: url(../images/b2.gif) no-repeat -105px 0; }
#navWorks.active a { background: url(../images/b3.gif) no-repeat -105px 0; }
#navCase.active a { background: url(../images/b4.gif) no-repeat -105px 0; }
#navQuote.active a { background: url(../images/b5.gif) no-repeat -105px 0; }
#navAbout.active a { background: url(../images/b6.gif) no-repeat -105px 0; }
#navContact.active a { background: url(../images/b7.gif) no-repeat -105px 0; }
/*
#####################################
# 3.0 Navigation
#####################################
*/
#container-foot {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 231px;
	left: 0;
	right: 0;
	width: 100%;
	background: #7064b6 none;
}

#footTop {
	top: 0;
	height: 110px;
	width: 100%;
	left: 0;
	right: 0;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#footBottom {
	height: 121px;
	background-image: url(../images/bg_bot.gif);
	background-repeat: repeat;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.footContent {
	width: 720px;
	margin: 0 auto;
	padding: 0;
}
.footAlign {
	margin: 0 0 0 100px;
	float: left;
	width: 273px;
	padding: 0;
}
.footAlignRight {
	float: right;
	width: 220px;
}

.featContainer {
	width: 570px;
	top: 135px;
	margin: 10px  18px 10px 10px;
}
.topFeat {
	top: 0;
	width: 570px;
	height: 20px;
	text-align: left;
}
.bottomFeat {
	bottom: 0;
	width: 570px;
	display: none;
}
.bulletFeat {
	width: 570px;
	height: 434px;
	background-color: #f4f4f4;
	margin-top: 10px;
}
#colWrapper {
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	border:0;
	width: 550px;
}
/*
#
*/
#topInternalDivide {
	height: 30px;
	width: 600px;
	background: url(../images/divide.gif) no-repeat 0 0;
}

#col-a {
	float: left;
	width: 180px;
}

#col-b {
	float: right;
	width: 170px;
}

#col-c { 
	float: left;
	width: 32%;
	margin-left: 10px;
}

.topFeat ul {
	list-style: none;
	display: inline;

}

.featIntContent{
	width: 570px;
	float: left;
	margin: 5px 0 5px 0;
	text-align: left;
}
.featIntContent2{
	width: 432px;
	float: left;
	margin: 5px 0 5px 0;
	text-align: left;
}
.caseLeft {
	width: 383px;
	float: left;
	text-align: left;
	margin: 20px 0 20px 0;
}

.bottomTogFeat {
	text-align: left;
	margin: 100px 0 0 100px;
	width: 570px;
}
.floatImgRight {
	float: right;
	padding: 10px 0 5px 15px;
}

.topFeat ul li {
	margin: 0;
	padding: 0 23px 0 0;
	border: 0;
	display: inline;
	height: 20px;
}
.imgColLeft {
	float: left;
	margin-left: 8px;
	width: 282px;

}
.imgColRight {
	float: right;
	width: 282px;
	margin-right: 18px;
}
.imgContainer {
	width: 282px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.capContainer {
	width: 282px;
	height: 20px;
	margin-bottom: 5px;
}
.contactContentLeft {
	text-align: left;
	float: left;
	margin-right 5%;
	width: 45%;
}
.contactContentRight {
	text-align: left;
	float: right;
	margin-right 5%;
	width: 45%;
}