@charset "UTF-8";
/* CSS Document - Author Sharon Casady: www.redraindesigns.com 07/05/10 */

body {
background-color:#BDBDBD;
font-size:1em;
margin:0;
padding:0;
width:100%;
}

#outerwrapper {
float:left;
height:100%;
padding:0;
width:100%;
}

#borderwrapper {
margin:0 auto;
padding:0;
width:840px;
}

.leftborder {
background-image:url(images/leftlinewrapper.png);
background-position:left top;
background-repeat:repeat-y;
float:left;
margin:0;
padding:0;
width:2px;
}

.rightborder {
background-image:url(images/leftlinewrapper.png);
background-position:right top;
background-repeat:repeat-y;
float:right;
margin:0;
padding:0;
position:relative;
width:2px;
}

#wrapper {
background-color:#FFFFFF;
background-image:url(images/leftlinewrapper.png);
background-position:right top;
background-repeat:repeat-y;
clear:both;
float:left;
height:100%;
padding-top:0;
width:840px;
}

/* header */

#header {
background-image:url(images/headerbackground.png);
background-position:left top;
background-repeat:repeat-x;
float:left;
height:210px;
margin:0;
padding:0;
width:840px;
}

.tagline {
margin:27px auto 0;
padding:0;
text-align:center;
}

.tagline p {
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:110%;
margin:0;
padding:0;
}

#logo {
background-image:url(images/emaricologo.jpg);
background-position:left top;
background-repeat:no-repeat;
border-color:#CCCCCC;
border-width:1px;
cursor:pointer;
display:inline;
float:left;
height:44px;
margin:51px 0 10px 35px;
padding:0;
width:159px;
}

#smalltopnav {
display:inline;
float:right;
margin:68px 0 0 0;
padding:0;
}

#smalltopnav ul {
display:inline;
list-style-type:none;
margin:0;
padding:0 30px 0 0;
}

#smalltopnav ul li {
display:inline;
height:20px;
margin:0;
padding:0;
width:100%;
}

#smalltopnav ul li span {
color:#444444;
font-family:Verdana,Geneva,sans-serif;
font-size:70%;
font-weight:normal;
}

#smalltopnav ul li.arrow span {
background-image:url(images/arrow.png);
background-position:left center;
background-repeat:no-repeat;
color:#444444;
display:inline;
font-family:Verdana,Geneva,sans-serif;
font-size:70%;
font-weight:normal;
height:20px;
padding:6px 7px 6px 15px;
width:6px;
}

#smalltopnav ul li a {
color:#444444;
font-family:Verdana,Geneva,sans-serif;
font-size:70%;
font-weight:normal;
padding:0;
text-decoration:none;
}

#smalltopnav ul li a:hover {
color:#F15D22;
text-decoration:none;
}

#smalltopnav ul li a.divider {
background-image:url(images/divider.gif);
background-position:left 3px;
background-repeat:no-repeat;
height:13px;
width:2px;
}

#smalltopnav ul li a.arrow {
background-image:url(images/arrow.png);
background-position:left center;
background-repeat:no-repeat;
display:inline;
height:20px;
padding:6px 7px 6px 15px;
width:6px;
}

#smalltopnav p {
color:#003E7E;
font-family:Verdana,Geneva,sans-serif;
font-size:65%;
font-weight:normal;
margin:3px 0 0;
padding:0 28px 0 15px;
text-align:right;
}

.topnav {
background-image:url(images/mainnavbackgroundgray.gif);
background-position:left center;
background-repeat:no-repeat;
clear:both;
float:left;
height:33px;
margin:21px 0 0;
padding:0;
}

.topnav ul {
display:inline;
float:left;
list-style-type:none;
margin:2px 0 0 2px;
padding:0;
width:838px;
z-index:100;
}

.topnav ul li {
display:block;
float:left;
list-style-type:none;
margin:0;
padding:0;
text-decoration:none;
}

.topnav li a {
background-image:url(images/mainnavdivider.png);
background-position:right center;
background-repeat:repeat-y;
color:#003E7E;
cursor:pointer;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:90%;
font-weight:bold;
line-height:125%;
margin:0 0 0;
padding:5px 30px 6px;
text-decoration:none;
}

.topnav li.last {
float:right;
list-style-type:none;
margin:0 7px 0 0;
padding:0;
text-decoration:none;
}

.topnav li.last a {
background-image:url(images/mainnavarrow.png);
background-position:left 11px;
background-repeat:no-repeat;
color:#555555;
cursor:pointer;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:65%;
font-weight:normal;
line-height:normal;
margin:0;
padding:7px 10px 7px 15px;
text-decoration:none;
}

.topnav ul li.last a:hover {
background-color:#F1F1F1;
display:block;
}

.topnav li a span {
color:#333333;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:80%;
font-weight:bold;
line-height:1.9em;
margin:0;
padding:0;
text-decoration:none;
}

.topnav ul li:hover {
background-color:#FFFFFF;
color:#F15D22;
display:block;
}

.topnav ul li a:hover {
background-color:#FFFFFF;
color:#F15D22;
display:block;
}

.topnav ul li.first a:hover {
background-color:#FFFFFF;
color:#F15D22;
display:block;
}

.topnav li a:hover span {
color:#0061AE;
line-height:1.9em;
text-decoration:none;
}

.topnav ul li a.current {
border-bottom:medium none;
color:#F15D22;
text-decoration:none;
}

/* maincontenthome */

#maincontenthome {
clear:both;
display:inline;
float:left;
margin:0;
padding:0;
width:840px;
}

ul#portfolio {
list-style-type:none;
margin:0;
padding:0;
}

.maincontenthome {
float:left;
height:100%;
margin:20px 0;
padding:0 0 0 45px;
width:500px;
}

.maincontenthome p, .maincontenthome h1, .maincontenthome h2, .maincontenthome h3, .maincontenthome h4, .maincontenthome h5, .maincontenthome h6, .maincontenthome ul {
font-family:Verdana,Geneva,sans-serif;
margin:0;
}

.maincontenthome a {
color:#2C84BD;
text-decoration:none;
}

.maincontenthome a:hover {
color:#555555;
text-decoration:none;
}

.maincontenthome p {
clear:both;
color:#333333;
font-size:75%;
line-height:160%;
padding:0 5px 10px 0;
}

.maincontenthome h1 {
border-bottom:1px solid #CCCCCC;
color:#003E7E;
font-size:115%;
font-weight:bold;
line-height:120%;
margin:0 0 10px;
padding:0 15px 7px 0;
}

.maincontenthome h2 {
color:#003E7E;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontenthome h3 {
color:#444;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontenthome h4 {
color:#F15D22;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontenthome h5 {
color:#333;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontenthome h6 {
color:#555;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontenthome ul {
list-style-type:none;
margin:0;
padding:5px 0 8px 30px;
}

.maincontenthome ul li {
color:#333333;
font-size:75%;
line-height:155%;
list-style-position:outside;
list-style-type:disc;
margin:0;
padding:0 0 5px;
}

.maincontenthome ul li a {
color:#003E7E;
text-decoration:none;
}

.maincontenthome ul li a:hover {
color:#F15D22;
text-decoration:none;
}

.maincontenthome div.back {
background-color:#EFEFEF;
border:1px solid #CCCCCC;
float:left;
height:100%;
padding:0 20px;
width:690px;
}

.maincontenthome div {
border-right:1px solid #CCCCCC;
float:left;
height:300px;
margin:20px 0;
padding:0 10px 0 15px;
width:225px;
}

.maincontenthome div.second {
border-right:1px solid #CCCCCC;
float:left;
height:300px;
margin:20px 0;
padding:0 10px 0 30px;
width:175px;
}

.maincontenthome div.third {
border:medium none;
float:left;
height:300px;
margin:20px 0;
padding:0 10px 0 30px;
width:175px;
}

/* maincontent */

#maincontent {
clear:both;
display:inline;
float:left;
margin:0;
padding:0;
width:840px;
}

.maincontent {
clear:right;
float:right;
height:100%;
margin:20px 0;
padding:0 55px 0 0;
width:500px;
}

.background {
background-color:#F3F3F3;
border:1px solid #CCCCCC;
margin:10px 0 15px;
padding:10px 15px 7px;
}

.questionmark {
background-image:url(images/questionmark.png);
background-position:center top;
background-repeat:no-repeat;
margin:0 0 0;
padding:10px 15px 7px;
}

.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6, .maincontent ul, .maincontent p.line {
font-family:Verdana,Geneva,sans-serif;
margin:0;
}
.maincontentimage {
float:right;
margin:0;
padding:0 0 10px 10px;
}

.maincontent a {
color:#F15D22;
text-decoration:none;
}

.maincontent a:hover {
color:#003E7E;
text-decoration:none;
}

.maincontent p {
color:#333333;
font-family:Verdana,Geneva,sans-serif;
font-size:75%;
line-height:160%;
margin:0;
padding:0 5px 10px 0;
text-align:justify;
}

.maincontent p.intro {
clear:both;
color:#333333;
font-size:101%;
font-weight:normal;
line-height:150%;
padding:0 5px 10px 0;
}

.bold {
color:#444444;
font-weight:bold;
}

.maincontent h1 {
border-bottom:1px solid #CCCCCC;
color:#003E7E;
font-size:115%;
font-weight:bold;
line-height:120%;
margin:0 0 10px;
padding:0 15px 7px 0;
}

.maincontent h2 {
color:#003E7E;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontent h3 {
color:#F15D22;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontent h4 {
color:#444;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontent h5 {
color:#333;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontent h6 {
color:#555;
font-size:90%;
font-weight:normal;
line-height:135%;
padding:0 0 3px;
}

.maincontent div.blocks {
float:left;
margin:0 5px 0 0;
padding:0;
width:240px;
}

.maincontent ul {
list-style-type:none;
margin:0;
padding:5px 0 8px 35px;
}

.maincontent ul li {
color:#333333;
font-size:75%;
line-height:155%;
list-style-position:outside;
list-style-type:disc;
margin:0;
padding:0 0 7px;
}

.maincontent ul li a {
color:#003E7E;
text-decoration:none;
}

.maincontent ul li a:hover {
color:#F15D22;
text-decoration:none;
}

/* images */

.majorhomeimage {
height:375px;
margin:25px 0 0 0;
padding:0 0 0 30px;
width:750px;
}

.smallboxes {
float:right;
margin:20px 0 15px;
padding:0 30px 0 0;
width:250px;
}

.smallhomeimage {
background-image:url(images/smallboxback.png);
background-position:left top;
background-repeat:no-repeat;
height:225px;
margin:0;
padding:0;
width:250px;
}

.smallhomeimage p {
color:#333333;
font-family:Verdana,Geneva,sans-serif;
font-size:75%;
font-weight:normal;
line-height:130%;
margin:0 0 5px;
padding:0 0 0 30px;
}

.smallhomeimage p a {
color:#003E7E;
text-decoration:underline;
}

.smallhomeimage p a:hover {
color:#F15D22;
text-decoration:underline;
}

.smallhomeimage ul {
display:block;
float:left;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 30px;
text-decoration:none;
width:200px;
}

.smallhomeimage ul li {
display:block;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-decoration:none;
}

.smallhomeimage ul li a {
background-image:url(images/checkmark.png);
background-position:left top;
background-repeat:no-repeat;
color:#333333;
display:block;
font-family:Verdana,Geneva,sans-serif;
font-size:75%;
font-weight:normal;
line-height:120%;
margin:0;
padding:3px 0 4px 22px;
text-decoration:none;
}

.smallhomeimage ul li a:hover {
color:#F15D22;
}

.smallhomeimage h2 {
color:#F15D22;
font-family:Verdana,Geneva,sans-serif;
font-size:85%;
font-weight:bold;
line-height:130%;
margin:0;
padding:30px 0 3px 30px;
}

/* sidenav */

#sidenavcompany, #sidenavproducts, #sidenavnews, #sitemap {
background-position:left top;
background-repeat:no-repeat;
clear:left;
display:inline;
float:left;
height:400px;
margin:18px 0 10px 45px;
padding:0;
width:194px;
}

#sidenav {
float:left;
height:650px;
width:250px;
}

#sidenavcompany {
background-image:url(images/sidenavbackcompany.png);
}

#sidenavproducts {
background-image:url(images/sidenavbackproducts.png);
height:425px;
}

#sidenavnews {
background-image:url(images/sidenavbacknews.png);
}

#sidenavsitemap {
background-image:url(images/sidenavbacksitemap.png);
}

#sidenav ul {
list-style-type:none;
margin:7px 10px 0 0;
padding:0 0 0 40px;
}

#sidenav ul li {
display:inline;
margin:0;
padding:0;
}

#sidenav ul li a {
color:#333333;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:75%;
line-height:120%;
margin:0;
padding:0 0 5px 0;
text-decoration:none;
}

#sidenav ul li a:hover {
color:#003E7E;
text-decoration:none;
}

#sidenav ul li a.current {
background-image:url(images/smallarrow.png);
background-position:left 3px;
background-repeat:no-repeat;
color:#F15D22;
text-decoration:none;
}

#sidenav h3 {
color:#003E7E;
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
font-weight:bold;
line-height:115%;
margin:187px 0 0;
padding:0 0 0 40px;
}

/* form */

form {
display:inline;
height:100%;
margin:0;
padding:0;
width:450px;
vertical-align:top;
}

input {
border:1px solid #B2B2B2;
color:#666666;
float:left;
font-size:70%;
height:20px;
margin:0 0 0 15px;
padding:0;
width:125px;
}

fieldset#requestinfo {
background-color:#FFFFFF;
border:medium none;
display:inline;
float:left;
height:100%;
margin:0;
padding:0;
width:400px;
}

#requestinfo {
margin-top:0;
padding:0;
}

#requestinfo p {
line-height:1.5em;
margin:0;
padding:0 0 5px 0;
text-align:left;
width:100%;
}

.requestinfo h1 {
color:#333333;
font-size:0.75em;
font-weight:bold;
margin:10px 0 0 0;
padding-bottom:5px;
padding-top:0;
}

#requestinfo h2 {
color:#333333;
font-size:0.75em;
font-weight:bold;
margin:10px 0 0 0;
padding:0 0 5px 0;
}

#requestinfo h3 {
font-weight: bold;
color:#333;
padding:0;
margin:0 0 3px 0;
line-height:bold;
font-size:80%;
}

#requestinfo h4 {
color:#008CD1;
font-size:65%;
font-weight:normal;
line-height:normal;
margin:0;
padding:0 0 5px 0;
}

#requestinfo label {
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:70%;
padding:0;
text-align:left;
vertical-align:text-top;
}

#requestinfo label.catagory {
color:#555555;
display:inline;
float:right;
font-size:8pt;
line-height:130%;
padding:0;
text-align:left;
vertical-align:middle;
width:150px;
}

#requestinfo input {
font-size:0.8em;
margin:0 0 0 5px;
vertical-align:middle;
width:255px;
}

#requestinfo div {
display:inline;
float:left;
margin:0 20px 0 0;
width:175px;
}

#requestinfo input.checkbox {
border:medium none;
clear:left;
float:left;
height:15px;
margin:0 5px 0 0;
overflow:hidden;
padding:0;
text-align:left;
width:15px;
}

#requestinfoinput .submit {
background-color:#F5F5F5;
display:inline;
float:left;
font-size:7.5pt;
height:100%;
line-height:normal;
margin:10px 5px 0 116px;
padding:0 0 1px 0;
width:70px;
}

#requestinfoinput .reset {
background-color:#F5F5F5;
display:inline;
float:left;
font-size:7.5pt;
height:100%;
margin:10px 0 0 0;
padding:0 0 1px 0;
width:70px;
}

#requestinfoinput input {
color:#333333;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:8pt;
margin:0 0 5px 0;
vertical-align:middle;
width:240px;
}

#requestinfoinput textarea {
border:1px solid #B2B2B2;
color:#333333;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:0.7em;
height:65px;
margin:0 0 5px 0;
vertical-align:top;
width:240px;
}

fieldset#requestinfoinput {
background-color:#FFFFFF;
border:medium none;
display:inline;
float:left;
margin:0 0 25px;
padding:0;
width:450px;
}

#requestinfoinput p.intro {
color:#333333;
font-size:100%;
font-weight:normal;
line-height:150%;
margin:0;
padding:0 0 10px;
}

#requestinfoinput p {
color:#333333;
float:left;
font-size:75%;
line-height:160%;
margin:0;
padding:0 0 20px 0;
text-align:left;
}

#requestinfoinput h3 {
color:#003E7E;
font-size:85%;
font-weight:normal;
margin:0;
padding:0;
width:350px;
}

#requestinfoinput h4 {
color:#008CD1;
font-size:65%;
font-weight:normal;
line-height:normal;
margin:0 0 15px 0;
padding:0;
}

#requestinfoinput label {
clear:left;
color:#333333;
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:75%;
margin:0;
padding:0;
text-align:left;
vertical-align:text-bottom;
width:115px;
}

#requestinfoinput select {
color:#333333;
font-family:Verdana,Geneva,sans-serif;
font-size:8pt;
margin-bottom:10px;
padding:0;
}

fieldset#validation {
background-color:#FFFFFF;
border:medium none;
display:inline;
float:left;
height:100%;
margin:0 0 0;
padding:0;
width:250px;
}

fieldset#validation p {
height:100%;
padding:0 0 3px;
}

#validation h3 {
color:#008CD1;
font-size:75%;
font-weight:normal;
height:100%;
margin:0 0 5px 0;
padding:0;
}

/* footer */

#footer {
background-image:url(images/footerback.png);
background-position:center bottom;
background-repeat:no-repeat;
clear:both;
height:128px;
margin:0 auto;
padding:0;
width:840px;
}

.footer {
clear:both;
color:#FFFFFF;
float:left;
font-family:Verdana,Geneva,sans-serif;
margin:0 auto 0;
padding:20px 0 0 0;
text-align:center;
width:840px;
}

.email {
clear:both;
margin:0 auto;
padding:30px 0 0;
width:840px;
}

.email p {
color:#003E7E;
font-family:Verdana,Geneva,sans-serif;
font-size:70%;
line-height:100%;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
}

.privacy {
clear:both;
float:left;
margin:0 auto;
padding:5px 0 0;
width:840px;
}

.privacy p {
color:#666666;
font-family:Verdana,Geneva,sans-serif;
font-size:60%;
margin:0;
padding:0 5px 10px 0;
text-align:center;
text-decoration:none;
}

.privacy a {
color:#444444;
text-decoration:none;
}

.privacy a:hover {
color:#F15D22;
text-decoration:none;
}

#footer .arrow {
background-image:url(images/arrow.png);
background-position:left center;
background-repeat:no-repeat;
display:inline;
float:left;
height:6px;
line-height:normal;
margin:10px 0 0 200px;
padding:0 15px 0 0;
width:9px;
}

#footer .submit {
background-image:url(images/go.gif);
background-position:left top;
background-repeat:no-repeat;
border:medium none;
height:18px;
width:22px;
}

#footer input {
float:none;
margin-left:2px;
padding:0;
vertical-align:top;
}

.footer p {
font-size:60%;
margin:0;
padding:0;
text-align:center;
}

.footer a {
color:#FFFFFF;
text-decoration:none;
}
.footer a:hover {
color:#D7D7D7;
text-decoration:none;
}

.footer ul {
list-style:none outside none;
margin:0;
padding:0;
}

.footer ul li {
display:inline;
list-style-type:none;
padding:0;
}

.footer ul li a {
color:#FFFFFF;
margin:0;
padding:0 8px 0 3px;
text-decoration:none;
}

.footer ul li a.divider {
background-image:url(images/divider.gif);
background-position:right 3px;
background-repeat:no-repeat;
height:10px;
width:2px;
}

.footer ul li a:hover {
color:#2C84BD;
text-decoration:none;
}