/* CSS Document */
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Headings */
h1, h2, h3, h4, h5, h6, h7 { font-weight:bold;}
h1 {font-size:24px; padding-bottom:15px; color:#bb5e00; border-bottom:1px #ccc solid; margin-bottom:15px}
h2 {font-size:20px; color:#FF0000; padding-bottom:5px; }
h3 { font-size:16; color:#f90; }
h4 {font-size:21px; text-align:center; border-top:1px solid #999; padding-top:20px; margin-top:10px;
}
h5 {font-size:20px; color: #0F0; padding-bottom:5px; }
h6 { font-size:20px; color: #0080FF; padding-bottom:5px; }
h7 { font-size:20px; color: #000; padding-bottom:10px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0 px;}
/* Container go with div tags */
#outer { width:960px; margin:0 auto; background-color:#fff; }
#wrapper { width:900px; margin:0 auto; background-color:#fff; }
#logo { margin:20px 0px; float:left; }
#company-description { float:right;}
#company-description ul {padding:20px 0px; list-style-type:circle; }
#company-description ul li {padding: 10px; font-weight:bold; font-size:17px;}
#company-phone p { float:right; margin:0 0 0 0; color:#CA0000;}
#social-media-icons ul { }
#social-media-icons ul li {}
#topnav {clear:both; border-top:0px #000 solid; border-bottom:0px #000 solid;
margin:10px 0px; padding:1px 0px 1px 0px; }
#topnav uli { border-top:1px #000 solid; border-bottom:1px #000 solid;
margin:1px 0px; padding:1px 0px 25px 0px; }
#topnav ul lii { display:inline; padding:0px 0px 5px 0px}
#topnav ul lii a { padding:0px 18px; }
#topnav a:linki { color:#000;}
#topnav a:visitedi { color:#000;}
#topnav a:activei { color:#000;}
#topnav a:focusi { color: #666;}
#topnav a:hoveri { color:#9D0000;}
#banner { margin-bottom:0px; border: 0px #000 solid; padding:0; width:900px; height:492px;}
#s3slider{margin-bottom:30px}
#content {width:650px; float:left;}
#full-content {width:100%}
#home page img { float:left;}
#rightside { width:200px; float:right; }
#footer-email { clear:both; margin-top:20px; border-top:1px #ccc solid; padding:20px 0px 10px 0px;}
/* boxes*/
#box1 {width:900px; float:left; margin:0px auto;
border-top: 1px #F00 solid; background-color: #FFF;}
#box2 {width:900px; float:left; margin:0px auto;
border-top: 1px #0F0 solid; background-color: #FFF;}
#box3 {width:900px; float:left; margin:0px auto;
border-top: 1px #09F solid; background-color: #FFF;}
#box1 h3, #box2 h3, #box3 h3, #box4 h3{ margin:0px 0px 0px 0px; }
#box1 p, #box2 p, #box3 p, #box4 p{ margin: 5px 10px 10px 10px;}
#box4 {width:220px; float:right;
border-top: 15px #660 solid; background-color: #eee;}
#box5 {margin:10px 0px 10px 150px;}
/*for specials page*/
#box6 {width:400px; float:left; margin:1px 5px 5px 5px; padding:5px;
border: 2px #000 dashed; background-color: #eee;}
#box7 {width:400px; float:right; margin:0 1px 1px 5px; padding:1px;
border: 2px #000 solid; background-color:#0FF;}
#box8 {width:250px; float:left; margin:0 5px 5px 5px; padding:5px;
border: 2px #000 dashed; background-color: #eee;}
#box9 {width:250px; float:left; margin:0 5px 5px 5px; padding:5px;
border: 2px #000 dashed; background-color: #eee;}
#box10 {width:250px; float:left; margin:0 5px 5px 5px; padding:5px;
border: 2px #000 dashed; background-color: #eee;}
#box11 {width:250px; float:left; margin:0 5px 5px 5px; padding:5px;
border: 2px #000 dashed; background-color: #eee;}
#box12 {width:250px; float:left; margin:0 5px 5px 5px; padding:5px;
border: 2px #000 dashed; background-color: #eee;}
#box6 h1, #box7 h1, #box8 h1, #box9 h1, #box10 h1, #box11 h1, #box12 h1 { font-size:18px; text-align:center; margin:5px 10px 10px 10px; color:#000}
#box6 h2, #box7 h2, #box8 h2, #box9 h2, #box10 h2, #box11 h2, #box12 h2 { margin:5px 10px 10px 10px; font-size:17px; }
#box6 h3, #box7 h3, #box8 h3, #box9 h3, #box10 h3, #box11 h3, #box12 h3 { display:inline; margin:0 0px 0 10px; }
#box6 h3 p, #box7 h3 p, #box8 h3 p, #box9 h3 p, #box10 h3 p, #box11 h3 p, #box12 h3 p {margin:0 0 0 3px; display:inline; text-decoration:line-through; }
#box6 p, #box7 p, #box8 p, #box9 p, #box10 p, #box11 p, #box12 p { margin: 5px 10px 10px 10px;}
#box6 ul li, #box7 ul li, #box8 ul li, #box9 ul li, #box10 ul li, #box11 ul li, #box12 ul li { margin:0px 0px 0px 40px;}
#specials{margin:0 0 0px 40px; }
#align li{ display:inline; list-style-type:disc; margin:0px 90px 0px 50px;}
#align1 li{ display:inline; list-style-type:disc; margin:0px 100px 0px 50px;}
#align2 li{ display:inline; list-style-type:disc; margin:0px 90px 0px 20px;}
#align3 li{ display:inline; list-style-type:disc; margin:0px 85px 0px 30px;}
#vertical line{ border-right-style:dashed}
/* Globla affects whole webpage */
html { }
body { background-color:#FFFF75; }
/* Text Elements */
p { color:#000; font-size:16px; line-height:150%; margin-bottom:15px; }
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; }
em {font-style: italic; }
/* Image */
.image-frame {padding:10px; border:1px #ccc solid; margin:10px }
/* Lists */
.center{ margin:20px 75px 0 75px; font-size:36px;}
ul {}
li { list-style-type: disc;}
ol { display:inline}
ul li { color:#000; font-size: 12px;}
ol li { color:#000; font-size: 12px;}
dl {}
dt {}
dd {}
/* Tables */
tableI { 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;}
/* Miscellaneos*/
.free-service {list-style-type:disc; padding:10px 0px 10px 20px; }
.free-service-spacing {padding:5px 0px; font-size:13px; }
.footer-text {font-size:100%; font-style:normal; color:#0005; text-align:center;}
.top-rolling-banner {color: #F00; font-weight:bold; font-size:15px;}
.top-rolling-banner-spacing {color: #FFF; font-weight:bold; font-size:12px; }
.font-content{font-size:18px;}
.copyright-text {font-size:80%; font-style:italic; color:#333;}
.title {font-size:18px; font-weight:bold; color:#333}
.subtitle {font-size:18px; font-style:italic; color:#333}
.artist {font-size:16px; font-weight:bold; color:#F00;}
.author {font-size:14px; font-weight:bold; color:#555; list-style-type:disc;}
.editor {font-size:18px; color:#000}
.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:none; }
.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; }
/* Miscellaneos*/
sup, sub { line-height:0;}
abbr, acronym { border-bottom: 1px dotted #666; }
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;}
. date { }
/* Layout Extra */
/* Navigation Extra*/
#map iframe{margin:20px 0 20px 200px; width:500px; }
#map small{margin:0 0 20px 200px;}
#address {margin:20px 0 10px 0px;}
#address h4 { font-size:24px; text-align:center;}
#address p { font-size:20px; text-align:center; margin-top:10px;}
/* Forms*/
#form1 { float:right; width:460px; border: 5px #000 solid;
background-color:#9FFFFF;
margin:1px auto;
padding:10px 0;}
#name input{margin:10px 0 0px 0; width:110px;}
#length input{ float:left; margin:12px 0px 10px 5px; width:60px;}
#length p{ float:left; margin:8px 30px 0px 5px; }
#calculation label{ float:left; margin:10px 5px 10px 5px;}
#calculation input{ float:left; margin:12px 0px 10px 5px; width:60px;}
#calculation p{ float:left; margin:8px 0px 0px 5px; }
#calculator{border-top:1px solid #999; margin-top:15px; padding:10px; }
form{width:460px; text-align:left; margin:0 auto;}
label{ display:inline; margin:10px 0px 5px 10px;
font: 15px "Arial Black", Gadget, sans-serif;}
input { display:inline; margin:10px 0 0px 0px; width: 100px}
textarea {font-size:14px; border:1px #333 solid; width:435px; height:100px; margin:10px 0px 5px 10px ;}
fieldset{border:none; padding:0px 0 0px 0;}
.labelone{margin-top:10px;}
.btn{ width:125px; margin:20px 60px 0px 40px; color:#FF0000; font-weight:600;}
#first_last_name label {display:inline; margin:5px 27px 0px 20px;}
#first_last_name input {width:250px; margin:5px 0 10px 0;}
#phone label {float:left; display:inline; margin:5px 55px 0 20px;}
#phone input {width:100px; margin:5px 0 10px 5px;}
#email li{float:right;list-style-type:none; margin:-30px 0 10px 0;}
#email li label{ display:inline; margin:0 67px 0 50px;}
#email li input { width:20px; margin:0 45px 0px 0px;}
#confirm_email label{ float:left; display:inline; margin:5px 5px 0 20px;}
#confirm_email input{ width:250px; margin:5px 0 5px 0px;}
#address li{float:right;list-style-type:none; margin:-30px 0 0px 0;}
#address li label{ display:inline; margin:5px 47px 0 50px;}
#address li input { width:250px; margin:5px 45px 0 0px;}
#city label{ float:left; display:inline; margin:5px 88px 0 20px;}
#city input{width:250px; margin:10px 0px 0px 0px;}
#state li{float:right;list-style-type:none; margin:-30px 0 0px 0;}
#state li label{ display:inline; margin:5px 68px 0 50px;}
#state li input {width:90px; margin:10px 205px 0 0px;}
#zip li{float:right;list-style-type:none; margin:-30px 0 0px 0;}
#zip li label{ display:inline; margin:5px 0px 0 50px;}
#zip li input { width:50px; margin:10px 45px 0px 0px;}
input:focus, textarea:focus {background-color:#FFD7FF; font-size:14px;}
input, textarea { border:1px #333 solid;}
select{border:1px #333 solid; margin:10px 10px 10px 10px; width:130px; background-color:#FF9B37}
#footage label{display:inline; margin:5px 0px 0px 20px;}
#footage input{width:128px; margin:10px 0 10px 0; }
form1 {text-align:left; margin:10px; }
form1 ol {list-style-type:none;}
label1, submit1, input1, textarea1 { border:0;
padding:0; margin:0; background:none; }
label1 {float:left; width: 0px; margin-top:5px;
text-align:right; display:inline; background:none; font-weight:bold; }
input1 { width: 280px; margin-bottom: 16px;}
textarea1 { width: 280px; height: 150px;
margin: 0px 0px 16px 10px;
border: 1px solid #bbb; padding:5px; background:none;}
select1 { margin-bottom:20px;}
.submit1 { width:90px; height: 25px; margin-left: 150px; font-size:12px;}
.month1{margin-left:155px}
br { clear:left; }