@charset "UTF-8";
/* CSS Document */
/* Created by Jason Kempshall */
/* Http://www.sneakybadger.com */

/* ---------GLOBAL------------ */

/*CSS Reset*/body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }



body {
	background-image: url(../images/topslice.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;

}

h1 {
	font-size: 24px;
	color: #0a89ae;
	margin: 0px 0px 20px 0px;
}

h3 {
	font-size: 16px;
	color: #0a89ae;
	margin: 0px 0px 0px 0px;
}

/* ---------SPANS------------ */

.link1 {
	font-size: 24px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	display:block;

}

.link2 {
	font-size: 14px;
	color: #0a89ae;
	margin: 0px 0px 0px 0px;
	display:block;

}


.roll1 {
	font-size: 24px;
	color: #ffffff;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float:left;
	width: 120px;
	border-left: #0a89ae 1px solid;
	display:block;
	text-decoration: none;
	

}

.roll2 {
	font-size: 14px;
	color: #0a89ae;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float:left;
	width: 120px;
	border-left: #0a89ae 1px solid;
	display:block;
	text-decoration: none;



}

.rollover p{
	margin: 2px 0px 0px 0px;
}

.color-one {
	font-size: 14px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;

}

.color-two {
	font-size: 14px;
	color: #0a89ae;
	margin: 0px 0px 0px 6px;
	text-decoration: none;

}


/* ---------END-SPANS------------ */

.rollover ul li a:link{
	padding: 2px 0px 0px 20px;
	margin: 0px;
	float:left;
	width: 120px;
	border-left: #444444 1px solid;
	text-decoration: none;
	
}

.rollover ul li a:visited{
	padding: 2px 0px 0px 20px;
	margin: 0px;
	float:left;
	width: 120px;
	border-left: #444444 1px solid;
	text-decoration: none;
	
}


.rollover ul li a:active{
	padding: 2px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float:left;
	width: 120px;
	border-left: #444444 1px solid;

	
}

.rollover ul li a:hover{
	padding: 2px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float:left;
	width: 120px;
	border-left: #0a89ae 1px solid;
	
	
}





/* ---------SPECIFIC------------ */


#wrapper {	
	margin: 0px auto 0px auto;
	width: 1000px;
}

#nav {
	height: 145px;
}

#banner {
	height: 290px;
	background-image: url(../images/banner.jpg);
}

#buttons {
	margin: 78px -20px 0px 0px;
	float:right;
}

#logo {
	float:left;
}
.rollover ul  {
	padding: 5px 0px 5px 0px;
	
	
}
.rollover ul li {
	padding: 5px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
	float:left;
	width: 135px;
	
}

#next {
	padding: 0px 25px 0px 0px;
	margin: 270px 0px 0px 0px;
	float:right;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	
}

#next a{
text-decoration: none;
	
}


#content {
	float:left;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin:100px 0px 150px 0px;
	padding:0px;
}

.text-col {
	margin: 0px 70px 0px 0px;
	width: 310px;
	float: left;
}


.text-col a{
	color: #0a89ae;
	text-decoration: none;
	}

.list-col {
	margin: 0px 15px 0px 15px;
	float: right;
}

.list-col ul li{
	background-image: url(../images/tick.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 10px 28px;
}


/* ---------portfolio------------ */

.work-col{
	float:left;
	width:1000px;
}

.work-list1{
	float:left;
	width:450px;
	margin: 0px 0px 0px 0px;
}

.work-list2{
	float:right;
	width:450px;
	margin: 0px 0px 0px 0px;
}

.work-col h2{
    font-size: 16px;
    color: #ffffff;
	background-color: #588fa8;
	width: 100%;
	height: 19px;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 0px 4px;
	
}

.work-col p{
    font-size: 13px;
	color: #333333;
	margin: 10px 0px 0px 0px;
	
}

.work-col img{
   border: 1px;
   border-style: solid;
   border-color: #6799ab;
	
}

.work-col a {
   color: #0a89ae;
   text-decoration: none;
	
}




/* ---------END portfolio------------ */


#footer {
	background-color: #eaeeef;
	background-image: url(../images/shadow.jpg);
	background-repeat: repeat-x;
	width: 100%;
	float: left;
}

#footer-box {
	background-image: url(../images/badger.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin:20px auto 0px auto;
	width: 1000px;
	height: 275px;
}

.footer-col {
	padding: 0px 0px 0px 20px;
	margin: 60px 80px 0px 0px;
	float: left;
	height: 150px;
	border-left: #c2c3c3 1px solid;
}

.footer-col h2 {
	font-size: 14px;
	color: #0a89ae;
	margin: 0px 0px 5px 0px;
}

.footer-col ul li {
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 5px 0px;
}

.footer-col ul li a:link{
	text-decoration: none;
	color: #333333;
	
	
}

.footer-col ul li a:visited{
	text-decoration: none;
	color: #333333;
	
	
}
.footer-col ul li a:active{
	text-decoration: none;
	color: #333333;
	
	
}

.footer-col ul li a:hover{
	text-decoration: underline;
	color: #666666;
	
	
}

/* ---------blog specific------------ */

.comment_date {
	 color:#0a89ae;
	 font-size: 12px;
     margin-top: 10px;
	 padding-top: 3px;
	 margin-right: 10px;
	 padding-right: 0px;
	 margin-bottom: 70px;
	 padding-bottom: 3px;
     border-top:dashed;
	 border-top-style:dashed;
	 border-bottom:dashed;
	 border-bottom-style:dashed;
	 border-width: 1px;
	 border-color:#999999;

}






/* ---------contact------------ */

.warning {
	color: #FF6600;	
}

.form{
	float: left;
	width:450px;
}



#contact1 {
	float:right;
	 margin: 0px 0px 0px 180px;
	 

}

#contact1 h2 {
	font-size: 24px;
	color: #0a89ae;
	margin: 0px 0px 30px 0px;

}

#contact1 a {
	color: #0a89ae;
	text-decoration: none;

}

#contact1 ul li {
	text-decoration: none;
	margin: 0px 25px 0px 0px;

}

#textform {
	 font-family:"Times New Roman", Times, serif;
	 color:#333333;
	 font-size:12px;
	 line-height:normal;
	 border:solid;
	 border-width: 1px;
	 border-color:#333333;
	 width:100%;
	 margin: 0px 0px 5px 0px;
}


.social {
	float:left;
	margin: 30px 0px 0px 0px;
}



.formbox {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#333333;
    margin: 0px 0px 0px 0px;
}

.twit{
	background-image: url(../images/twitter.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 10px 28px;

}

.face{
	background-image: url(../images/face.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 4px 28px;
}

.flickr{
	background-image: url(../images/flickr.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 10px 28px;
}

.you{
	background-image: url(../images/youtube.jpg);
	background-repeat: no-repeat;
	padding: 2px 0px 4px 28px;
}