/******************** 
 Basics 
********************/
a:link, a:visited { color: #a4bcbf; text-decoration: none; }
a:hover, a:active, a:focus { color: #c0cbd7; text-decoration: underline; }
body {
color: #fff; background: #fff url(images/background.jpg) no-repeat top center; font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif; font-size: 14px; line-height: 1.3; _background-image: none; }

h1, h2 { color: #ccd5dc; font-size: 30px; font-weight: 400; padding-bottom: 8px; }
h2 { font-size: 20px; }
p { padding-bottom: 25px; }


/******************** 
 FancyBox 
********************/
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; }
div#fancy_loading { position: absolute;	height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('images/fancybox/fancy_progress.png') no-repeat; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img {	position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('images/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('images/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
#fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('images/fancybox/fancy_shadow_n.png') repeat-x; }
div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('images/fancybox/fancy_shadow_ne.png') no-repeat; }
div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('images/fancybox/fancy_shadow_e.png') repeat-y; }
div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('images/fancybox/fancy_shadow_se.png') no-repeat; }
div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('images/fancybox/fancy_shadow_s.png') repeat-x; }
div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('images/fancybox/fancy_shadow_sw.png') no-repeat; }
div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('images/fancybox/fancy_shadow_w.png') repeat-y; }
div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('images/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url('images/fancybox/fancy_title_left.png') repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url('images/fancybox/fancy_title_main.png') repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url('images/fancybox/fancy_title_right.png') repeat-x; }





/* ***********************
All Pages
*********************** */
#topbar { background: #1D1707; height: 8px; width: 100%; }
.center { margin: 0 auto; width: 950px; _width: 1050px; }
#header { height: 200px; }
#logo { background: url(images/logo.png) no-repeat top left; float: left; height: 167px; margin: 10px 0; width: 372px; }
#logo:hover { background-image: url(images/logobw.png); }
#nav { float: right; margin: 145px 25px 0 0; }
#nav li { display: inline; margin-left: 20px; margin-top: 100px; }
#nav a:link, #nav a:visited { color: #2E2611; font-size: 18px; padding: 0 4px 10px 34px; text-decoration: none; }
#nav a:hover, #nav a:active, #nav a:focus, body#home #navhome a:link, body#home #navhome a:visited, body#portfolio #navportfolio a:link, body#portfolio #navportfolio a:visited, body#about #navabout a:link, body#about #navabout a:visited, body#contact #navcontact a:link, body#contact #navcontact a:visited { background-position: 0 -5px; }
#navhome a { background: url(images/home.png) no-repeat 0 -35px; }
#navportfolio a { background: url(images/portfolio.png) no-repeat 0 -35px; }
#navabout a { background: url(images/about.png) no-repeat 0 -35px; }
#navcontact a { background: url(images/contact.png) no-repeat 0 -35px; }
#content { background: url(images/background-brown.png) repeat; clear: both; margin-top: 20px; min-height: 500px; overflow: auto; -moz-border-radius: 12px; -webkit-border-radius: 12px; -webkit-box-shadow: 5px 5px 20px #aaa; -moz-box-shadow: 5px 5px 20px #aaa; _background-color: #1D1707; }
#main { float: left; line-height: 1.7; margin: 38px 55px 25px; width: 540px; _width: 450px; _margin-left: 35px; _padding-bottom: 40px; }
#side { float: right; margin: 42px 55px 35px 0; width: 245px; }
#side ul { list-style-type: disc; }
#side ul li { margin-left: 20px; margin-top: 4px; }
#side ul ul { list-style-type: circle; }




/********************
 Footer
********************/
#footer { color: #2E2611; clear: both; font-size: 12px; margin-top: 25px; overflow: auto; padding-bottom: 30px; }
#footer img { margin: 0 4px; }
#footer ul { float: left; margin-top: 6px; }
#footer li { height: 25px; }
#footer a:link, #footer a:visited { color: #37577b; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #2E2611; text-decoration: underline; }
#footer a { padding: 1px 0 0 0; }
#rightlinks { float: right; _width: 200px;}
#copyright { margin-right: 30px; }
#links { float: left; }
#sitemap, #socialmedia, #validation { margin-left: 40px; _width: 30px; }
#socialmedia a, #validation a{ padding-left: 20px; }
#validhtml, #validcss { background: url(images/footer/checkmark.png) no-repeat; }
#validhtml:hover, #validcss:hover, #twitter:hover, #facebook:hover, #linkedin:hover, #buzz:hover { background-position: 0 -16px; }
#twitter { background: url(images/footer/twitter_16.png) no-repeat; }
#facebook { background: url(images/footer/facebook_16.png) no-repeat 0 0; }
#linkedin { background: url(images/footer/linkedin_16.png) no-repeat; }
#buzz { background: url(images/footer/buzz_16.png) no-repeat; }

 
/******************** 
 Home
 ********************/
#summary { clear: both; margin: 0 55px; overflow: auto; }
#summary img { width: 250px; }
#summary div { cursor: pointer; float: left; padding: 16px 16px 36px 16px; width: 248px; }
#summary div:hover { background-color: #1D1707 ; border: 1px solid #333; padding: 15px 15px 35px 15px; }
.button { background-position: 0 0; cursor: pointer; padding: 3px 10px 4px; background: #fff url(images/buttonbackground.png); border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35); border-style: solid; border-width: 1px; border: 1px solid rgba(0, 0, 0, 0.25); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.button:hover { background-color: #e7eae7; }
a.button { color: #000; font-size: 12.5px; text-decoration: none; }

/********************
 Portfolio
 ********************/
body#portfolio #main { width: 840px; }
.description { font-size: 15px; float: right; padding: 5px 45px 0 15px; width: 180px; }
.description li { padding-bottom: 10px; }
.description li span { color: #CCD5DC; font-weight: 600; font-size: 12px; margin-left: -8px; }

/********************
 About
********************/
.profile { margin-top: 40px; }
#twtr-widget-1 { clear: both; }
#about #main ul li { padding-left: 15px; }
#about #main h2 { color: #fafafa; }
#about #side img { border: 2px solid #ddd; }

/******************** 
 Contact
 ********************/
.checked { background: url(images/checkmark.png) no-repeat 0 3px; empty-cells: show; }
.error { color: #FF3300; }
.valid { color: #7AAB6E; }
.form-error { height: 14px; margin-left: 100px; }
.buttons { margin-left: 222px; }
.buttons input { margin: 0; width: 75px; }
input { background-color: #fff; border: 1px solid #00A8E6; padding: 1px 10px 1px 2px; width: 250px; }
textarea { border: 1px solid #00A8E6; padding: 2px 10px 2px 2px; width: 250px; }
input:focus, textarea:focus { background-color: #f8f5da; }
.validation-failed input, .validation-failed textarea { border: 1px solid #FF3300; color: #FF3300; }
.validation-passed input, .validation-passed textarea { border: 1px solid #00CC00; color: #000; }
.validation-passed input { background: #fff url(images/checkmark.png) no-repeat 246px; }
.validation-passed textarea { background: #fff url(images/checkmark.png) no-repeat 421px 4px; }
fieldset { padding: .5em 2em; }
.label { float: left; width: 100px; }
.form-row { padding-bottom: 22px; }




/**********************************
Content Slider
**************************************/
/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#333; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:#181818; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:50px; /* Should be as wide as the button graphic being used */
  background:#333; /* This will probably match the contentslider bg color */
  opacity: .8;
}
.cs_leftBtn {
  background: #333 url(images/left.png) no-repeat 10px 150px;
}
.cs_rightBtn {
  background: #333 url(images/right.png) no-repeat 5px 150px;
}
.cs_leftBtn:hover {
  background-image: url(images/left1.png);
}
.cs_rightBtn:hover {
  background-image: url(images/right1.png);
}


.cs_leftBtn img {
float: right;
}
.cs_leftBtn img, .cs_rightBtn img {
height: 50px;
padding: 0 2px;
width: 34px;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:820px;
  height:1500px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:1000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:850px;
  height:335px;
  margin:0 auto;
  padding:0;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:580px;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:335px;
  padding:10px 0;
  z-index:100;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:150px;
  margin:0;
}