/*----------------------------------------
Name: core.css | Version: 4
Developed by: Mark Joseph Rivera
Date Created: May 2, 2010
Copyright: 2010 @ Dog and Rooster
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("navigation.css");

/* Core Elements
----------------------------------------*/

/*Display Block Container*/
figure, header, section, footer, article, aside, nav { display:block; text-align:left; }

body 			{
	width:100%;
	font:normal 13px/17px Arial;
	background-image: url(../images/bg.jpg); background-repeat:repeat-x; background-color:#c8dedc;
}
figure 		{ width:930px; min-height:500px; margin:10px auto; }

header, section, footer
					{ clear:both; float:left; width:930px; }

header 		{
	position:relative;
	background:#FFF url(../images/top_frame.jpg) no-repeat top left;
	height:110px;
	z-index:10;
	color: #006699;
}
section		{ position:relative; background:#FFF; z-index:0; }
footer		{ position:relative; background:url(../images/bottom_frame_grey.jpg) no-repeat top left; color:#82817b; height:50px; padding-top:25px; }

article		{ }
aside			{ }
nav				{ position:absolute; top:0; right:0; width:628px; height:35px; }


/*Infield Validator*/
.vanadium-advice 	{ display:block; white-space:normal; color:#A40; }
.process_info 		{ display:block; font:normal 15px Helvetica, Arial, sans-serif; color:#FFF; line-height:16px; padding:10px; }


/*Contents*/
footer a { color:#fff; text-decoration:none; }
footer.page { background:url(../images/bottom_frame_white.jpg) no-repeat top left!important; }

header h1 { background:url(../images/msi_logo.jpg) no-repeat; width:292px; height:100px; margin:10px 0 0 10px; }
header h1 a { display:block; width:292px; height:100px; }
header .msi_badge { position:absolute; top:50px; right:330px; background:url(../images/msi_badge.jpg) no-repeat; width:225px; height:50px; }
header .calculator { position:absolute; top:50px; right:70px; background:url(../images/cost_calculator.jpg) no-repeat; width:180px; height:50px;  }
header .calculator a { display:block; width:180px; height:50px;  }

#slider { width:905px; margin:5px auto; }

#introduction {
	background:#F3F3F3;
	width:910px;
	padding:20px 10px 20px 10px;
	display: table-column-group;
	font-family: Calibri, sans-serif;
	font-style: normal;
	font-size: 13px;
}
#introduction ul {
	float:left;
	list-style:none;
	width:660px;
	font-stretch: normal;
	color: #485e69;
	word-spacing: normal;
}
#introduction ul li { float:left; width:210px; padding-right:10px; }
#introduction ul li img { clear:left; float:left; margin:0 10px 10px 0; }
#introduction ul li h3 { font-size:15px; }
#introduction aside {
	background:url(../images/side_information.jpg) no-repeat;
	width:230px;
	height:190px;
	margin:-10px 0 0 10px;
	color: #fff;
}
#introduction aside ul { color:#FFF; list-style:none; width:220px; margin:7px 5px 0 5px; }
#introduction aside ul li {
	position:relative;
	display:block;
	font-size:18px;
	width:210px;
	height:73px;
	padding:5px;
	color: #fff;
}
#introduction aside ul li.request {
	height:86px!important;
	margin-bottom:1px;
	color: #fff;
	font-size: 18px;
}
#introduction aside ul p {
	font-size:18px;
	line-height:14px;
	margin-top:5px;
	color: #FFFFFF;
}
#introduction aside ul a { position:absolute; bottom:5px; right:5px; background:#FFF; font-size:11px; padding:2px 4px; }

#iso_consultants { background:#F3F3F3; width:910px; padding:20px 10px 20px 10px; display: table-column-group; }
#iso_consultants ul li { float:left; width:310px; padding-right:10px; }
#iso_consultants h1 {
	font-size:18px;
	font-weight:normal;
	line-height:normal;
	margin:0px 0 2px;
	padding:0px 0px 0px 0px;
	font-family: Calibri, sans-serif;
}
#iso_consultants h2 {
	font-size:18px;
	font-weight:lighter;
	line-height:normal;
	margin:5px 0 2px;
	padding:0px 0px 0px 0px;
	font-family: Calibri, sans-serif;
}

#subheader { position:relative; background:url(../images/sub_header.jpg) no-repeat; width:930px; height:120px; }

#events { float:left; width:280px; padding:10px; }
#events ul { background:#6b8b9a; list-style:none; width:260px; padding:2px; }
#events li { position:relative; background:#c6d1d8; color:#000; width:240px; margin-bottom:2px; padding:10px; border:solid 1px #FFF; }
#events li p { font-size:12px; line-height:14px; margin-top:5px; margin-bottom:25px; }
#events li a { position:absolute; bottom:5px; right:5px; background:#FFF; font-size:11px; padding:2px 4px; }
#events li dt { font-weight:bold; margin-top:10px; margin-bottom:5px; }
#events li dd { padding-left:10px; }

#page { width:600px; padding:10px 20px 20px 0; }

#page ul, #page ol { line-height:18px; margin:10px 0; }
#page ul li { list-style:disc; margin-left:25px; }
#page ol li { list-style:decimal; margin-left:25px; }
#page ol li li { list-style:disc }

#page h1 { font-size:21px; color:#02543d; font-weight:normal; margin-top:0px; }
#page h3 { font-size:22px; color:#02543d; }
#page h4 { font-size:15px; color:#02543d; }

.sortable { font-size:12px; width:100%; border:solid 1px #999; margin:10px 0; }
.sortable thead td { background:#e6eeee; font-weight:bold; text-align:center; padding:5px; border:solid 1px #999;  }
.sortable tbody td { background:#fff; padding:5px; border:solid 1px #999; }
.sortable tbody td p { display:block; margin:10px 0 0; }
.sortable tbody td strong { display:block; color:#18497b; margin:0; padding:0; }
.sortable tbody td a { display:block; color:#666; text-decoration:none; }
.sortable tbody td a:hover { color:#49987e; }
.sortable tbody td .red { font-size:10px; color:#A30; }

.iso_topics { font-size:12px; width:100%; border:solid 1px #999; }
.iso_topics td { padding:5px; }

.multiform { float:left; width:600px; }
.multiform dl { position:relative; margin-bottom:20px; }
.multiform dl dt { clear:both; display:block; padding:5px 0 5px 5px; }
.multiform dl dd { clear:both; float:left; padding:5px 0 5px 5px; }
.multiform dl dt:hover, .multiform dl dd:hover { background:#F3F3F3; }
.multiform dl.submission dt:hover, .multiform dl dd:hover { background:none; }

.multiform dl ul, .multiform dl ol { margin:0!important; }
.multiform dl dd ol { float:left; width:275px; }
.multiform dl ul li { float:left; display:inline; list-style:none!important; margin:0 10px 0 0!important; }
.multiform dl ol li { display:block; list-style:none!important; margin-left:0!important; margin-bottom:3px;  }

.multiform dl label { display:block; font-size:12px; font-weight:bold; margin-bottom:0; }
.multiform dl input[type="text"] { width:auto; padding:3px 5px; }
.multiform dl input[type="file"] { width:auto; padding:3px 5px; }
.multiform dl input[type="checkbox"] { position:relative; top:1px; *top:0; }
.multiform dl input[type="radio"] { position:relative; top:2px; *top:0; }
.multiform dl select { width:310px; padding:5px; }
.multiform dl textarea { width:400px; height:75px; padding:3px 5px; overflow:hidden; }

.featureclient { width:100%; }
.featureclient q { clear:left; color:#005334; font-weight:bold; }