@charset "utf-8";
/* ==================== DaNite Portfolio Page Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Content Container
	 2.Breadcrumbs
	 3.Side Bar
	    a.Navigation
	 4.Page
	 	a.UL Backgrounds
	 5.Right Colum
	 	a.Quote Form
*/

/* ==================== 1.Content Container ==================== */
	
#content-container {width:916px; float:left; padding:0px 40px 0px 44px; background:url(../images/bg-content-container-secondary.gif) repeat-y center top; height:auto; min-height:600px;}
	
* html #content-container {height:600px;}

/* ==================== 2.Breadcrumbs ==================== */

#breadcrumbs {color:#999; padding:15px 0px 15px 0px; font-size:.9em;}
	
#breadcrumbs em {color:#999; font-weight:bold; font-style:normal;}

#breadcrumbs strong {color:#999; font-weight:normal;}

#breadcrumbs a {color:#999; text-decoration:none;}
	
#breadcrumbs a:hover, #breadcrumbs a:hover strong {color:#CCC; text-decoration:underline;}

/* ==================== 4.Page ==================== */


#page {width:590px; float:left; padding:0px 10px; color:#CCC;}

#page h1 {font-size:1.5em; font-weight:normal; padding-bottom:12px;}

#page h2 {font-size:1.1em; padding-bottom:6px;}

#page h3 {font-size:1em;}

#page h1, #page h2 { color:#FFF; line-height:120%;}

#page p {line-height:160%; padding-bottom:12px;}

#page strong {color:#CCC;}

#page a, #page a h2 {color:#09F; text-decoration:none;}

#page a strong {color:#09F; text-decoration:none;}

#page a h2 {display:inline;}

#page a:hover, #page a:hover h2, #page a:hover strong {color:#E326B3; text-decoration:underline;}

#page ul {margin-left:12px; padding-bottom:12px; line-height:160%;}

#page li {background:url(../images/bullet-secondary.gif) no-repeat left 6px; padding-left:16px;}

#page ul ul {margin:0px; padding-bottom:0px;}

#page ul ul li {background:none; padding-left:8px;}

#page li h2 {margin-top:12px;}

#page em, #page a strong, #page ul ul li a {color:#90BEEF;}

#page p#sign-chart {float:right; display:block; padding-top:5px; line-height:normal; padding-bottom:0px;}

#page p#sign-chart a {text-decoration:underline;}

/* ==================== 5.Quote Form ==================== */

#quote-form-container {float:right; width:300px; height:340px; background:url(../images/bg-quote-form-container.jpg) no-repeat top; margin-top:15px;}
	
#quote-form {width:270px; border-collapse:collapse; margin-top:38px; margin-left:15px;}

#quote-form th {color:#9CF; font-size:1.3em; text-align:right; padding-right:12px;}

#quote-form td {height:32px;}

#quote-form label {color:#CCC; padding:4px 8px 0px 0px; display:block; font-weight:bold; text-align:right; width:65px; float:left;}

#quote-form input {padding:1px; border:#FFF 2px solid; width:176px; color:#666;}

#quote-form select {padding:1px; border:#FFF 2px solid; width:182px; color:#666;}

#quote-form .btnSubmitQuote {width:181px; height:33px; border:none; display:block; float:right; margin-top:12px; padding-right:10px;}

#quote-form p {font-size:.9em; display:block; text-align:center; padding:30px 6px 0px 6px; color:#90BEEF;}


/* ==================== 5.Right Colum ==================== */

#right-colum {float:right; width:300px;}

#customer-support {background:url(../images/bg-customer-support.jpg) no-repeat left top; width:177px; height:90px; padding-left:105px; float:right; padding-top:10px; padding-right:5px; margin-top:25px;}

#customer-support strong {font-size:1.5em; color:#E327B4; font-weight:normal;}

#customer-support p {line-height:160%; color:#CCC;}




table.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #7C1F67;
	border-right-color: #7C1F67;
}
td.border {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #7C1F67;
	border-left-color: #7C1F67;
	padding:10px;
	vertical-align:top;
}

td.border img{
	margin-bottom:6px;
}


#page strong.arialRed12 {
	font-size:1.4em;
	color:#09F;
	margin-bottom:6px;
	display:block;
}

span.arial10Gray { color:#90BEEF; font-weight:normal;}

strong span.arial10Gray {color:#CCC; font-weight:normal;}


/* --------- Page Numbers  --------- */

#page-numbers {float:right;}
	
.p-left-arrow, .p-right-arrow {margin-top:7px; display:block;}
	
.p-left-arrow {margin-right:4px; float:left;}

#page p#p-numbers{padding:2px 0px 0px 0px; margin:0px; float:left;}
	
.p-right-arrow{margin-left:4px; margin-right:4px; float:left;}

#category-title {float:left; margin-top:5px; display:block;}