﻿/* Color and Font Legend 

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Questrial', sans-serif;

*/


/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

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

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
blockquote, q { quotes: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul, li	{ list-style: none; }

img			{ max-width:100%; }


/* Global */

html 	{	}
body		{ -webkit-font-smoothing: antialiased; 
			-webkit-text-size-adjust: 100%;
			background-image:url("images/bg/bg.fw.png");
			background-repeat:repeat;  }



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000;
						font-family:'Questrial', Arial, Helvetica, sans-serif; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{ color:#000; font-size:12px; line-height:150%;  }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{   }
a:link		{ color: #00f;  }
a:visited		{ color: #0f0;  }
a:active		{ color: #000;  }
a:focus		{ color: #666;  }
a:hover     	{ color: #f00;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
.strong      	{ font-weight: bold; }
.center			{text-align:center; }
.clear			{ clear:both; }
.justify		{text-align:justify; }
.lower			{text-transform:lowercase; }

em		     { font-style: italic; }

/* Images */



/* Lists */

ul li		{ color:#000; font-size:12px; }
ol li	     { color:#000; font-size:12px; }

ul.square 	{ list-style: square outside; }
ul.circle 	{ list-style: circle outside; }
ul.disc 		{ list-style: disc outside; }

ul 			{ list-style: none outside; }
ol 			{ list-style: decimal; }

dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr			{	}
.odd			{ background-color:#eee; }
.even		{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody		{    }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }



/* Miscellaneous */

sup, sub    	{ line-height: 0; }

abbr, acronym  { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}


/* Containers */

#wrapper 			{ width:100%; max-width:1600px; margin:0 auto; padding:0 0; background-color:#ffffff;
					  border-bottom:6px #ffffff solid; }

#fixnavbar		{ width:100%; max-width:1600px; position:fixed; height:120px; background-color:#000000; border-bottom:3px #cccccc solid; }
#fixnavbar p	{ color:#ffffff; font-size:64px; text-align:center; font-weight:bold;  }
#fixnavbar img	{ padding:15px 0 0 15px; }

#logo             { width:217px; height:136px; clear:both; background-color:#ff4500; margin-left:15px; margin-top:15px; float:left; }
#logo h1        { font-size:16px; color:#000; font-weight:bold; padding:0 0 5px 0; text-align:center; letter-spacing:4px; }
#logo img        { padding:5px 0 0 0; }
#logo p            { font-size:68px !important; color:#000 !important; text-align:center; font-weight:bolder; line-height:70px;
                  background-color:#ff4500 !important; }
#logo hr        { width:92%; height:1px; color:#000000; background-color:#000000; margin-top:0; border-width:0; }
.logohdr        { font-size:14px !important; font-weight:100 !important; padding:0 0 2px 0 !important; letter-spacing:normal !important; }

#row1 			{ height:100%; width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
#row1-right		{ width:50%; float:right; }
#row1-right img	{ padding:123px 0 0 0; margin:0 0 0 50px; float:right;   }
#row1-left		{ width:50%; float:left; }
#row1 h1		{ font-size:64px; color:#000; text-transform:uppercase; text-align:center;
				  font-weight:bold; text-align:center; padding:250px 0 50px 0; letter-spacing:10px; }
#row1 h2		{ font-size:36px; color:#000; text-transform:uppercase;
				  font-weight:bold; padding:15px 0 15px 0; text-align:center }
#row1 h3		{ font-size:20px; color:#000000; text-align:center; text-transform:uppercase; 
				  font-weight:bold; padding:30px 0 0 0; }
#row1 h4		{ font-size:64px; color:#ff0000; text-align:center; text-transform:uppercase; 
			 	  font-weight:bold; padding:60px 0 0 0; letter-spacing:18px; }
			 	  
#row2 			{ height:100%; width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
#row2-right		{ width:48%; float:right; }
#row2-right p	{ font-size:16px; color:#000; line-height:145%; font-weight:normal; padding:400px 0 0 0; margin: 0 25px 0 5px; 	}
#row2-left		{ width:52%; float:left; }
#row2-left img	{ padding:0 0 0 0; margin:0 0 0 0;   }

#row3 			{ height:100%; width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
#row3-right		{ width:50%; float:right; }
#row3-right img	{ padding:0 0 0 0; margin:0 0 0 50px; float:right;   }
#row3-left		{ width:50%; float:left; padding:400px 0 0 0; }


#content 		{ width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
#content a		{ font-size:24px; font-weight:bold; text-decoration:underline; }


#toppageimage 		{ width:100%; height:300px; background-color:#000000; padding-top:123px; }
#toppageimage img	{ height:300px; }


#content a:link		{ color:#000000;	}
#content a:visited	{ color:#000000;	}
#content a:active	{ color:#000000;	}
#content a:hover	{ color:#777777;	}
#content a:focus	{ color:#000000;	}

#actionleft			 	{ float:left; width:40%; padding:10px 0 10px 0; background-color:#f5f5fc;  }
#actionleft p		 	{ font-size:16px; color:#000; margin:0px 0px 0px 12%; line-height:150%; font-weight:bold; text-align:center; 	}
#actionleft a		 	{ font-size:24px; font-weight:bold; text-decoration:underline; }
#actionleft a:link		{ color:#000000;	}
#actionleft a:visited	{ color:#000000;	}
#actionleft a:active	{ color:#000000;	}
#actionleft a:hover		{ color:#777777;	}
#actionleft a:focus		{ color:#000000;	}
#actionright		 	{ float:right; width:40%; padding:10px 0 10px 0; background-color:#f5f5fc; }  
#actionright p		 	{ font-size:16px; color:#000; margin:0px 10% 0px 0px; line-height:150%; font-weight:bold; text-align:center;	}
#actionright a		 	{ font-size:24px; font-weight:bold; text-decoration:underline; }
#actionright a:link		{ color:#000000;	}
#actionright a:visited	{ color:#000000;	}
#actionright a:active	{ color:#000000;	}
#actionright a:hover	{ color:#777777;	}
#actionright a:focus	{ color:#000000;	}



#compliance			{clear:both; background-color:#ffffff; padding:2px 0 2px 0; background-color:#000000; }
#compliance	h3		{ text-align:center; font-size:12px; font-weight:normal; margin:5px 10% 0 10%; line-height:120%; color:#f5f5ec; }	
#compliance	p		{ text-align:center; font-size:12px; font-weight:normal; margin:0 10% 0 10%; line-height:120%; color:#f5f5ec; }	

#compliance a:link		{ color:#f5f5ec;	}
#compliance a:visited	{ color:#f5f5ec;	}
#compliance a:active	{ color:#f5f5ec;	}
#compliance a:hover	{ color:#777777;	}
#compliance a:focus	{ color:#f5f5ec;	}

#postscript 		{ width:100%; background:#ffffff; padding:0 0 0 0; clear:both; }
#postscript h1		{ font-size:12px; color:#000; margin:10px 58px 3px 58px; text-transform:uppercase;
				      font-weight:bold; padding:0 0 2px 0; text-align:center }
#postscript h2	    { font-size:48px; color:#ff0000; text-align:center; text-transform:uppercase; 
				      font-weight:bold; padding:20px 0 20px 0; }
#postscript h3		{ font-size:16px; color:#000; margin:25px 58px 2px 58px; text-transform:uppercase;
				      font-weight:bold; padding:0 0 2px 0;  }
#postscript p		{ font-size:9px; color:#000; margin:0px 20px 0px 20px; line-height:100%; }


@media only screen and (max-device-width : 768px) { 

		#wrapper 			{ width:100%; margin:0 auto; padding:0 0; background-color:#ffffff;
							  border-bottom:6px #ffffff solid; }
		
		#fixnavbar		{ width:100%; position:absolute; height:120px; background-color:#000000; border-bottom:3px #cccccc solid; }
		#fixnavbar p	{ color:#ffffff; font-size:64px; text-align:center; font-weight:bold;  }
		#fixnavbar img	{ padding:15px 0 0 15px; }
		
		#logo             { width:217px; height:145px; clear:both; background-color:#ff4500; margin-left:15px; margin-top:15px; float:left; }

		#row1 			{ height:100%; width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
		#row1-right		{ width:50%; float:right; }
		#row1-right img	{ padding:123px 0 0 0; margin:0 0 0 50px; float:right;   }
		#row1-left		{ width:50%; float:left; }
		#row1 h1		{ font-size:60px; color:#000; text-transform:uppercase; text-align:center;
						  font-weight:bold; text-align:center; padding:200px 10px 25px 10px; letter-spacing:10px; }
		#row1 h2		{ font-size:36px; color:#000; text-transform:uppercase;
						  font-weight:bold; padding:15px 0 15px 0; text-align:center }
		#row1 h3		{ font-size:20px; color:#000000; text-align:center; text-transform:uppercase; 
						  font-weight:bold; padding:30px 20px 0 20px; }
		#row1 h4		{ font-size:64px; color:#ff0000; text-align:center; text-transform:uppercase; 
					 	  font-weight:bold; padding:40px 0 0 0; letter-spacing:18px; }
			 	  
		#row2 			{ height:100%; width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
		#row2-right		{ width:48%; float:right; }
		#row2-right p	{ font-size:20px; color:#000; line-height:145%; font-weight:normal; padding:20px 40px 0 30px; 	}
		#row2-left		{ width:52%; float:left; }
		#row2-left img	{ padding:0 0 0 0; margin:0 0 0 0;   }

		#row3 			{ height:100%; width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
		#row3-right		{ width:50%; float:right; }
		#row3-right img	{ padding:0 0 0 0; margin:0 0 0 20px; float:right;   }
		#row3-left		{ width:50%; float:left; padding:100px 0 0 0; }

		
		#content 		{ width:100%; background:#ffffff; padding:0 0 0 0; clear:both; background-color:#f5f5fc; overflow:hidden; }
		#content a		{ font-size:24px; font-weight:bold; text-decoration:underline; }
		
		#toppageimage 		{ width:100%; height:300px; background-color:#000000; padding-top:123px; }
		#toppageimage img	{ height:300px; }
		
		
		#content a:link		{ color:#000000;	}
		#content a:visited	{ color:#000000;	}
		#content a:active	{ color:#000000;	}
		#content a:hover	{ color:#777777;	}
		#content a:focus	{ color:#000000;	}
		
		#actionleft			 	{ float:left; width:50%; padding:100px 0 20px 0; background-color:#f5f5fc;  }
		#actionleft p		 	{ font-size:20px; color:#000; margin:0px 0px 0px 2%; line-height:150%; font-weight:bold; text-align:center; 	}
		#actionleft a		 	{ font-size:36px; font-weight:bold; text-decoration:underline; }
		#actionleft a:link		{ color:#000000;	}
		#actionleft a:visited	{ color:#000000;	}
		#actionleft a:active	{ color:#000000;	}
		#actionleft a:hover		{ color:#777777;	}
		#actionleft a:focus		{ color:#000000;	}
		#actionright		 	{ float:right; width:48%; padding:100px 0 20px 0; background-color:#f5f5fc; }  
		#actionright p		 	{ font-size:20px; color:#000; margin:0px 2% 0px 0px; line-height:150%; font-weight:bold; text-align:center;	}
		#actionright a		 	{ font-size:36px; font-weight:bold; text-decoration:underline; }
		#actionright a:link		{ color:#000000;	}
		#actionright a:visited	{ color:#000000;	}
		#actionright a:active	{ color:#000000;	}
		#actionright a:hover	{ color:#777777;	}
		#actionright a:focus	{ color:#000000;	}
		
		
		
		#compliance			{clear:both; background-color:#ffffff; padding:2px 0 2px 0; background-color:#000000; }
		#compliance	h3		{ text-align:center; font-size:12px; font-weight:normal; margin:5px 10% 0 10%; line-height:120%; color:#f5f5ec; }	
		#compliance	p		{ text-align:center; font-size:12px; font-weight:normal; margin:0 10% 0 10%; line-height:120%; color:#f5f5ec; }	
		
		#compliance a:link		{ color:#f5f5ec;	}
		#compliance a:visited	{ color:#f5f5ec;	}
		#compliance a:active	{ color:#f5f5ec;	}
		#compliance a:hover	{ color:#777777;	}
		#compliance a:focus	{ color:#f5f5ec;	}
		
		#postscript 		{ width:100%; background:#ffffff; padding:0 0 0 0; clear:both; }
		#postscript h1		{ font-size:12px; color:#000; margin:10px 58px 3px 58px; text-transform:uppercase;
						      font-weight:bold; padding:0 0 2px 0; text-align:center }
		#postscript h2	    { font-size:48px; color:#ff0000; text-align:center; text-transform:uppercase; 
						      font-weight:bold; padding:20px 0 20px 0; }
		#postscript h3		{ font-size:16px; color:#000; margin:25px 58px 2px 58px; text-transform:uppercase;
						      font-weight:bold; padding:0 0 2px 0;  }
		#postscript p		{ font-size:9px; color:#000; margin:0px 20px 0px 20px; line-height:100%; }




		}





		

#box1 {   }

#box2 {   }

#box3 {   }

#box4 {   }

#box5 {   }

#box6 {   }

#box7 {   }

#box8 {   }

#box9 {   }


/* Layout Extra */




/* Navigation Extra */



/* Forms */

#form1	 				{ margin:0 0 0 0; 	}

ol li					{ display:block; padding:20px 0px 5px 0px; }

form ol 					{ list-style-type:none; }

label 					{ display: block; margin:10px 0 8px 0; 
							font-family:Arial, Helvetica, sans-serif; font-size:14px;
							text-transform:uppercase;  } 
								
input, textarea, select 		{ display: block; width:400px; }

input					{	}

textarea					{	}

select					{	}

.submit					{ padding:5px 20px; width:140px; }


/* Miscellaneous  */


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	
.notice		{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	
.success   	{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	
.info 		{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	
.error a 		{ color: #8a1f11; }
.alert a 		{ color: #8a1f11; }
	
.notice a   	{ color: #514721; }
.success a  	{ color: #264409; }
.info a		{ color: #205791; }



