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

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

 */
html{
	overflow-y: scroll;	
}
html, body {margin:0;padding:0; background-color:#666;}

body {}

h1 {font-family:Verdana, Geneva, sans-serif;
font-size:16;
font-weight:bold;
text-align:center;
color:#212e46;
margin-top:5px;
margin-bottom:15px;
}
h2 {font-size:14px;
font-family:Verdana, Geneva, sans-serif;
text-align:left;
color:#212e46;
margin-top:10px;
margin-left:10px;
}
.normal {font-weight:normal;
}
h3 {font-family:"Times New Roman", Times, serif;
font-size:24px;
text-align:center;
color:#000;
margin-top:25px;
margin-bottom:15px;
}
h4 {font-size:22px;
font-family:"Times New Roman", Times, serif;
text-align:center;
color:#212e46;
text-align:center;
font-style:italic;
clear:both;
margin-top:10px;
}
h5 {font-size:20px;
font-family:"Times New Roman", Times, serif;
text-align:left;
color:#212e46;
margin-top:15px;
margin-bottom:0px;}
h6 {font-size:20px;
font-family:"Times New Roman", Times, serif;
text-align:center;
color:#212e46;
margin-top:5px;
margin-bottom:0px;}

p {}

a:link, a:visited {text-decoration:none; outline:none;}
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;
padding:10px;
border:1px solid #CCC;}
.right-img {float:right; margin:0 0 0 10px;}





/*** LAYOUT STYLES ***/

#container, #header, #nav, #content, #footer {margin:0 auto; width:960px; background-color:#fff;}





/* HEADER */
#header {}
#logo {float:left;}
#contact-info {float:right;}


/* NAVIGATION */

#nav {background-image:url(_img/nav.png);
background-repeat:repeat-x;
height:40px;
}

#nav ul {display:block;
text-align:right;
margin-right:15px;
padding-top:10px;}
#nav li {display:inline;
margin-left:20px;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:16px;
}
#nav li a, #nav li a:visited {color:#212e46;}
#nav li a:hover, #nav li a:focus {}







/* CONTENT */

#content {overflow:hidden;}

#content-left {float:left;
width:224px;
height:350px;
margin-left:38px;
border-left:1px solid #999;
border-right:1px solid #999;
background-image:url(_img/side.png);
background-repeat:repeat-x;}

#content-left p {margin-left:10px;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:15px;
color:#212e46;
}
.line {border-top:1px solid #212e46;
width:200px;
margin:0 auto;
margin-top:7px;
}

.facebook {margin-top:20px;
margin-left:10px;
}

#content-right {float:right;
width:625px;
margin-right:30px;
}

#content-right p{font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#000;
text-align:left;
margin-bottom:15px;
}

#content-right p.center{font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#000;
text-align:center;
margin-top:8px;
margin-bottom:8px;
}

#content-right p.left{font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#000;
text-align:left;
margin-top:8px;
margin-bottom:8px;
}

ul.left-list {   float: left;
    height: auto;
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-top: 15px;
    width: 250px;

}

ul.left-list  li {line-height:26px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}


ul.right-list {float:left;
width:250px;
height:auto;
list-style-position:inside;
list-style-type:disc;
margin-left:35px;
margin-top:15px;

}

ul.right-list  li {line-height:26px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
}


ul.list {float:left;
width:250px;
height:auto;
list-style-position:inside;
list-style-type:disc;
margin-left:55px;
margin-bottom:25px;
}

ul.list  li {line-height:20px;
font-family:"Times New Roman", Times, serif;
font-size:17px;
}

.bottom-image {width:480px;
height:150px;
margin-left:92px;
margin-top:20px;
margin-bottom:40px;
}

ul.portfolio {width:550px;
height:auto;
margin-left:15px;
}

ul.portfolio li { float: left;
    height: 150px;
    margin-bottom: 10px;
    margin-left: 22px;
    margin-right:10px;
    margin-top: 10px;
    width: 150px;
}

/* FOOTER */

#footer-wrap {}
#footer {border-top:3px solid #666;
padding-bottom:10px;
margin-top: 40px;}
#footer p {}

ul.footernav {text-align:left;
margin-top:10px;
width:700px;
margin-bottom:5px;
float:left;
margin-left:10px;
}

ul.footernav li {display:inline;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

.footernav a, .footernav a:visited {color:#212e46;
}
.footernav a:hover, .footernav a:focus {color:#000;}

#cards {float:right;
width:130px;
height:auto;
}

#contact {}
#contact p {}

#social {}

#copyright {margin-top:10px;
width:700px;
margin-left:10px;

}
#copyright p {text-align:left;
font-size:12px;
}
#copyright a, #copyright a:visited {color:#212e46;}
#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;}
