/* Sample CSS Framework */

/* Colour Legend */


/* Reset */

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

div, span, article, aside, footer, header, hgroup, nav, section,
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;
	}
	
article. aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block; }
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike, contact {
	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 { list-style:none; }


/* Global */

html {   }
body { background-color:#E8E8E8; }


/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight:bold; }

h1 { font-size:24px; color:#1E5196; padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }
h2 { font-size:20px; }
h3 { font-size:16px; margin-bottom:5px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

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


/* Text Elements */

p				{ color:#000; font-size:14px; line-height:150%; margin:15px 0; }
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:#0000A0;	}
a:visited		{ color:#004000;	}
a:active		{ color:#800000;	}
a:focus			{ color:#808000;	}
a:hover			{ color:#FF8000;	}

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

strong			{ font-weight:bold; }
em				{ font-style:italic; }


/* Images */

.image-frame	{ padding:10px; border:1px #ccc solid; margin:10px; }

/* Lists */

ul				{   }
ol				{ list-style-type:decimal; }

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

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:bold; }


/* Containers */

#outer				{ width:980px; margin:0 auto; background-color:#FFF; }

#wrapper			{ width:920px; margin:0 auto; background-color:#FFF; }

#company-logo		{ margin:30px 0px; float:left; }

#social-media-icons			 { float:right;  }
#social-media-icons ul li	 { display:inline; }
#social-media-icons ul		 { margin-top:40px; }

#topnav				{ clear:both;   }
#topnav	ul			{ border-top:1px #000 solid; border-bottom:1px #000 solid; margin:20px 0; padding:10px 0;  }
#topnav	ul li		{ display:inline;  }
#topnav	ul li a		{ padding:0 15px;  }

#topnav a:link		{ color: #000; font-size:16px; }
#topnav	a:visited	{ color: #000;  }
#topnav	a:active	{ color: #000;  }
#topnav	a:focus		{ color: #666;  }
#topnav	a:hover		{ color: #F90;  }

#banner				{ margin-bottom:30px;	}
#slider				{ margin-bottom:30px;	}

#content			{ width:650px; float:left;  }

#content-fullwidth	{ width:100%; }

#rightside			{ width:200px; float:right; }
#contact			{ margin:70px 155px 75px 100px; float:right; color:#1E5196; font-size:16px; font-style:bold; }
#contact-map		{ float:left; }



#footer-contact				{ clear:both; }
#footer-contact	ul			{ border-top:1px #ccc solid; border-bottom:1px #ccc solid; margin:0 auto; padding:5px 0;  }
#footer-contact	ul li		{ display:inline;  }
#footer-contact	ul li a		{ padding:0 5px;  }

#footer-contact a:link		{ color: #1E5196; font-size:16px; font-style:bold; }
#footer-contact	a:visited	{ color: #1E5196;  }
#footer-contact	a:active	{ color: #000;  }
#footer-contact	a:focus		{ color: #666;  }
#footer-contact	a:hover		{ color: #F90;  }


#footer				{ clear:both; margin-bottom:10px 0; padding-bottom:10px; }

#clickable-link a:link		{ color: #1E5196; font-size:16px; font-style:bold; }
#clickable-link	a:visited	{ color: #1E5196;  }
#clickable-link	a:active	{ color: #000;  }
#clickable-link	a:focus		{ color: #666;  }
#clickable-link	a:hover		{ color: #F90;  }
#clickable-link				{ padding:0px 0px 15px;  }

#box1 { width:250px; float:left; margin:25px; border-top:15px #A45200 solid; background-color:#eee; }

#box2 { width:250px; float:left; margin:25px; border-top:15px #978353 solid; background-color:#eee; }

#box3 { width:250px; float:left; margin:25px; border-top:15px #6A6A00 solid; background-color:#eee; }

#box1 h3, #box2 h3, #box3 h3 { margin:20px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin:5px 10px 10px 10px; }

#box4 {   }

#box5 {   }

#box6 {   }


/* Layout Extras */


/* Navigation Extras */


/* Forms */

form { text-align:left; margin:20px; }

label, submit, input, textarea {
	float:left; width: 150px;
	text-align:right; display:block;
	}
	
input, textarea {
	border:1px #333 solid; margin-left:10px;
	}
	
input {
	width: 280px; margin-bottom: 16px;
	}
	
textarea {
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}
	
select {   }

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
	}

br { clear:left; }


/* Miscellaneous */
.popup-link		{ font-size:12px; margin:5px 10px; display:block; }

.date			{ font-weight:bold; color:#C00; margin-bottom:3px; }

.footer-contact	{ font-size:16px; font-style:bold; color:#1E5196; text-align:center;  }
.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:12px; font-style:normal; color:#000; text-align:center;  }

.title			{ font-size:18px; font-weight: bold; color:#333; }
.subtitle		{ font-size:14px; font-style:italic; color:#333; }

.artist			{ font-size:16px; font-weight: bold; color:#333; }
.author 		{ font-size:14px; font-weight: bold; color:#555; }
.editor			{ font-size:14px; font-style:italic; color:#555; }

.pub-date		{ font-size:10px; font-style:italic; color:#555; }
.article-date	{ font-size:10px; font-style:italic; color:#555; }
.location		{ font-size:10px; font-style:italic; color:#555; }

.float-right	{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added			{ background:#D7D7FF; }
.removed		{ background:#FFCECE; color:f00; }
.changed		{ background:#FFB; }


/* 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: #8a1fll; 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: #8a1fll; }
.alert a	{ color: #8a1fll; }

.notice a	{ color: #514721; }
.success a	{ color: #264409; }
.info a		{ color: #205791; }