/*-----------------------------------------------------------------------------
Icefield Instruments Inc.
Floated 2 Column Fixed Width 860px (Main Content Left)

version:   1.0
date: October 8, 2009
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
	background: #f5f7f6 url(../images/body-bg-2.gif) repeat-x;
    color:#3a3a3a;
}

html {
	overflow-y:scroll; /* Prevents IE8 Scroll Bar Jump 8 */
}

#wrapper {
	background-color: #fff;
}


/* Common Styles
================================= */

h1 {
  font-size: 2.4em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif; 
  margin-bottom: .5em;   
}

h3 {
  font-size: 1.6em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: .5em;   
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.image-space-bottom {
	margin-bottom: 15px;
}

.emphasis-red {
	color: #7a2a24;
	font-weight: bold;
}

.emphasis-light-green {
color: #beac4f;
font-weight: bold;
}

.less-space {
	margin-bottom: .1em;
}

/* Branding
================================= */

/* #branding {
 	position: relative;
 	z-index:500;
  	height: 100px;
   background-color:#071f4b;
} */

#branding {
  position: relative;
  z-index:500;
   height: 100px;
   background: #f5f7f6 url(../images/body-bg-2.gif) repeat-x;
}


.position-logo {
	position: absolute;
	top: 13px;
	left: 0px;
}

.position-tagline {
	position: absolute;
	top: 10px;
	left: 483px;
}

.position-telephone {
	position: absolute;
	top: 40px;
	left: 490px;
	z-index: 200;
}

.position-email {
	position: absolute;
	top: 40px;
	left: 640px;
	z-index: 200;
}

/* Start Main Navigation */

/* #cssmenu {
	position:absolute; 
	top:69px; 
	left:0; 
	font:normal 12px arial; 
	width: 860px;
} */

#cssmenu {
	position:absolute; 
	top:69px; 
	left:0; 
	font:normal 12px arial; 
	width: 860px; 
	height:31px; 
	background:#808285;
}

#cssmenu ul {
	margin:0; 
	padding:0; 
	list-style:none;
}

#cssmenu ul li {
	float:left; 
	position:relative;
}

#cssmenu ul li a {
	display:block; 
	float:left; 
	background:#808285; 
	color:#fff; 
	padding:8px 48px; 
	border-right:1px solid #cccccc; 
	text-decoration:none;
}

#cssmenu ul li a.last {
	border:0; 
	padding:8px 51px;
}

#cssmenu ul li a.sub {
	background:#808285 url(../images/down.gif) no-repeat 90% center;
}

#cssmenu ul li a:hover {
	background-color:black;
}

#cssmenu ul li:hover > a {
	background-color:black;
}

#cssmenu ul ul {
	position: absolute; 
	left:-9999px;
}

#cssmenu table {
	margin:0; 
	width:0; 
	border-collapse:collapse; 
	position:absolute; 
	left:0; 
	top:0;
}

#cssmenu table td {
	padding:0;
}
#cssmenu ul :hover ul {
	left:0; 
	top:31px;
}

#cssmenu ul ul li a {
font: normal 11px arial; 
width:160px; 
padding:5px 5px 5px 10px; 
margin:0; 
border:0;
}

/* End Main Navigation */

/* Main Message
================================= */

#mainMessage {
	position: relative;
	height: 225px;
	background: url(../images/main-message-bg.gif) repeat-x;
}

.position-main-message {
	position: absolute;
	top: 0;
	left: 20px;
}

.position-business-person {
	position: absolute;
	top: 17px;
	left: 510px;
}

.position-green-button {
	position: absolute;
	top: 165px;
	left: 45px;
}

.position-orange-button {
	position: absolute;
	top: 165px;
	left: 250px;
}

/* Primary Content
================================= */

#primaryContent {
  	background-color: #fff;
	position: relative;
}

#primaryContent a {
	color: #456cb1;
}

#primaryContent a:hover {
	color: #456cb1;
	text-decoration: none;
}

#primaryContent ul {
list-style: square;
}

#primaryContent li li {
	list-style: circle;
}

#primaryContent li li li {
	list-style: disc;
}

/* Secondary Content
================================= */

#secondaryContent {
 	background-color: #fff;
}

#secondaryContent a {
	color: #456cb1;
}

#secondaryContent a:hover {
	color: #456cb1;
	text-decoration: none;
}

#secondaryContent ul {
	list-style: square;
}

.position-call-to-action-sub-page {
	margin-left: 30px;
}

.position-sprocket-subpage {
	margin-left: 100px;
}

/* Start Content Containers in Left Side Bar */

.float_left {
float:left;
}

.float_right {
float:right;
}

/* Adjust this width to fit your needs */
.containersidebar {
width:238px;
padding-left: 30px;
margin-bottom: 20px;
}

.container_head {
height:30px;
background-image:url(../images/sidebar_center.jpg);
}

/* To Center align the title add: text-align:center; */
.container_head_text {
height:23px;
padding:5px 0 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
/* color:#666666; */
font-size:17px;
font-weight:normal;
}

.container_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
/* color:#666666; */
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: none solid solid solid;
border-color: #E7E7E7;
}

/* End Content Containers in Left Side Bar */


/* Footer Styling
================================= */

#footer {
  	background-color: #f5f7f6; 
}

#footer p {
	margin: 0;
	padding: 10px 0 10px 0px;
	background-color: 	#f5f7f6; /* Hack for IE6 */
}

#footer ul {
	margin: 0;
	padding: 10px 0 10px 0px;
	list-style-type: none;
	background-color: 	#f5f7f6; /* Hack for IE6 */
}

#footer li {
	display: inline;
	padding-right: 10px;
}

#footer a {
	color: #0c3569;
	text-decoration: none;
}

#footer a:hover {
	color: #0c3569;
	text-decoration: underline;
}


/* Start Home Page One-Column Layout 
================================= */

#oneColLayout #primaryContent {
	width: 860px;
}

#oneColLayout #primaryContent h2 {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}

#oneColLayout #primaryContent ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#oneColLayout #primaryContent li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#oneColLayout #primaryContent a {
	text-decoration: none;
	font-size: 16px;
	color: #808285;
}

#oneColLayout #primaryContent a:hover {
	text-decoration: none;
	color: #0c3569;
}

/* Start Boxes on Home Page */

#boxes {
	position: relative;
}

.position-person {
	position: absolute;
	top: 20px;
	left: 455px;
}

.position-sprocket {
	position: absolute;
	top: 20px;
	left: 60px;
}

.boxleft {
	width: 35%;
	float: left;
	margin-bottom: 20px;
	padding-left: 120px;
}

.boxright {
	width: 35%;
	float: right;
	margin-bottom: 20px;
	padding-right: 50px;
}

/* End Boxes on Home Page */

/* Layout Core Technique
================================= */

body {
 	text-align: center; 
}

#wrapper {
  	width: 860px; 
  	margin: 0 auto; 
  	text-align: left; 
}


#primaryContent { 
  	width: 560px;
  	float: right; 
}

#secondaryContent { 
  	width: 270px; 
  	float: left; 
} 

#footer { 
  	clear: both;
} 

.subpage  {
background: #f5f7f6 url(../images/body-bg-3.gif) repeat-x;
}

/* Layout Padding 
================================== */

#primaryContent {
  	padding-top: 20px;
}

#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent p, #primaryContent ul, #primaryContent img {
	padding-left: 0px;
	padding-right: 30px;
}

#secondaryContent {
  	padding-top: 20px;
}

#secondaryContent h1, #secondaryContent h2, #secondaryContent h3, #secondaryContent p {
	padding-left: 30px; 
	padding-right: 0px;
}

#secondaryContent ul {
	padding-left: 28px;
}


#footer {
  	padding-top: 5px;
  	padding-bottom: 5px;
}