@charset "UTF-8";
/* CSS Document */
/* Created by Green Sky Creative */

/* Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* html .clearfix {
                height:1%;
        }


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End CSS Reset */

/* Main Structure */
body {
	background-color: #000;
	font-family: "Century Gothic", Tahoma, Geneva, sans-serif;
	color:#fff;
}

#wrapper {
	background-image:url(../images/Ambrico-bground1.jpg);
	height:768px;
	width:1024px;
	margin:auto;
	position:relative;
	}

#wrapper-gallery {
	background-image:url(../images/Ambrico-bground-gal.jpg);
	height:768px;
	width:1024px;
	margin:auto;
	position:relative;
	}

#wrapper-architects {
	background-image:url(../images/Ambrico-Arch-bground.jpg);
	height:768px;
	width:1024px;
	margin:auto;
	position:relative;
	}

#header {
	background-image: url(../images/Ambrico-logo.jpg);
	background-repeat: none;
	background-position: left bottom;
	text-indent:-9000px;
	height: 83px;
}

#main-content {
	height:452px;
	width:864px;
	padding-top:78px;
	}
#main-content-top {
	height:452px;
	width:864px;
	margin:82px 0 0 0;
	}
#main-content-wide {
	height:452px;
	width:950px;
	padding-top:82px;
	}
/*end constant structure */

/* text styles */

p { font-size: 11px;	padding:4px 0 4px 0; line-height:150%;}
.pick-title {
	font-size:11px;	padding:8px 0 18px 30px; line-height:150%;
	color: #333333;
	}
sup { vertical-align:text-top; font-size:x-small;}
strong {
	font-weight:bold;
	}

a {color:#FFF;}
a:hover {text-decoration:none;}

.big-highlight {
	color: #660000;
	font-size:14px;
	}


.highlight {
	color: #660000;
	}

.large-text {
font-size: 14px;
}

#bulletlist
{
margin-left: 0;
padding-left: 0;
margin-right:40px;
list-style: none;
}

#bulletlist li 
{
font-size: 11px;
line-height:150%;
padding-left: 15px;
padding-right: 15px;
background-image: url(../images/red-bullet.gif);
background-repeat: no-repeat;
background-position: 0 1px;
}
/****************  Styles Nav ****************/
#top-nav-container {
 width: 100%;
 margin-top:78px;
 margin-bottom:82px;
  }
  
#top-nav {
	float: right;
	padding-right:175px;
	}

	#top-nav li {
		padding-right:28px;
		display:inline;
	}
	
	#top-nav li a {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#ffcccc;
		font-size:18px;
		text-decoration: none;
	}
	#top-nav li:hover a,
	#top-nav li.selected a {
		color: #FFF;
	}

/************** END TOP NAV ***********/

#homeFlash {
height:304px;
float:left;
margin:7px 0 0 6px;
}

/********* MIDDLE CONTENT *********/

#left-side-home {
	float:left;
	height:311px;
	width: 401px;
	padding:4px 0 0 27px;
	color:#333333;
	background-image:url(../images/homepage-left.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;	
	}
/******* USE FOR SCROLLING CONTENT *************/
#left-sideScroll {
	float:left;
	height:312px;
	width: 595px;
	padding:4px 0 0 27px;
	color:#333333;
	}
	

#download-page {
	float:left;
	width:800px;
	height:312px;
	padding:4px 0 0 37px;
	color:#333333;
	}
	
table.dl-table {
	font-size:10px;
	margin-left:30px;
	}
	
.dl-table th, .dl-table td {
margin:0;
padding:5px 0 2px 4px;
}
.left-static {
	margin-left:20px;
	padding-top:10px;
	color:#333333;
	}

.address {
	margin:10px 0 10px 0;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	}

.left-static a {
	color:#660000;
}

.left-static a:hover {
	color:#660000;
	text-decoration:none;
}
		
.box {
	width:585px;
	overflow:auto;
	height:312px;
	padding-left:10px;
	}

.box p {
	margin-right:20px;
	}
/************ END SCROLL BOX ********/
#rightContent {
width:241px;
height:304px;
float:left;
margin:8px 0 0 0;
	}

#pick-container{
height:316px;
}
#pickContent {
width:820px;

float:left;
margin:8px 0 0 50px;
	}
	
#rightContent-Products {
width:241px;
height:304px;
float:left;
margin:8px 0 0 0;
background-image:url(../images/products-bground.jpg);
	}




#product-nav {
	margin-top:60px;
}
#product-nav ul {
list-style: none;
padding: 0 10px 0 0;
margin: 0;
}


#product-nav li {
	text-align:right;
	padding-bottom:30px;
}
#product-nav a {
	font-weight:bold;
	font-size:11px;
	text-decoration:none;	
	}
#product-nav a:hover {
	color:#cc6666;
	}
	
#provider {
	background-image: url(../images/provider-text.png);
	background-repeat: none;
	background-position: left bottom;
	text-indent:-9000px;
	height: 70px;
	width:646px;
	margin:28px 0 0 139px;
}

#design-aids {
	background-image: url(../images/architects-design-aids.png);
	background-repeat: none;
	background-position: left bottom;
	text-indent:-9000px;
	height: 56px;
	width:222px;
	margin:28px 0 0 120px;
}
#productText {
	background-image: url(../images/product-text.png);
	background-repeat: none;
	background-position: left bottom;
	text-indent:-9000px;
	height: 93px;
	width:690px;
	margin:18px 0 0 100px;
}
.superText {
	padding:10px 0 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	}

.watch-vid a:link {
	display: block;
	   outline:none;
	   margin-top:60px;
	   text-indent:-9000px;
       background: url(../images/watch-sprite.jpg) no-repeat;
       height: 74px;
       width: 169px;
}

.watch-vid a:hover {
       background-position: 0 -74px;
}

.clear {
	clear:both;
	}
	
.pdf-list {
	list-style: none;
	padding:none;
	}

.pdf-list li {
 padding:6px 0 6px 10px;
 }
 
 .divider {
 	color:#cc6666;
	}
	


#architects-nav {
	float:right;
	font-size:10px;
	text-align:left;
	margin-top:15px;
	margin-right:7px;
	}


#architects-nav a {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;	
	}
#architects-nav a:hover {
	color:#cc6666;
	}

.pick-brink-link {
	background-image:url("../images/btn-brick-pick.gif");
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	height:30px;
	position:absolute;
	right:170px;
	width:158px;
	top: 214px;
}


 /******************** Footer 1 ******************/
 #bottom {
 margin-right:100px;
 text-align:right;
 font-size:10px;
 	}
 
/********************* FOOTER 2***************************/
#footer {
	font-size:10px;
	text-align:center;
	padding-top:30px;
	width:100%;
	color:#FFFFFF;
	}

/************ Alt Content for Flash ************/
#altcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	padding:10px;
}
#altcont a {color:#FFF;}

img, div { behavior: url(iepngfix.htc) }

#flashGallery {margin-left:20px;position:relative; height:320px; float:left;}

#galleryBottom {margin: 10px 10px 0 250px; clear:both;}

.hidden {
	display : none;
}
