/*

Thanks for looking at my stylesheet, I try to keep it pretty clean in here. 

I can write CSS for you!

*/

@font-face {
	font-family: 'nevis Bold';
	src: url('../Nevis/nevis.eot');
	src: local('nevis Bold'), local('nevis-Bold'), url('../Nevis/nevis.woff') format('woff'), url('../Nevis/nevis.ttf') format('truetype'), url('../Nevis/nevis.svg#nevis-Bold') format('svg');
}

/*** WHOA! I just called some Font-Face up in this ***/

body {font-family:Georgia,"Times New Roman", serif;font-size:14px;background:#fff url(../images/background.jpg) no-repeat center top; margin-top: 90px;}

.wrapper {width:920px;margin:0 auto;}


#header, #contact { border-bottom: 1px solid #ccc; }
#header {background:#f5f5f5;padding:15px 0 5px;margin:0 auto 25px;height:40px; position: absolute; top: 0; width: 100%; z-index: 500; }
	#header h1 { position:  absolute; top: 12px; }
	#header a, #header a:visited {color:#666;}
		#header a:hover {color:#f90;}
	#header h1 a { display: block; height: 45px; }

#nav {float:right;margin:-8px 0 0;}
	#nav li {float:left;margin-left:10px;width:auto;list-style-type:none;font-family: 'nevis Bold', Arial, sans-serif; text-transform: lowercase;}
	#nav li a, #nav li a:visited {display:block;padding:10px 15px;background:#ddd;}
		#nav li a:hover {background:#6495ED;color:#fff;}

#contact { background: #eee; padding: 10px 0; height: 37px; z-index: 100; position: absolute; width: 100%; top: 55px; }
	#contact p { float: left; width: 50%; font-size: 18px; line-height: 34px; padding-left: 40px; width: 420px; color: #333; }
	
#introtext {font-size:36px;color:#666;border:1px dotted #ccc;border-left:none;border-right:none;padding:25px 10px;line-height:44px;clear:both;}
	#introtext span {font-size:64px;color:#f90;font-style: italic; display: block; padding-bottom: 15px; }

#featuredwork {margin:25px auto;width:920px;border-bottom:1px dotted #ccc;}
	#featuredwork h2 {margin:0 10px 25px;}
	#featuredwork div {margin-bottom:25px;height:310px;padding:0 10px 10px;border-bottom: 1px dotted #ccc;}
	#featuredwork img {float:left;border:3px solid #ccc; width: 594px;}
	#featuredwork h3, #featuredwork ul {margin-left:615px;}
	#featuredwork ul li {padding:10px 0;border-top:1px dotted #ccc;line-height:20px;list-style-type:none;margin-left:0;}
	#featuredwork span {font-weight:bold; color:#666;font-style: italic;}
	#featuredwork p {text-align:center;clear:both;font-size:26px;}

	#viewMore {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; padding: 15px 0; margin: 0 auto; width: 920px; }

.column, .column2, .column3, .column4, .column5 {float:left;padding:10px;}

.column  {width:285px;}
.column2 {width:595px;}
.column3 {width:440px;}
.column4 {width:210px;}
.column5 {width:670px;}

#footer {clear:both;text-align:right;margin-bottom:15px;padding:10px;border-top:1px dotted #ccc;font-size:13px;color:#666;line-height:20px;}

h1,h2, h3, h4 {margin-bottom:5px;font-family: 'nevis Bold', Arial, sans-serif; text-transform: uppercase; }

h1 {font-size:36px; font-family: Arial; letter-spacing: -1px;}
h2 {font-size:20px;color:#6495ED;}
h3 {font-size:18px;}
h4 {font-size:16px;}

p {margin:5px 0 15px;line-height:22px;}

a, a:visited {color:#f90;}
	a:hover {color:#333;}
	
ul {margin-bottom:20px;}
	ul li {list-style-type:disc;padding:5px 0;margin-left:15px;}

ul.dotted {margin-bottom:15px;border-bottom: 1px dotted #ccc;}
	ul.dotted li {padding:10px 5px;border-top:1px dotted #ccc;list-style-type:none;margin:0;}
	
.bigtext {font-size:22px;line-height:36px;margin-left:15px;}

.servicelist {padding-top:35px;}

.icon-phone { background: transparent url(../images/phone32.png) no-repeat 0 0; }
.icon-email { background: transparent url(../images/mail32.png) no-repeat 0 0; }

/***** SLIDER *****/
#coda-nav-1 { display:  none; }
#slider { padding: 0 !important; }
.coda-slider { }
.homeslider { width: 970px !important; border: none !important; }
	.homeslider h2 { margin-left: 35px !important; }
	.homeslider li { margin-right: 25px !important;}

.coda-slider, .coda-slider .panel { width: 920px } 

.coda-slider p.loading { padding: 20px; text-align: center }

.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative; border: none !important; }
.coda-slider .panel { display: block; float: left; border: none !important; padding: 0 !important; }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left; border:  none !important; padding: 0 !important;  }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; width: 25px; text-indent: -9999px; height: 90%; }
	.coda-nav-left a  { background: transparent url(../images/prev.png) no-repeat center left; }
	.coda-nav-right a { background: transparent url(../images/next.png) no-repeat center left; }	
	.coda-nav-left a:hover  { background: transparent url(../images/prev-hover.png) no-repeat center left; }
	.coda-nav-right a:hover { background: transparent url(../images/next-hover.png) no-repeat center left; }	
	
/*********************

*sigh* this is the cool stuff that CSS can do but doesn't validate. 

With that being said, IE...I am sorry you can't be a part of the party.

*********************/

/*#header, #contact { box-shadow:0 0 15px #CCCCCC; -moz-box-shadow: 0 0 15px #CCCCCC; -webkit-box-shadow: 0 0 15px #CCCCCC; }*/

#nav li a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }