/* Learn More Cascading Style Sheet */

/*--- MAIN STYLE ELEMENTS ---*/

html {
	overflow-y: scroll;
}

body {
	font-family: Lucida Sans, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-color: #000000;
}

#main_wrapper {
	width: 775px;
	height: auto;	
	overflow: auto;
	min-height: 200px;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_bg.png);
	background-repeat: repeat-y;
}

#banner {
	width: 775px;
	height: 155px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_banner.png);
	background-repeat: no-repeat;
}

#content_wrapper {
	width: 775px;
	height: auto;	
	min-height: 200px;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_bg.png);
	background-repeat: repeat-y;
}

.clear { 
	clear: both; 
	height: 0px; 
	line-height: 0px; 
	font-size: 0px;
}

/*--- SIDE MENU ---*/

#side_menu {
	width: 170px;
	height: auto;
	min-height: 200px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-color: #361D16;	
}

#logo {
	width: 154px;
	height: 219px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_merlin_seal.png);
	background-repeat: no-repeat;
}

#logo_space {
	width: 16px;
	height: 219px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
}

#splash_side {
	width: 170px;
	height: 331px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_side_cards.png);
	background-repeat: no-repeat;	
}

#cs_side_01 {
	width: 170px;
	height: 86px;
	float: left;
	border: 0px; 
	padding: 0px;
	background-color: #361D16;
	background-image: url(images/ioil_cs_side_01.png);
	background-repeat: no-repeat;
}

#cs_side_02 {
	width: 170px;
	height: 71px;
	top: inherit;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-color: #361D16;
	background-image: url(images/ioil_cs_side_02.png);
	background-repeat: no-repeat;
}

#cs_side_03 {
	width: 170px;
	height: 84px;
	top: inherit;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-color: #361D16;
	background-image: url(images/ioil_cs_side_03.png);
	background-repeat: no-repeat;
}

#cs_side_fake {
	width: 170px;
	height: 1px;
	top: inherit;
	float: left;
	margin-left: -3px;
	border: 0px; 
	padding: 0px;
	background-color: #361D16;
}

/*--- CONTENT ---*/

#main_content {
	width: 605px;
	height: auto;
	overflow: auto;
	min-height: 200px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;	
	background-color: #FFFFFF;
}

#splash {
	width: 261px;
	height: 219px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_home_cards.png);
	background-repeat: no-repeat;	
}

#cs_home_01 {
	width: 344px;
	height: 79px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_cs_home_01.png);
	background-repeat: no-repeat;
}


#cs_home_02 {
	width: 344px;
	height: 69px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_cs_home_02.png);
	background-repeat: no-repeat;
}

#cs_home_03 {
	width: 338px;
	height: 71px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_cs_home_03.png);
	background-repeat: no-repeat;
}

.header {
	width: 605px;
	height: 138px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
}

#main_text {
	width: 565px;
	height: auto;
	float: left;
	margin: 0px;
	border: 0px; 
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	text-align: left;
	line-height: 2;
	font-family: Lucida Sans, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #361D16;
	background-color: #FFFFFF;
}

#study1_icon {
	width: 273px;
	height: 123px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_study1_icon.png);
	background-repeat: no-repeat;	
}

#study2_icon {
	width: 273px;
	height: 123px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_study2_icon.png);
	background-repeat: no-repeat;	
}

#smartfeed_icon {
	width: 292px;
	height: 123px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/learnmore_smartfeed_icon.png);
	background-repeat: no-repeat;	
}

#drip_icon {
	width: 273px;
	height: 152px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/learnmore_drip_icon.png);
	background-repeat: no-repeat;
}

#smartstring_icon {
	width: 292px;
	height: 152px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_smartstring_icon.png);
	background-repeat: no-repeat;
}


/*--- FOOTER ---*/

#footer {
	width: 775px;
	height: auto;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-color: #F8BD57;
}

#footer_img {
	width: 249px;
	height: 201px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_what.png);
	background-repeat: no-repeat;
}

#interest {	
	width: 526px;
	height: 201px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
}

#rfid101 {
	width: 266px;
	height: 107px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_rfid101.png);
	background-repeat: no-repeat;
}

#drilling {
	width: 260px;
	height: 107px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_drilling.png);
	background-repeat: no-repeat;
}

#pipeline {
	width: 266px;
	height: 94px;
	float: left;
	margin: 0px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_pipeline.png);
	background-repeat: no-repeat;
}

#assets {
	width: 260px;
	height: 94px;
	float: left;
	margin: -3px;
	border: 0px; 
	padding: 0px;
	background-image: url(images/ioil_assets.png);
	background-repeat: no-repeat;
}