/*********************************************

File: stylesheet_screen.css

Application: Ice Cool Industries

Created: April 26th 2007

Author: 5th Column

*********************************************/

/********************************************

Default Selectors

*********************************************/

body {

	background: #295570 url("../graphics/bg.jpg") top left repeat-x;

	font-family: Arial, Lucida Grande, Verdana, Tahoma, Helvetica, sans-serif;

	font-size:80%;

	color:#eee;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	letter-spacing: 0.05em;

	line-height: 1.2em;

}

h1	{

font-family: Trebuchet MS, sans-serif;

	font-size:2em;

	font-weight:bold;

	padding: 5px 0px 3px 0px;

	margin: 10px 0px 15px 0px;

	color:#fff;

	background-color:transparent;

line-height: 1em;

}

h2	{

font-family: Trebuchet MS, sans-serif;

	font-size:1.2em;

	font-weight:bold;

	padding: 3px 0px 0px 0px;

	margin: 0px 0px 10px 0px;

	color:#fff;

	background-color:transparent;

}

h3	{

	color:#eee;

font-family: Trebuchet MS, sans-serif;

	font-size:1.0em;

	padding: 3px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	font-weight:bold;

	background-color:transparent;

}

h4	{

	color:#eee;

font-family: Trebuchet MS, sans-serif;

	font-size:1.1em;

	font-weight:normal;

	padding: 3px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	background-color:transparent;

}

a	{

	color:#eee;

	text-decoration:none;

	font-weight:normal;

}

a:link	{

	color:#eee;

	background-color:transparent;

	text-decoration:none;

}

a:visited	{

	color:#eee;

	background-color:transparent;

	text-decoration:none;

}

a:active	{

	color:#eee;

	background-color:transparent;

	text-decoration:none;

}

a:hover	{

	color:#eee;

	background-color:transparent;

	text-decoration:underline;

}

p {

	padding: 0px 5px 0px 0px;

	margin: 0px 0px 0px 0px;

}

hr {

	background-color:transparent;

	color:#000000;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	border: 1px solid #999;

}

ul {

	list-style: none;

	padding: 0px 0px 10px 0px;

	margin: 0px 0px 0px 0px;

}

img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/********************************************

Containers

*********************************************/

.sitecontainer {

	padding: 0px 0px 0px 0px;

	text-align: center;

}

.pagecontainer {

	color: #000;

	background-color: transparent;

	text-align: left;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

.navigationcontainer {

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	background: transparent url("../graphics/navbg.gif") top left repeat-x;

	height: 36px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	font-size:90%;

}

.headercontainer {

	color: #333;

	background: transparent url("../graphics/header.jpg") top left no-repeat;

	padding:0px 0px 0px 550px;

	margin:0px 0px 0px 0px;

	height: 152px;

}

.headercontainer img {

	border: 0px;

}

.headercontainer2 {

	color: #333;

	background: transparent url("../graphics/header2.jpg") top left no-repeat;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	height: 152px;

}

.headercontainer .menu {

	color: #333;

	background: transparent;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	height: 150px;

	width: 150px;

	float: right;

}

.contentcontainer {

	color: #fff;

	background-color: #295570;

	padding:0px 0px 0px 0px;

	margin-left: auto;

	margin-right: auto;

	border: 1px solid white;

	width: 700px;

}

.contentcontainer2 {

	color: #fff;

	background-color: #295570;

	padding:0px 0px 0px 0px;

	margin:153px 0px 0px 0px;

	margin-left: auto;

	margin-right: auto;

	border: 1px solid white;

	width: 700px;

}

.contentcontainer2 p  {

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

}

#footercontainer {

	color: #eee;

	background-color: transparent;

	padding:5px 0px 0px 0px;

	margin:0px 0px 100px 0px;

	text-align: center;

	font-size:0.85em;

}



/********************************************

General Content

*********************************************/

.contentcontainerleft {

	float: left;

	color: #ccc;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 410px;

}

.contentcontainerleft p {

	padding: 10px 0px 0px 20px;

	margin: 0px 0px 0px 0px;

}

.contentcontainerright {

	float: left;

	color: #fff;

	background-color: transparent;

	padding-top: 0px;

	margin: 0px 0px 0px 0px;

	width: 200px;

	text-align: left;

}

.contentcontainerright img {

	color: #ccc;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

.contentcontainerleftprod {

	float: left;

	color: #ccc;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 310px;

}

.contentcontainerleftprod img {

	float: left;

	color: #ccc;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

.contentcontainerrightprod {

	float: right;

	color: #fff;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 380px;

	text-align: right;

}

.contentcontainerrightprod p {

	padding: 10px 10px 0px 20px;

	margin: 0px 0px 0px 0px;

	text-align: left;

}

.contentcontainerleftprocess {

	float: left;

	color: #ccc;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 337px;

}

.contentcontainerleftprocess p {

	padding: 10px 0px 0px 20px;

	margin: 0px 0px 0px 0px;

}

.contentcontainerrightprocess {

	float: right;

	color: #fff;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 363px;

	text-align: left;

}

.contentcontainerrightprocess img {

	color: #ccc;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

.contentcontainerleftmenu {

	float: left;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 200px;

}

.contentcontainerleftmenu img {

	padding: 10px 0px 0px 0px;

	margin: 0px 0px 0px 0px

}

.contentcontainerrightmenu {

	float: right;

	color: #000;

	background-color: transparent;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	width: 485px;

height: 315px;

	text-align: right;

}

#flashcontent{  

	width: 485px;

height: 315px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

.contentcontainerright p {

	padding: 0px;

	margin: 0px 0px 8px 0px;

	text-align: left;

}

.contentcontainerright h3 {

	font-size: 90%;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	text-align: center;

}

.contentcontainerright h2 {

	padding: 4px;

	margin: 2px 0px 10px 0px;

	color: #fff;

	background-color: #2c577f;

	text-align: left;

}

.headergraphicright img {

	text-align: right;

	padding: 10px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

.headergraphicleft img {

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}

#map {
	padding: 0px 0px 0px 0px;

	margin: 80px 0px 0px 0px;
}

/********************************************

Footer

*********************************************/

#footercontainer p {

	padding: 0px 0px 15px 0px;

	margin: 0px 0px 0px 0px;

}

#footercontainer a, #footercontainer a:link, #footercontainer a:visited, #footercontainer a:active	{

	color:#eee;

	text-decoration:none;

	font-weight:normal;

}

#footercontainer a:hover	{

	color:#eee;

	background-color:transparent;

	text-decoration:underline;

}

/********************************************

Hidden

*********************************************/

.hidden {

	display:none;

}

.spacer {

	clear: both

}

/********************************************

Contact us

*********************************************/

form#contact_me {

	padding: 0px;

	margin: 0px 0px 20px 0px;

	color: #eee;

	background-color: transparent;

	text-align: left;

}