/**********************************
	styles for porphyryinc.com 
***********************************/
*
{
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/**********************************
	layout styles 
***********************************/

#container
{
	/*border:1px solid #333;*/
	width:800px;
	padding:10px 0 10px 0;
}
.image-border-lt-grey {
	border: 1px solid #cccccc;
	padding: 2px;
}
.bottom-nav-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #977653;
}


#top_box
{
	display:inline;
	width:800px;
}

#logo_box
{	
	width:222px;
	height:35px;
	float:left;
	padding: 0 0;
}

#cornerGraphic_box
{	
	width:77px;
	height:29px;
	float:left;
	padding: 15px 0 0 497px;
	vertical-align: bottom;
	}

#nav_box
{
	width:800px;
	height:auto;
	vertical-align:middle;
	float:left;
	z-index:75;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat:repeat;
	background-color: #EFB325;
}

#nav_box a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
	text-align:left;
	color:#790000;
}

#nav_box a:visited
{
	color:#000000;
}

#nav_box a:hover
{
	text-decoration:underline;
}

#main_box
{
	background:#FFF;
	width:800px;
	display:inline;
	float:left;
	position:relative;
	z-index:1;
}

#main_box_gallery
{
	background:#FFF;
	width:800px;
	height:460px;
	display:inline;
	float:left;
	position:relative;
	z-index:1;
}


#main_box h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	line-height:1.55em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666;
	padding:10px;
}

#main_box h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:10px;
}
#main_box h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.3em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:2px;
}

#main_box p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.3em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align: left;
	color:#000;
}

#main_box_gallery h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	line-height:1.55em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666;
	padding-top: 10px;
}

#main_box_patterns {
	background:#FFF;
	width:800px;
	height:705px;
	display:inline;
	float:left;
	position:relative;
	z-index:1;
}

#main_box_patterns p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align: center;
	color:#000;
}
#main_box_patterns h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:10px;
}

#traditionalPatterns_mainBox {
	background:#FFF;
	width:800px;
	height:710px;
	display:inline;
	float:left;
	position:relative;
	z-index:1;
}

#traditionalPatterns_mainBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.3em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align: center;
	color:#000;
}
#traditionalPatterns_mainBox h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:10px;
}

#left_box
{
	width:360px;
	float:left;
}

#right_box
{
	width:360px;
	float:left;
}

#yellowBar
{
	/*background:url(../images/graybar.jpg) repeat;*/
	float:left;
	width:800px;
}

#yellowBar_bottom
{
	/*background:url(../images/graybar.jpg) repeat;*/
	float:left;
	width:720px;
	margin:10px 0 10px 40px;
}

#bottom_box
{
	width:800px;
	float:left;
}

#footer_box
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#ccc;
	width:800px;
	float: left;
	padding-bottom: 10px;
	/*border-top:1px solid #ccc;*/
}


/***********************************************
	separate div styles for content in main box
************************************************/

#index_textbox
{
	width:800px;
	margin-top: 10px;
}

#index_textbox_left
{
	width:400px;
	margin:0 20px 10px 2px;
	float: left;
}

#<pro>index</pro>_textbox_right
{
	width:347px;
	margin: 10px 0;
	float: right;
}


#index_textbox h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	line-height:1.3em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	color:#A80000;
	padding:5px 5px 5px 0;
}

#index_textbox h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	line-height:1.3em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	color:#333;
	padding:5px 10px 5px 0;
}

#index_textbox p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	color:#333333;
	padding:5px 5px 5px 0;
}

#index_textbox img
{
	float:right;
	margin:0 0 0 10px;
}

#left_about
{
	width:400px;
	float:left;
	padding:0 0 20px 10px;
	text-align:left;
}

#right_about
{
	width:360px;
	float:right;
	margin:0 10px 0 0;
}

#right_about p
{
	margin:0 0 0 65px;
}

#single_gallery
{
	width:800px;
	float:left;
	display:inline;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 5px;
}

#single_gallery ul li
{
	float:left;
	padding:5px;
	line-height:1.1em;
}

#left_install
{
	width:380px;
	float:left;
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#left_install h2
{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	margin-left: -10px;
}

#right_install
{
	width:380px;
	float:right;
	text-align:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

#right_install h2
{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	margin-left: -10px;

}

#patterns
{
	width:800px;
	display:inline;
	
}

#patterns ul
{
	float:left;
	margin: 5px 5px 10px 10px;
}

#patterns li
{
	float:left;
	padding: 8px 12px;
}

#patterns_textholder
{
	width:790px;
	float:left;
	margin:5px 0 10px 10px;
}

#patterns p
{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:left;
}

#left_patterns
{
	width:360px;
	float:left;
	display:inline;
}

#left_patterns ul li
{
	float:left;
	padding-left:5px;
	margin:0 0 10px 50px;
	line-height:1.1em;
}

#right_patterns
{
	width:360px;
	float:right;
	margin:0 70px 0 0;
	text-align:left;
}

#right_patterns p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	color:#333;
}

#left_products
{
	width:360px;
	float:left;
	text-align:left;
	margin:0 0 15px 5px;
}

#left_products h2
{
	color:#790000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:left;
}

#left_products a
{
	margin:0 0 0 10px;
}

#right_products
{
	width:360px;
	float:right;
	margin:0 40px 0 0;
}

#tech_header {	
	width: 760px;
	text-align: center;	
	margin-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px #666666 solid;
	}
	
#tech_header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	padding: 0;
	}
	
#tech_header h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:0;
}
	
#tech_header p {
	padding: 2px 0 5px 0;
	text-align: center;
	}
	
#tech_header a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
	text-align:left;
	color:#790000;
}

#tech_header a:visited
{
	color:#666666;
}

#tech_header a:hover
{
	text-decoration:underline;
}

#tech_footer {	
	width: 760px;
	text-align: center;
	margin-top: 5px;
	margin-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	padding-bottom: 10px;
	float:left;
	}
	

#left_tech
{
	width:375px;
	float:left;
	margin-left: 10px;
}

#left_tech h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:0 0 10px 0;
}

#right_tech
{
	width:360px;
	float:right;
	margin:0 35px 10px 0;
}


#right_tech h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:0 0 10px 0;
}

#right_tech h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#666666;
	padding:0;
}

#left_commercial
{
	width:330px;
	float:left;
	display:inline;
	margin:0 0 0 40px;
	padding:0 0 0 20px;
}

#left_commercial ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#right_commercial
{
	width:330px;
	float:right;
	margin:0 40px 0 0;
	padding:0 20px 0 0;
}

#right_commercial ul li
{
	float:right;
	line-height:1.5em;
	padding-left:5px;
}

#left_landscape
{
	width:330px;
	float:left;
	display:inline;
	margin:0 0 0 40px;
	padding:0 0 0 20px;
}

#left_landscape ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#right_landscape
{
	width:330px;
	float:right;
	margin:0 40px 0 0;
	padding:0 20px 0 0;
}

#right_landscape ul li
{
	float:right;
	line-height:1.5em;
	padding-left:5px;
	text-align:right;
}

#left_villa
{
	width:330px;
	float:left;
	display:inline;
	margin:0 0 0 40px;
	padding:0 0 0 20px;
}

#left_villa ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#right villa
{
	width:330px;
	float:right;
	margin:0 40px 0 0;
	padding:0 20px 0 0;
}

#right_villa ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#left_pool
{
	width:330px;
	float:left;
	display:inline;
	margin:0 0 0 40px;
	padding:0 0 0 20px;
}

#left_pool ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#right_pool
{
	width:330px;
	float:right;
	margin:0 40px 0 0;
	padding:0 20px 0 0;
}

#right_pool ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#left_residence
{
	width:720px;
	float:left;
	display:inline;
	margin:0 0 10px 80px;
}

#left_residence ul li
{
	float:left;
	line-height:1.5em;
	padding-left:5px;
}

#left_contact
{
	width:260px;
	float:left;
	display:inline;
	text-align:left;
	margin:0 0 0 5px;
}

#left_contact h1
{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#333;
}

#left_contact p
{
	padding:0 0 0 10px;
}

#right_contact
{
	width:400px;
	float:right;
	margin:0 50px 10px 0;
	padding-top: 10px;
}

#left_history
{
	width:400px;
	float:left;
	text-align:left;
}

#left_history h1
{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#333;
}

#left_history p
{
	padding:0 0 0 10px;
}

#right_history
{
	width:330px;
	float:right;
	margin:0 40px 0 0;
}

#tech_container
{
	width:700px;
	margin: 10px 0 0 50px;
	text-align: left;
}

#tech_container h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:1.1em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#000;
	padding:0;
	margin:0;
}

.charts {
	border-top: 2px #000 solid;
	border-bottom: 2px #000 solid;  
	padding: 5px;
}

#textbox
{
	width:800px;
	margin: 5px 5px;
}

/*****************************************************
	layout and style for products
******************************************************/
#content_container
{
	width:720px;
	background:#000;
	display:inline;
}

#content_container ul li
{
	float:left;
	list-style-type:none;
	padding:10px 0 10px 5px;
	margin:0 0 0 10px;
}

#pmod_container
{
	float:left;
	display:inline;
	margin:0 0 0 130px;
}

#pmod_container ul li
{
	float:left;
	list-style-type:none;
	padding:10px;
}

.product_box
{
	width:248px;
}

.image_containers
{
	display:inline;
	float:left;
}

.image1
{
	float:left;
	width:124px;
	height:152px;
}

.image1 a
{
	margin:0;
	padding:0;
}

.image1_single
{
	width:248px;
	height:74px;
}


.image2
{
	float:left;
	width:124px;
	height:152px;
}

.image2 a
{
	margin:0;
	padding:0;
}

.image3_single
{
	width:248px;
	height:155px;
	margin-bottom: 1px;
}

#detail_header
{
	width:248px;
	background:#666;
	float:left;
	margin: 2px 0;
}

#detail_header h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1.25em;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#ffffff;
	padding:2px 0;
	margin:0;
}


#product_details
{
	width:248px;
	background:url(../images/palebg.jpg) repeat;
	float:left;
}

#product_details p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1.1em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:center;
	color:#333;
	padding:0;
	margin:0;
}

/************************************************
	pattern content pages style
*************************************************/

#left_traditional
{
	width:800px;
	float:left;
	display:inline;
	padding:0 0 0 15px;
}

#left_traditional ul li 
{
	float:left;
	padding: 10px;
}

#left_traditional p
{
	text-align:center;
}

#modern
{
	width:800px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding-bottom: 10px;
}

#modern ul li
{
	float:left;
	line-height:1.5em;
	padding: 5px 10px 10px 10px;
}

#modern p
{
	text-align:center;
}
	
#single_box
{
	width:720px;
	padding:0 25px 10px 35px;
	text-align:justify;
}

#single_box ol
{
	display:block;
}

#single_box ul
{
	list-style:none;
	display:inline;
}

#single_box li
{
	padding:0 0 0 8px;
	float:left;
}

/***************************************
 menu style 
***************************************/

.anylinkcss
{
	position:absolute;
	visibility:hidden;
	border:1px dotted #790000;
	font:normal 12px arial;
	font-weight:normal;
	line-height:1.1em;
	z-index:100;
	background-color:#fff;
	width:275px;
}

.anylinkcss a
{
	width:100%;
	display:block;
	text-indent:5px;
	padding:1px 0;
	text-decoration:none;
	font:normal 12px arial;
	font-weight:normal;
	color:#FFDFAA;
}

.anylinkcss a:visited
{
	color:#666666;
}

.anylinkcss a:hover /*hover background color*/
{
	background-color:#FFDFAA;
	color:#fff;
	text-decoration:none;
}


/***************************************************
	Text styles
****************************************************/
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:1.3em;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	color:#333;
}

h1
{
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

ul li
{
	list-style:none;
}

ol li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	color:#333;
	width:45%;
}
a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#977653;
}

a:visited
{
	color:#666666;
}

a:hover
{
	text-decoration:underline;
	color: #790000;
}

.body
{
	line-height:1.25em;
}

.bullets
{
	line-height:1.2em;
	padding:0 25px 0 15px;
	text-indent: -11px;
}

.redBold {
	color: #A53C23;
	font-weight: bold;
}

.imageEnlargeLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #A53C23;
	margin: 5px 0 8px 0;
}

/***********************
footer styles
***********************/

#productLinks_footer {
	width: 797px;
	float: right;
	text-align:left;
	padding-bottom: 15px;
	padding-left: 3px;
	}

#footer_container
{
	width:800px;
	/*height:80px;*/
	margin:10px 0 10px 0;
	float: right;
}

#top_footer
{
	width:800px;
	height:50px;
}

#top_footer p
{
	font-size: 11px;
	line-height: 1.3em;
}

#address_box
{
	width:350px;
	height:100px;
	float:left;
	text-align:right;
	/*border:1px dotted red;*/
}

#address_box p
{
	text-align:right;
}

#bug_box
{
	width:200px;
	height:100px;
	float:left;
	/*border:1px dotted red;*/
}

#numbers_box
{
	width:250px;
	height:100px;
	float:left;
	text-align:left;
	/*border:1px dotted red;*/
}

#numbers_box p
{
	text-align:left;
}

#email_box
{
	width:800px;
	float:left;
	text-align:center;
	/*border:1px dotted red;*/
}

.bulletedPoints {
	margin-left: 10px;
	}