@charset "UTF-8";
/* CSS Document */

/* CSS Document, January 2010 Simon Fraser http://symatree.co.uk */

/* Basic Reset */ 
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,cite,code,ul,ol,li,fieldset,input{margin:0; padding:0;}

/* Scroll Hack */ 
html {height:100%; margin-bottom:-1px; padding-bottom:1px;} 

/* Overall Styles */
p {
	margin-bottom:20px;
}

a, a:visited {
	color:#313131;
	text-decoration:underline;
}
a:hover {
	color:#999;
}
a img {
	border:none;
}

.leftA { text-align:left; float:left; }
.rightA { text-align:right; float:right; }

body {
	background:#fff url('../images/site-bg-x.jpg') repeat-x;
	font-family:verdana,arial;
	font-size:12px;
	color:#000000;
}

/* Structure */
#topper {
	height:165px;
	width:960px;
	margin:0 auto;
	text-align:center;
}
/*hack for aligning elements*/
.splitleft {
	float:left;
	width:40%;
	text-align:right;
}
.splitright {
	float:right;
	width:60%;
	text-align:left;
}
/*hack for aligning elements*/
#topper .logo {
	display:inline;
	margin:20px 10px 0 0;
}
#topper h1 {
	font-family:verdana,arial;
	font-size:50px;
	color:#313131;
	padding:60px 0 0 0;
	text-shadow: 1px 1px 2px #000;
}

#textband {
	height:165px;
	width: 100%;
	margin:0 auto;
	background:#f5f4f4;
	border-top:1px solid #a1cfe4;
	border-bottom:1px solid #a1cfe4;
}
#textband .content  {
	width:940px;
	margin:29px auto;
	font-family:Georgia,serif;
	font-size:30px;
	color:#000;
}

#mid-content {
	width:960px;
	height:auto;
	min-height:600px;
	margin:0 auto;
}

#latest {
	height:auto;
	width:960px;
	list-style:none;
	margin:30px 0 0 0 ;
}
#latest li {
	display:inline-block;
	width:295px;
	height:270px;
	margin:10px 10px 20px 10px;
	vertical-align:top;
}
#latest li a.img img {
        border:1px solid #ebebeb;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
#latest li a.img:hover img {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
         box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
         -o-transform: scale(1.02);
}

#latest h2 {
	font-family:arial;
	font-size:18px;
	margin:0 0 10px 0;
	color:#313131;
}

#latest p {
	padding:5px 7px 0 3px;
}

.detail {
	margin:-20px 14px 0 0;
	float:right;
}
.detail a {
	text-decoration:none;
}

#footer-bar {
	width:100%;
	height:220px;
	background:#f5f4f4;
	border-top:1px solid #a1cfe4;
	border-bottom:5px solid #313131;
	padding:10px 0 10px 0;
	margin:10px 0;
}
#innards {
	width:960px;
	height:100%;
	margin:0 auto;
}
#footer-bar h2 {
	font-family:arial,verdana;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
#footer-bar p {
	margin:10px 0;
}


#footer-bar .about {
	float:left;
	width:320px;
	height:100%;
}
.about h2 {
	margin:0 0 10px 145px;
	text-align:left!important;
}
.about img {
	float:left;
	margin:15px 0 0 0;
}
.about p, .about ul li {
	margin:0 10px 0 145px;
}

#footer-bar .contact-middle {
	float:left;
	width:300px;
	height:100%;
	text-align:center;

	border-left:1px solid #a1cfe4;
	border-right:1px solid #a1cfe4;
}
#footer-bar .contact-middle p {
	margin-bottom:3px;
}

#footer-bar .twit {
	float:right;
	width:310px;
	height:100%;
}

#footer-bar ul{
	list-style:none;
}

#copy {
	height:30px;
	padding:10px 0 0 20px;
	font-size:9px;
	color:#313131;
	background:#f7f7f7;
}
#copy a {
	text-decoration:none;
	font-weight:bold;	
}

/*FORM*/
input, textarea {
 	background-color:#f4f4f4;
 	border:1px solid #878787;
 	padding:2px 3px;
 	margin:6px 0 0 0;
 	width:170px;
	 font-family:verdana,arial;
 	font-size:10px;
 	color:#313131;
}
.higher {
	height:70px;
}
input:focus, textarea:focus {
      border: 1px solid #a1cfe4;
      background-color: #f9f9f9;
}
.btn {
	background:#313131;
	color:#f4f4f4;
	width:60px!important;
	margin-left:-115px;
}
#contact label {
	display:none!important;
}
.error {
	border:1px solid #ff0000;
}


/*sendbar*/
.sendbar {
	width:700px;
	height:100%;
	margin:25px auto;
	padding:0 0 0 100px;
}
.sendbar h1 {
	font-family:arial,verdana;
	font-size:25px;
}
.sendbar p {
	font-family:verdana,arial;
	font-size:12px;
}

/* Older Work Bar */
/* Older Box */

.prev {
	background:#f4f4f4;
	color:#000;
	padding:5px 65px;
	margin:0 auto 5px auto;
	display:block;
	font-size:12px;
	border:none;
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}
#older {
	width:940px;
	height:auto;
	display:none;
	margin:0 auto;
	background:#f9f9f9;
	padding:10px;
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
}
#older ul {
	list-style:check;
}
#older ul li {
	margin:10px 15px;
	border-bottom:1px solid #d9d9d9;
}
#older ul li p {
	display:inline;
}