/* Typography */

/* h1: Page Title */
h1 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 32px;
	line-height: 30px;
    color: #555555; margin: 0 0 0 0; 
}

/* h2: Section Heading Large */
h2 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 26px;
	line-height: 27px;
	color: #555555; margin: 0 0 0 0; 
}

/* h3: Section Heading */
h3 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 20px;
	line-height: 23px;
	color: #555555; margin: 0 0 0 0; 
}

/* h4: Subsection Heading */
h4 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 18px;
	line-height: 21px;
	color: #555555; margin: 0 0 0 0; 
}

/* h5: Title Large */
h5 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 16px;
	line-height: 19px;
	color: #555555; margin: 0 0 0 0; 
}

/* h6: Title */
h6 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 15px;
	line-height: 18px;
	color: #555555; margin: 0 0 0 0; 
}

/* h7: Body Copy */
h7 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 13px;
	line-height: 16px;
	color: #555555; margin: 0 0 0 0; 
}

/* h6: Body Copy Small */
h8 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 12px;
	line-height: 15px;
	color: #555555; margin: 0 0 0 0; 
}

/* h6: Smallest */
h9 {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 10px;
	line-height: 13px;
	color: #999999; margin: 0 0 0 0; 
}

body, p, li {font-size: 13px;
}

body, p, li, ul, a {max-width: 1024px;
}

a { font-size: 13px;
	text-decoration: none;
	border:none;
}

a:link {color:#0070AA;
		text-decoration: none;
		border:none;
}

a:hover {text-decoration: underline;
}

a:active {  text-decoration: none;
			border:none;
}

a:visited { color:#0070AA;
			text-decoration: none;
			border:none;
}

/* .left-navigation */
body {  background:#ffffff;
		margin: 0 0 0 0;
}

table tr {
  vertical-align: top;
  font-size: 13px;
}

img {border:none; 
     border-style:none;
     max-width:100%;
     margin-bottom: 0px;
}

.left-navigation {
  position: fixed;
  top: 74px;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  width: 200px;
  overflow-x: hidden;
}

.left-navigation .qui-nav-list {
  border-radius: 0px;
  margin-bottom: 0px;
}

.page-navigation-title {
  font-size: 16px;
  margin-bottom: 40px;
}

.page-navigation-title, .image-specification h3{
  margin-bottom:12px;
}

.page-navigation {
  margin-top:0;
}

.page-navigation .col {
  color:#ddd;
  width:180px;
  display: inline-block;
  vertical-align: top;
}

#content > p {position: absolute;
			  left:260px;
			  right:0;
			  padding-bottom:20px;
			  padding-top:20px;
}

.left_pad { position: absolute;
			left:20px;
			right:0;
			padding-bottom:20px;
			padding-top:20px;
}

.image-specification {
  margin-bottom: 20px;
  line-height: 16px;
}

.image-specification h3 {
    color: #282828;
    font-size: 14px;
  }

.image-specification div {
    font-size: 12px;
    color: #282828;
}
  
.caption {font-family: "Trebuchet MS"; sans-serif; font-weight: lighter;
	font-size: 13px;
	line-height: 16px;
	color: #555555; margin: 0 0 4px 0;
}

.mast {color: white;
  	   position: fixed;
  	   top: 18px;
  	   right: 18px;
  	   z-index: 1030;
  	   text-align: right;
}
  
.image-row {
  padding-left: 0;
  overflow: auto;
  margin-bottom: 0px;
  margin-top: 0px;
}

.image-row li {
    display: inline-block;
    margin-right: 20px;
    float: left;
}

.image-row .caption {
    font-size: 12px;
}

.image-row .row {
    clear: left;
    margin-left: 0px;
}
  
.comment, .image-specification .comment {
  color: red;
  font-size: 12px;
}

.bulleted-list {
	margin-top: 3px;
}

.bulleted-list li {
	margin-bottom: 3px;
}

/* div styles */

#section_div {  position:relative;
				background-color:#cccccc;
				max-width:100%;
				height:1px;
				margin:30px 0 30px 0;
}

#subsection_div_img { float:left;
					  height:10px;
					  width:100%;
  }

#subsection_div_text {  float:left;
						width:100%;
						height:30px;
  }


#body_text { float:left;
			 width:700px;
			 margin:0px 0px 0px 0px;
}

#headers {  float:left;
	   		width:100%;
	   		margin:0px 0px 10px 0px;
} 

#table { position;relative;
	     width:100%;
	     margin:0px 0px 10px 0px;
} 

#row { float:left;
	   width:100%;
	   margin:0px 0px 10px 0px;
} 

#horiz_row { float:left;
			 width:100%;
			 margin:0px 0px 0px 0px;
} 

#horiz_row_marg_10R {float:left;
				  	 margin-right: 10px;
  }

#horiz_row_marg_20R {float:left;
				 	 margin-right: 20px;
  }  

#horiz_row_marg_30R {float:left;
				  	 margin-right: 30px;
  }  

#horiz_row_marg_10T_30R_pad_15_white {float:left;
									  background-color: #FFFFFF;
									  padding:15px 15px 15px 15px;
									  margin-top: 10px;
									  margin-left: 0;
						  		      margin-right: 30px;
						  		      margin-bottom: 0;
} 

#horiz_row_marg_10T_30R_pad_15_gray {float:left;
									 background-color: #f2f2f2;
									 padding:15px 15px 15px 15px;
									 margin-top: 10px;
									 margin-left: 0;
						  		     margin-right: 30px;
						  		     margin-bottom: 0;
} 

#horiz_row_marg_10T_30R_pad_15_blue {float:left;
									 background-color: #0085C3;
									 padding:15px 15px 15px 15px;
									 margin-top: 10px;
									 margin-left: 0;
						  		     margin-right: 30px;
						  		     margin-bottom: 0;
}  

#horiz_row_marg_10T_30R_pad_15_dark {float:left;
									 background-color: #222222;
									 padding:15px 15px 15px 15px;
									 margin-top: 10px;
									 margin-left: 0;
						  		     margin-right: 30px;
						  		     margin-bottom: 0;
}  

#color_column { float:left;
		 		width:150px;
		 		margin:20px 20px 0px 0px;
}  

#color_name_column { float:left;
					 width:200px;
					 margin:20px 20px 0px 0px;
}

#rgb_column { float:left;
			  width:120px;
			  margin:20px 20px 0px 0px;
}

#hex_column {   float:left;
				width:100px;
			    margin:20px 20px 0px 0px;
}

#details_column {   float:left;
					width:150px;
					margin:20px 20px 0px 10px;
}

#color_name {   float:left;
				width:200px;
				margin:19px 20px 0px 0px;
}

#rgb_value {float:left;
			width:120px;
			margin:19px 20px 0px 0px;
}

#hex_value {float:left;
			width:100px;
			margin:19px 20px 0px 0px;
}

#details_text { float:left;
				width:400px;
				margin:19px 20px 0px 0px;
}

#left_column { float:left;
		 	   width:10%;
		 	   margin:0px 20px 0px 0px;
} 

#left_col_content { float:left;
					height:20px;
					width:10%;
					margin:0px 20px 0px 0px;
}

#right_column { float:left;
		 	    width:850px;
		 	    margin:0 0 0 0;
} 

#right_col_content { float:left;
					width:850px;
					margin:0 0 0 0;
}

#color_6E2585 { float:left;
				background-color:#6E2585;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_CE1126 { float:left;
				background-color:#CE1126;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_FF7700 { float:left;
				background-color:#FF7700;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_F2AF00 { float:left;
				background-color:#F2AF00;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_7AB800 { float:left;
				background-color:#7AB800;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_004970 { float:left;
				background-color:#004970;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_0070AA { float:left;
				background-color:#0070AA;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_0085C3 { float:left;
				background-color:#0085C3;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_1F9DFA { float:left;
				background-color:#1F9DFA;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_57A8E6 { float:left;
				background-color:#57A8E6;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_9AD3FD { float:left;
				background-color:#9AD3FD;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_F2F2F2 { float:left;
				background-color:#F2F2F2;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_EEEEEE { float:left;
				background-color:#EEEEEE;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_E4E4E4 { float:left;
				background-color:#E4E4E4;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_CCCCCC { float:left;
				background-color:#CCCCCC;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_AAAAAA { float:left;
				background-color:#AAAAAA;
				height:50px;
				width:150px;
				margin: 0px 20px 0px 0px;
}

#color_848484 { float:left;
				background-color:#848484;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_6B6B6B { float:left;
				background-color:#6B6B6B;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_5c5c5c { float:left;
				background-color:#5c5c5c;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_444444 { float:left;
				background-color:#444444;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_262626 { float:left;
				background-color:#262626;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_282828 { float:left;
				background-color:#282828;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}

#color_CCCCCC { float:left;
				background-color:#CCCCCC;
				height:50px;
				width:150px;
				margin:0px 20px 0px 0px;
}