@charset "utf-8";
/* CSS Document */

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */

html, body {margin:0;padding:0;}

body {background:url(../_img/bg.png) repeat-x top;font-family: "adobe-jenson-pro", serif;}

h1 {color:#d4304f;text-transform:uppercase;font-size:32px;line-height:37px;font-family: 'Oswald', sans-serif;font-weight:normal;margin-bottom:25px;}
h2 {color:#08a3d0;text-transform:uppercase;font-size:24px;line-height:30px;font-family: 'Oswald', sans-serif;font-weight:normal;margin-bottom:10px;}
h3 {color:#666;font-family: 'Oswald', sans-serif;font-weight:300;margin-bottom:15px;font-size:20px;}
h4 {}
h5 {}
h6 {}

p {font-size:15px;line-height:20px;color:#666;margin-bottom:15px;}

a:link, a:visited {text-decoration:none; outline:none;color:#08a3d0;}
a:hover, a:focus {text-decoration:underline; outline:none;}


/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */

.rounded-corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}


/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}





/*** LAYOUT STYLES ***/

#container, #header, #nav, #leader, #content, #footer {margin:0 auto; width:921px;}

#leader {margin-bottom:15px;}



/* HEADER */
#header {height:100px;}
#logo {float:left;margin-top:45px;}
#contact-info {float:right;margin-top:10px;}
#contact-info p {font-family: 'Open Sans Condensed', sans-serif;color:#00446a;font-size:15px;text-align:right;line-height:20px;}
#contact-info p a {color:#00446a;}



/* NAVIGATION */

#nav {height:35px;font-family: 'Oswald', sans-serif;}
#nav ul {display:block;margin-top:10px;}
#nav li {display:inline;text-transform:uppercase;padding-right:30px;}
#nav li a, #nav li a:visited {color:#eaeaea;}
#nav li a:hover, #nav li a:focus {color:#08a3d0;text-decoration:none;}







/* CONTENT */

#content {overflow:hidden;}

#content-left {float:left;background:#eaeaea;padding:10px;width:210px;}
#content-right {float:right; width:650px;}

#content ul {margin-bottom:15px;}
#content ul li {background:url(../_img/check.png) no-repeat;padding-left:30px;font-size:15px;line-height:20px;color:#666;margin-bottom:10px;}


#map {float:left;width:300px;height:250px;}
#address {float:right;width:340px;height:250px;}
#address h1 {font-size:30px;}

table {color:#666;}
.title {color:#00446a;}


/* FOOTER */

#footer-wrap {height:140px;background:#e7e7e7;border-top:1px solid #c3c3c3;width:100%;margin-top:20px;}
#footer {font-family: 'Open Sans Condensed', sans-serif;margin-top:35px;font-size:17px;}
#footer p {}
#footer ul {margin-left:-15px;margin-bottom:35px;}
#footer ul li {display:inline;text-transform:uppercase;padding:0 15px;}
#footer a, #footer a:visited {color:#666;}
#footer a:hover, #footer a:focus {color:#08a3d0;text-decoration:none;}

#contact {}
#contact p {}

#social {}

#copyright {}
#copyright p {font-size:17px;}
#copyright a, #copyright a:visited {color:#08a3d0;}
#copyright a:hover, #copyright a:focus {}


/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}
