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


* {
	margin: 0;
	padding: 0;
}

body {
background: url(../images/library/backgroundTile.jpg);
font-family: Georgia, serif;
line-height:23px;
color:#333;
font-size:14px;
}

/* Header */


#header {
margin: 0 auto;
width: 980px;
}

#logo {
margin-top:10px;
width: 235px;
height:155px;
float:left;
border:0;
}

#slogan {
background-image:url(../images/library/bylineSpecial.png);
margin:3px 0 0 250px;
float:left;
width:483px;
height:140px;
border:0;
overflow:hidden;
}

#slogan-original {
background-image:url(../images/library/byline.png);
margin:60px 0 0 250px;
float:left;
width:483px;
height:83px;
border:0;
overflow:hidden;
}

#nav {
margin:0 auto;
width: 660px;
padding: 30px 0 0 300px;
}

#navcontainer {
margin:0 auto;
padding:15px 0 15px 0;
width: 980px;
height:40px;
}


/* Navigation */

#navigation a {
display: inline-block;
text-decoration: none;
}
#navigation ul {
margin: 0;
padding: 0;
list-style: none;
text-align:center;
}
#navigation ul li {
list-style-type: none;
background: none;
display:inline;
}
#navigation ul li a, #navigation ul li a:visited { /* styles for the default button state */
margin: 0 0 8px 0;
padding: 0 15px 0 15px;
line-height: 32px; /* this value must be at least twice the border-radius value */
color: #fff;
font-family:Georgia, serif;
font-size: 15px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px; 
-webkit-border-radius: 9px;
}
#navigation a:hover { /* styles for the rollover button state */
color: #fff;
background: #422d2e;
}
#navigation a.current { /* styles for the rollover button state */
color: #fff;
background: #422d2e;
}



/* Sub Menu */

#submenu a {
display: inline-block;
text-decoration: none;
width:150px;
}
#submenu ul {
margin: 0;
padding: 0;
list-style: none;
text-align:left;
}
#submenu ul li {
list-style-type: none;
background: none;
}
#submenu ul li a, #submenu ul li a:visited { /* styles for the default button state */
margin: 0 0 8px 0;
padding: 0 15px 0 15px;
line-height: 32px; /* this value must be at least twice the border-radius value */
color: #000;
font-family:Georgia, serif;
font-size: 16px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px; 
-webkit-border-radius: 9px;
}
#submenu a:hover { /* styles for the rollover button state */
color: #000;
background:#ccc;
}
#submenu a.current { /* styles for the rollover button state */
color: #000;
background: #ccc;
}




/* Content */


#hero {
margin: 0 auto;
width: 980px;
}

#container {
margin: 0 auto;
padding:0 0 30px 0;
width: 980px;
background-color:#fff;
overflow:hidden;
}

#content {
width:400px;
padding:5px;
margin-left:15px;
float:left;
}

#links {
width:940px;
padding:5px;
margin-left:15px;
float:left;
}

#testimonials {
width:940px;
padding:5px;
margin-left:15px;
float:left;
}

#gallery {
width:950px;
padding:5px;
margin-left:15px;
float:left;
}

#subhero {
width:500px;
padding-left:30px;
float:left;
margin-left:10px;
}

#leftbox {
margin:20px 0 0 15px;
width:200px;
padding:5px;
float:left;
}

.categories {
font-family:Georgia, serif;
Font-size:16px;
line-height:24px;
padding:5px;
float:left;
}

#menu {
margin-top:20px;
width:670px;
padding:5px 5px 5px 50px;
float:left;
}


/* Links */

div.img
{
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #666;}
div.desc
{
  text-align: center;
  width: 250px;
  margin: 0 27px;
  font-family: Georgia, sans-serif;
  font-size: 13px;
  color: #000;
  padding-top:5px;
  background-color:#fff;
}




/* Footer */

#footer {
margin: 20px auto;
width: 980px;
}


.copyright {
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
line-height:18px;
color:#422d2e;
}

.deosc {
font-size:10px;
color:#008ec1;
text-decoration:none;
}
#footerleft {
float:left;
width:600px;
}
#socialnetwork {
float:left;
padding:0 0 0 200px;
width:180px;
}
.footer {
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
line-height:18px;
color:#fff;
}



/* H */

h1 {
font-family: Georgia, serif;
font-size: 30px;
font-style: normal;
color: #422d2e;
line-height: 1.5em;
padding:20px 0 20px 0;
}

h2 {
font-family: Georgia, serif;
font-size: 26px;
font-style: normal;
color: #422d2e;
line-height: 1.5em;
padding-bottom:10px;
}

h3 {
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
font-weight:bold;
color: #422d2e;
line-height: 1.5em;
}



/* IMGs */

img.thumb {
background: #ffffff;
padding: 5px;
border: 1px solid #d4d4d4;
margin: 5px 17px 5px 0px;
}

img.thumblink {
background: #ffffff;
padding: 5px;
border: 1px solid #d4d4d4;
margin: 5px 17px 5px 0px;
float:left;
}

img.heading {
background: #ffffff;
padding: 10px;
margin-top:10px;
}

img.gallery {
background: #fff;
padding: 5px;
margin: 5px 20px 5px 0px;
border: 1px solid #d4d4d4;
}

img.socialnetwork {
padding-left: 5px;
}




/* Misc */

.cleaner {
height: 1px;
font-size: 1px;
clear: both;
}

.link {
font-family:Gerogia, serif;
color:#000;
text-decoration:underline;
line-height:23px;
font-size:14px;
font-weight:bold;
}

.spacer {
height: 40px;
font-size: 1px;
clear: both;
}

.vspacer {
float:left;
width:170px;
padding-right:10px;
}


/* BOXS */


#right {
width: 220px;
float: left;
line-height: 20px;
margin:10px 0 0 40px;
}

.inner {
padding: 15px;
}

#right ul {
list-style-type: none;
margin: 0px 0px 15px 0px;
padding: 0px;
}

#right li {
line-height: 35px;
padding-left: 5px;
border-bottom: 1px dotted #66ccff;
}

#right li a{
color: #fff;
text-decoration: none;
}

#right li a:hover{
color: #66ccff;
}


#right1 {
width: 220px;
float: left;
background: #666;
line-height: 20px;
margin:10px 0 0 40px;
}

.blurb {
padding:15px;
}



/* Form style */


#contactform {
width: 690px;
padding-top:10px;
float:left;
}

info, label, legend { font: 14px Helvetica, sans-serif; }

hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 650px; margin: 70px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }

label { display: inline-block; float: left; height: 22px; line-height: 22px; width: 155px; font-size: 16px; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:16px Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }