/* ================================================
 
Theme Name: Constructionline
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: March 2010

==================================================*/


/*------------------------------------------------

		1. Global Resets
		
		2. Typography

		3. Link

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
 		11. Buttons

		12. Map Styles

		13. Tables

		14. Shopping Cart Styles

/*==================================================================================================

	1. GLOBAL RESETS
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	background-color:#cee7ec;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}


/*==================================================================================================

	2. TYPOGRAPHY
 
 ====================================================================================================*/
 
 body {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #231f20;
	margin:0;
	padding:0;
	background-color:#d2e5ec;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}
  h1 {
	display:none;
	}
h2 {
	padding:0 0 4px 10px;
	font-size:30px;
	color:#074961; /* navy blue */
	line-height: 28px;
	font-weight: bold;
	width:300px;
	}
	
 h3 {
	font-size:18px;
	font-weight:bold;
	color:#5dab00;
	width:300px;
	padding:0 0 4px 10px;
	}
	
 h4 {
	float:right;
	height:50px;
	width:224px;
	}
 h4 a {
	
	float:right;
	height:50px;
	margin-right:10px;
	text-indent:-3000px;
	width:224px;
	display:inline;
	}
	
  .content p {
	width:960px;
	height:420px;
	font-size:30px;
	color:#a9a9a9; /* grey */
	line-height: 28px;
	font-weight: bold;
	padding-top:300px;
	text-align:center;
	background-color:#F5F4F1;
	}
 


/*==================================================================================================

	4. MAIN NAVIGATION
	
==================================================================================================*/

/* ================= LEVEL 1of2 ================= */

.header ul.mainnav {
	float:left;
	width:604px;
	margin:50px 0 0 295px;
	display:inline;
	/*background-color:grey;*/
}
.header ul.mainnav li {
	float:left;
	width:154px;
	margin:0 0 1px 12px;
	display:inline;
	/*background-color:hotpink;*/
}
.header ul.mainnav li a{
	float:left;
	color:#074961; /* navy blue */
	text-decoration:none;
	font-size:11px;
	width:154px;
	padding:1px 4px 1px 4px;
	background: url(images/sitewide/arrow.gif) top right no-repeat;
	display:inline;
	line-height:14px;
	/*background-color:yellow;*/
}
.header ul.mainnav li a.width120{
	width:120px;
}
.header ul.mainnav li strong a, 
.header ul.mainnav li a:hover{
	color:#fff;
	background-color:#427b90; /* blue */
	font-weight:normal;
}

.header ul.right {
	width:240px;
	height:44px;
	margin:70px 0 0 22px;
	/*background-color:green;*/
}
.header ul.right li {
	width:109px;
	/*background-color:hotpink;*/
}
.header ul.right li a{
	width:105px;
}



/*==================================================================================================


	5. MAIN STRUCTURE
 
==================================================================================================*/


/* ================= FLASH ================= */

.flash_parent {
	float:left;
	width:960px;
	position:relative;
	z-index:60;
	/*background-color:red;*/
	/*border: 1px solid #ccc;*/
	}
	
	
/* ================= MISC ================= */

.wrapper {
	margin:0 auto;
	width:980px;
	/*background-color:blue;*/
	height:100%;
}

.page-container {
	float:left;
	width:980px;
	/*background-color:red;*/
	display:inline;
	background: transparent url(background.jpg) 0 0 no-repeat;
	}
	.page-container_uj8 {
		float:left;
		width:980px;
		/*background-color:red;*/
		display:inline;
		background: transparent url(background_uj8.jpg) 0 0 no-repeat;
	}
.content {
	float:left;
	width:960px;
	padding:10px 10px 50px 10px;
	display:inline;
	height:722px;
}





/*==================================================================================================
	
	10. HEADERS
	
==================================================================================================*/


.header {
	float:left;
	width:980px;
	height:126px;
	/*background-color:orange;*/
	display:inline;
}
.header-inner {
	float:left;
	width:980px;
	/*background-color:red;*/
	padding-top:10px;
}