@charset "UTF-8";
/*
Title:          Lireo Designs
Author:     	  Deborah Edwards-Onoro, http://www.lireo.com/
Created:        3 January 2000
Last Updated:   8 May 2010
*/

body, div, h1, h2, h3, h4, ul, dl, ol, li,
blockquote, table, th, td {
    background-repeat: no-repeat; 
    color: #333333; 
	  font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif; 
    font-size: 100%; 
    line-height: 1.6; 
    margin: 0;
    padding: 0;
}
body, p, ul, ol, li, img {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    background-color: #ffffff;
    background-image: url(images/grainBG.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0; 
    text-align: center; 
}
ol, ul {
    list-style: none;
}
img { 
	  border: none;
}
a, 
a img,
span {
    background-repeat: no-repeat; 
    outline: none; 
}
a:hover, 
a:active, 
a:focus {
    outline: dotted 1px #333333;
}


/*= ----- top ------ */

#top {
    background-color: #ffffff; 
    float: left;
    width: 500px;
    height: 145px;
    position: relative;
}
#top img {
    padding-top: 30px;
}
#socialmedia {
    float: right;
    padding: 40px 20px 0 0;
    width: 200px;
    text-align: right;
}
#skipnavigation {
    position: absolute;
    left: -5000px;
}


/*= ----- wrap ----- */
#wrap {
    background-color: #ffffff;
    border-left: 1px solid #E6E3CD;
    border-right: 1px solid #E6E3CD;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    font-size: 85%;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
    width: 978px;
}


/*= ----- navigation ----- */
#nav {
    background: transparent url(images/navbar4.gif) repeat-x scroll 0 0;
    display: inline;
    float: left;
    letter-spacing: 1px;
    list-style: none;
    margin: 0;
    padding: 5px 0 0 20px;
    width: 958px; /* needed to fill background with color, replaces using an extra div */
}
#nav li {
    font: bold 100% "trebuchet ms", verdana, arial, sans-serif;
    float: left;
    margin: 0;
    padding: 0;
}
#nav a {
    background-color: #4D4F52;
    background-image: url(images/off-bg2.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0% 0%;
    border: 1px solid #666;
    border-bottom: none;
    color: #fcf7f4;
    display: block; /* entire tab is clickable */
    float: left;
    margin: 0 5px 0 0;
    padding: 4px 25px; /* entire tab is clickable, not just text */
    text-decoration: none;
}
#nav a:hover,
#nav a:active,
#nav a:focus, 
#home #nav-home a, 
#about #nav-about a, 
#portfolio #nav-portfolio a, 
#prices #nav-prices a, 
#services #nav-services a, 
#resources #nav-resources a, 
#contact #nav-contact a  {
    background-color: #fcf7f4;
    background-image: url(images/on_bg.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: top left;
    border-color: #727377;
    color: #333;
    cursor: default;
	  outline: none;
    padding-bottom: 5px;
}
#nav a:hover,
#nav a:active,
#nav a:focus {
	cursor: pointer; /* provide hand cursor over non-current navigation items */
}


/*= ---- headings ---- */
h1	{
    border-bottom: 4px double #E6E3CD; /*#e6e3Cd; */
    color: #fc6727; /* F47E28 */
    font: normal 2em/1.2em "Times New Roman",Times,serif;
    margin: 0 0 1em 0;
    padding: .8em 0 .2em 0;
}
h2	{
    border-bottom: 4px double #E6E3CD;
    color: #ea7b1f;
    font: normal 1.6em/1.2em "Times New Roman",Times,serif;
    margin: 1em 0 1em 0;
}
/* h2+p {
	padding-left: 1em;
} */


/*= ------ containers ------ */
#content {
    clear: both;
    margin: 5px 10px 20px 10px;
    width: 960px; 
}	
#maincontent {
    margin: 0 0 0 280px; 
    padding: 0 10px; 
} 
#sidecolumn {
    float: left;
    padding: 2em 10px 0 10px;
    width: 240px;
}


/* = text styling */
#maincontent a:link, 
#maincontent a:visited,  
#sidecolumn a:link, 
#sidecolumn a:visited{
	color: #336699;
}
/* a:link[href ^="http:"], 
a:visited[href ^="http:"],
a:hover[href ^="http:"] {
    padding-right: 20px;
    background: transparent;
    background-image: url(/images/external.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right top;
} */
#maincontent ul.contact {
    list-style: none;
    margin: 0;
    padding: 0;
}
.line {
	  border-bottom: 1px dotted #a4a4a2;
	  height: 1em;
	  margin-bottom: 1em;
}
.help, acronym {
	  border-bottom: 1px dotted #333;
	  cursor: help;
}
ul	{
	  list-style: square;
    margin: 0 0 0 30px;
}
ol {
    list-style: decimal;
	  margin: 0 0 0 40px;
}
li	{
	  line-height: 1.5;
	  padding-left: 1em;
}
#maincontent p	{
	  margin: 0.8em 80px 0.8em 0;
}
#maincontent p a:hover, 
#maincontent dd a:hover,
#maincontent li a:hover { 
	  background-color: #336699;
	  color: #ffffff;
	  text-decoration: none;
}
.details {
	  padding-bottom: 1em;
	  overflow:auto;
}
#content p.details img {
	  border: 1px solid #d4d4d2;
	  float: left;
	  margin: .4em 1em 0 0;
}
#content p.details a:hover {
	  background: none;
	  border: none;
}
#maincontent dl {
	  width: 550px;
}
#maincontent dt {
	  float: right;
	  font-weight: bold;
	  padding-top: 0;
	  width: 405px;
}
#maincontent dd {
    clear: right;
	  margin: 0 0 25px 145px;
}
#maincontent dd.image {
    clear: none;
	  float: left;
	  margin: 0;
}
#maincontent dd.image a:link,
#maincontent dd.image a:visited,
#maincontent dd.image a:hover {
	  background-color: #ffffff;
	  background-image: none;
}
#linklist, .super { 
	  display: none; 
}


/*= ----- side column ----- */
#sidecolumn img {
    border: 5px solid #E6E3CD;
    display: block;
    margin: 0 10px 10px 0px;
}
#sidecolumn blockquote {
    background-color: transparent;
    background-image: url(/images/bqleft.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 5%;
    clear: both;
    font-style: italic;
    font-family: Georgia,"Times New Roman",Times,serif;
    line-height: 1.5;
    margin: 0;
    padding: 5px 40px 0 30px;
}
p.author-class {
    font: normal 90% Georgia, "Times New Roman", Times, serif;
    line-height: 1.5; 
    margin: 10px 0px;
    padding: 0 40px;
}
p.small a	{ 
	  font-weight: normal; 
}
/* #sidecolumn p {
	font: italic 1.2em georgia,"times new roman",times,serif;
} */
#sidecolumn p.plain {
	  font: normal .9em/150% georgia,"times new roman",times,serif;
}


/*= -----  forms ----- */
form {
	  margin: 2em 0em 3em 0em;
}
#feedback {
    background-color: #eaeaf2; /* #f0f0f0; */
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    border: 2px solid #e6e3cd;
    display: block;
    margin: 2em 0;
    padding: 1em 1.4em;
    width: 39em;
}
#feedback fieldset {
    margin: 0 0 3em 0;
    padding: 0 1em 1em 1em;
    width: 35em; 
}
#name, 
#email, 
#message {
    background-color: #fcf7f4;
    border: 1px solid #9FB296 ;
    display: block;
    margin-bottom: 2em;
    width: 20em; 
}

#message {
	  width: 30em;
}
#feedback legend {
    color: #000000;
}
#feedback label {
    font-weight: bold;
    margin-bottom: 1em;
}
.submit {
	  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	  border-radius: 5px;
    cursor: pointer;
    width: 10em;
}
#name:focus,
#email:focus,
#message:focus { 
    background-color: #FFFFCC;
	  border: 1px solid #000;
}
.warning {
    border: 1px dotted #cc0000;
    color: #c00000;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    width: 350px;
}
.error {
    border: 1px dotted #cc0000;
    color: #c00000;
    display: block;
    font-size: 85%;
    margin-bottom: 5px;
    padding: 5px;
    width: 23em;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
    background-color:#004080;
    border-color: #003366 #0055BB #0044AA #003366;
	  color: #ffffff;
}
input[type="submit"]:active {
    background-color: #000033;
}

/*= ----- footer ----- */
#footer {
    border-top: 4px double #E6E3CD;  
    clear: both;
    text-align: center;
    padding: 2.5em 0 1.5em;
}
#footer p 	{
    margin: 0 5px;
    padding: .4em 0;
}
#footer p a, 
#footer p a:visited {
    border: none;
}
#footer p a:hover { 
    background-color: #336699;
    color: #ffffff;
    text-decoration: none;
}
#footer p a:hover img {
    background-color: white;
}


/*= ----- Miscellaneous ----- */

.vcard {
    margin-left: 20px; 
}
/*= download file icons */
#maincontent a[href$='.doc'] {
    padding: 5px 20px 5px 0;
    background-color: transparent;
    background-image: url(/images/docLink.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center right;
}
#maincontent a[href$='.pdf'] { 
    padding: 5px 20px 5px 0;
    background-color: transparent;
    background-image: url(/images/pdfLink.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;
}
#maincontent a[href$='.pdf']:hover { 
    color: #000;
    border: none;
    background-color: #9fb296;
}