/* Dry Ice Corporation CSS screen document */

/* [ Globals ] */

* {
	margin: 0;
	padding: 0;
}

body {
	/* center website for IE */
	text-align: center;
	padding: 15px 0px;
	/* Fonts */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/MAIN-BG.jpg) top repeat-x fixed #A5C0FF;
}

p {
	margin: 0px 0px 10px 0px;
}

img {
	border: 0;
	/* Fixes extra space under images due to strict DTD */
	margin-bottom: -3px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	text-align: left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
}

a {
	color: #3366CC;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #000000;
}

hr {
	margin: 10px 0px;
}

ul {
	margin: 0px 0px 10px 0px;
}

span.sub {
	vertical-align: sub !important;
	font-size: smaller;
}

/* [ Class Library ] */

span.moreLink {
	margin: 10px 0px;
	display: block;
}

.imgLeft {
	float: left;
	margin: 3px 10px 10px 0px;
	border: 1px solid #000000;
}

.imgRight {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #000000;
}

/* [ Wrapper ] */

#wrapper {
	/* Center Website */
	margin: 0 auto;
	width: 757px;
	position: relative;
}

/* [ Border ] */

#border {
	border: 3px solid #000000;
	float: left;
	position: relative;
}

/* [ Header ] */

#header {
	display: block;
	text-align: left;
	background: url(../images/headerBG.jpg) top right no-repeat;
}

#headerBanner {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 5px 0px 0px;
}

/* [ Body ] */

#sideColumn {
	width: 194px;
	float: left;
	position: relative;
	background: #033DC5;
	z-index: 20;
}

#newsList li a {
	color: #FFFFFF;
}

#newsList li {
	list-style: inside;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin: 0px 10px 5px 10px;
}

#locationList li {
	list-style: inside;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin: 0px 10px 5px 10px;
}

#locationList li a {
	color: #FFFFFF;
}

/* Quote */

#sideColumnContent {
	padding: 10px;
}

#sideColumnContent h1 {
	margin: 50px 0px 10px 0px;
}

#sideColumnContent h2 {
	margin: 30px 0px 10px 0px;
}

#flashPresentation {
	float: right;
	position: relative;
	background: #2345B3;
}

#green {
	float: left;
	position: relative;
	text-align:left;
	background-color:#FFFFFF;
	padding:10px;
	list-style: outside;
	margin: 0px 0px 0px 10px;
	width:500px;
}

/* [ Main Navigation Menu ] */

#mainNavigation {

}

#nav, #nav ul { /* all lists */
	list-style: none;
	float: left;
}
	
#nav li { /* all list items */
	list-style: none !important;
	position: relative;
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin-left: 194px;
	margin-top: -28px;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/arrowRt.gif) 8px no-repeat;
	width: 154px;
	padding: 8px 10px 5px 30px;
	text-align: left;
}

#nav li ul li a { /* [ Second Level Links ] */
	text-align: left;
	background: url(../images/arrowRt.gif) 8px no-repeat #033DC5;
	width: 154px;
	border-bottom: 1px solid #FFFFFF;
}

#nav li a:hover {
	background: url(../images/arrowRt.gif) 8px no-repeat #CA1212;
}

#nav li a:active {
	background: url(../images/arrowRt.gif) 8px no-repeat #CA1212;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* [ MAK's Sticky Nav ] */

#home .home,
#applications .applications,
#branches .branches,
#about .about,
#contact .contact,
#productSelection .productSelection,
#emergencyServices .emergencyServices,
#brochures .brochures,
#purchase .purchase,
#weatherAlerts .weatherAlerts,
#links .links
{
	background: url(../images/arrowRt.gif) 8px no-repeat #CA1212;
}

/* [ Main Content Area ] */

#mainBody {
	position: relative;
	background: url(../images/homeColBG.jpg) top repeat-y #FFFFFF;
	float: right;
	width: 555px;
}

#mainBodySub {
	position: relative;
	background: #FFFFFF;
	float: right;
	width: 517px;
	text-align: left;
	padding: 10px 20px;
}

#bodyHeader {
	background: #CA1212;
	position: relative;
	float: left;
	width: 517px;
	padding: 10px 20px;
}

#mainBodySub h2 {
	font-size: 16px;
	color: #000066;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #000066;
	font-style: normal;
	letter-spacing: 0px;
	clear: both;
}

#mainBodySub h3 {
	font-size: 14px;
	color: #000066;
	margin: 0px 0px 10px 0px;
	font-style: italic;
	clear: both;
	text-align: center;
}

#mainBodySub h4 {
	font-size: 14px;
	color: #000066;
	margin: 0px 0px 10px 0px;
	font-style: italic;
}

#mainBodySub h5 {
	font-size: 14px;
	color: #000066;
	margin: 0px 0px 10px 0px;
	font-style: italic;
	clear: both;
}

#bodyHeader h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-style: normal;
	letter-spacing: -1px;
	text-align: right;
}

#bodyContainer {
	position: relative;
	width: 751px;
	background: #FFFFFF;
	float: left;
}

#mainContentArea {
	width: 557px;
}

#homeColOne, #homeColTwo, #homeColThree {
	text-align: left;
	float: left;
	padding: 15px;
}

#homeColOne li, #homeColTwo li, #homeColThree li {
	list-style: outside;
	margin: 0px 0px 0px 15px;
}

#homeColOne {
	width: 151px;
}

#homeColTwo {
	width: 154px;
}

#homeColThree {
	float: right;
	width: 161px;
}

/* [ Footer ] */

#footer {
	float: left;
	width: 751px;
	background: url(../images/dividerBar.jpg) top left no-repeat #FFFFFF;
	margin-bottom: -3px;
	text-align: center;
}

#footer ul {
	width: 700px;
	margin: 0px auto 10px auto;
}

#footer li {
	list-style: none;
	display: inline;
	margin: 0px 10px 0px 0px;
}

#footer p {
	margin: 30px 0px 10px;
}

/* [ Branches Table ] */

#branchesTable td {
	vertical-align: top;
	padding: 10px;
}

/* [ Applications List ] */

#mainBodySub ul li {
	list-style: outside;
	margin: 0px 0px 0px 15px;
}

.applicationList {
	margin: 0px 0px 15px 0px;
}

/* [ Contact Form ] */

#quickContact {
	width: 483px;
	float: right;
	margin: 10px auto;
	border: 1px dashed #000066;
	padding: 10px;
	background: #FFFFFF;
}

/* [ Downlaod Bar ] */

.downloadBar {
	padding: 6px 0px;
	text-align: center;
	border: 1px solid #000066;
	margin: 10px 0px;
}

.downloadBar2 {
	clear: both;
	padding: 6px 10px;
	text-align: left;
	border: 1px dashed #000066;
	margin: 10px 0px;
}

.downloadBar p, .downloadBar2 p {
	margin: 0;
}

/* [ Distributors Table ] */

#distributorsTable {
	margin: 0px 0px 10px 0px;
	border: 1px solid #000066;
}

#distributorsTable th {
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px;
	border-bottom: 1px solid #000066;
	background: #EAEAEA;
}

#distributorsTable td {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
	border-bottom: 1px solid #000066;
}

/* [ Left Ad Content ] */

.leftAd {
	text-align: left;
	color: #FFFFFF;
	padding: 10px;
	margin: 10px 0px;
}

.leftAd a {
	color: #FFFFFF;
}

/* [ Notice Box ] */

#noticeBox {
	border: 2px solid #003399;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 15px 0px;
}

#noticeBox h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	font-style: normal;
	text-align: center;
}

