* {margin:0;padding:0;}
		
		body {color:#000; font: normal 90% Arial, Helvetica, sans-serif; text-align:center; background:#212121 url(../img/wood_2.gif) repeat top left;}
		
		#head { height:100px;background:transparent  url(../img/footer_back.gif) no-repeat bottom center;}
		
		img#schedule_appointment {float:right;border:none;background:none;margin:50px 100px 0 0;}
		
		#top_banner {width:100%;height:10px;background:#000 url(../img/top_banner_back.gif) repeat left top;overflow:hidden}
		
		#surround {background:#DBDBDB url(../img/p_info_back.gif) repeat left top; margin:30px auto; width:980px;border:1px solid #000;-moz-box-shadow: 0 0 28px #080a0a;
	-webkit-box-shadow: 0 0 28px #080a0a;
	box-shadow: 0 0 28px #080a0a;}
		
		#container { margin:10px auto; width:960px; border-top:1px solid #A0A0A0;border-left:1px solid #A0A0A0;border-right:1px solid #fff;border-bottom:1px solid #fff; 
        background:#DBDBDB url(../img/container_back.gif) repeat top left;  position:relative;
}
		
		/* Version 2 marker  #version {width:78px;height:70px; background:transparent url(../img/version_2.png) no-repeat top left;position:absolute; top:10px;left:-7px;} */
		
		 h1 span.h1 {margin-left:-9999px;}
		 
		 #logo   { background: transparent; width: 288px; height: 56px;float:left;margin:20px 0 0 20px;border-top:1px solid #A0A0A0;border-left:1px solid #A0A0A0;border-right:1px solid #fff;border-bottom:1px solid #fff;display:inline;overflow:hidden; }

#logo img {border:none;}


a#image {
width: 288px;
height: 56px;
background-image: url(../img/logo.gif);
display: block;
text-decoration: none;
}
a#image:hover {
background-position: 288px 0;}

		 #hire_me   { background: transparent; width: 112px; height: 29px;position:absolute;top:-6px;right:38px; }

#hire_me img {border:none;}




#hire_info {
	display: none;
	width:100%;background:transparent;
	}

#hire_info p {color:#1F0101; font: normal 120% Arial, Helvetica, sans-serif; text-align:left;margin:10px;line-height:1.5em;background:#eee url(../img/container_back.gif) repeat top left;border-top:1px solid #A0A0A0;border-left:1px solid #A0A0A0;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:10px;}

#hire_me  a {
  outline: none;
}



		
		p.info {float:right;color:#666; font: normal 70% Arial, Helvetica, sans-serif; text-align:left;margin:40px 41px 0 0;background:#dbdbdb url(../img/p_info_back.gif) repeat left top;border-top:1px solid #A0A0A0;border-left:1px solid #A0A0A0;border-bottom:1px solid #fff;border-right:1px solid #fff;padding:5px;display:inline;clear:right;}
		
		#content {  background:transparent url(../img/content_back.png) no-repeat left top; float:left;width:100%;margin-bottom:25px;}
		
			
		
			a:link   { color: #666; text-decoration:underline; }

 a:visited   {  color: #666; text-decoration:underline;}

 a:hover  {  color: #000; text-decoration:none; }
 

 
 ul#links {float:right;margin:5px 41px 0 0;display:inline;}
 
  ul#links li {font-size:80%;display:inline;list-style-type: none;text-transform:uppercase;}
  
  		ul#links li	a:link   { color: #333; text-decoration:none; background:#D6D6D6;padding:50px 10px 10px 10px;float:right;margin-left: 20px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #D6D6D6;}

ul#links li a:visited   {  color: #333; text-decoration:none;background:#D6D6D6;padding:50px 10px 10px 10px;float:right;margin-left: 20px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #D6D6D6;}

 ul#links li a:hover  {  color: #333; text-decoration:none; background:#ccc;padding:50px 10px 10px 10px;float:right;margin-left: 20px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ccc;}
 
ul#links li	a#selected_web  { background:#cc837e;}

ul#links li	a#hover_web:hover  { background:#cc837e;}

ul#links li	a#selected_photoshop  { background:#CE9576;}

ul#links li	a#hover_photoshop:hover  { background:#CE9576;}



ul#links li	a#selected_illustrator  { background:#7691ce;}

ul#links li	a#hover_illustrator:hover  { background:#7691ce;}

ul#links li	a#selected_other  { background:#80ce76;}

ul#links li	a#hover_other:hover  { background:#80ce76;}

ul#links li	a#selected_resume  { background:#9d76ce;}

ul#links li	a#hover_resume:hover  { background:#9d76ce;}

ul#links li	a#selected_contact  { background:#cbce76;}

ul#links li	a#hover_about:hover  { background:#cbce76;}

#easyTooltip{
font: bold 90% Arial, Helevetica, sans-serif;
text-align:left;
	padding: 5px;
	border:1px solid #666;
	background:#dbdbdb;
	color:#333;
	
	line-height:1.5em;
	}
	
	#resume { background:#dbdbdb url(../img/p_info_back.gif) repeat left top;border-top:1px solid #A0A0A0;border-left:1px solid #A0A0A0;border-right:1px solid #fff;border-bottom:1px solid #fff;float:left;margin:0 0 20px 20px;display:inline;width:917px;}
	
	#resume p {text-align:left; color:#333; font: normal 90% Arial, Helvetica, sans-serif;margin:20px;line-height:1.5em}
	
	img#me {float:left; margin:20px;padding:5px;border-top:2px solid #A0A0A0;border-left:2px solid #A0A0A0;border-bottom:2px solid #fff;border-right:2px solid #fff;background:#1F0101;}
	
	img#sailor {float:right; margin:20px;padding:5px;border-top:2px solid #A0A0A0;border-left:2px solid #A0A0A0;border-bottom:2px solid #fff;border-right:2px solid #fff;background:#1F0101;}
	
	p.me {text-align:left; color:#333; font: normal 90% Arial, Helvetica, sans-serif;margin:20px;line-height:1.5em}
	
	p#email {float:right;color:#666; font: normal 80% Arial, Helvetica, sans-serif; text-align:left;margin:0 0 0 10px;background:#dbdbdb url(../img/p_info_back.gif) repeat left top;border-left:1px solid #A0A0A0;border-bottom:1px solid #fff;padding:5px;display:inline;}
					
p#cv {float:right;color:#666; font: normal 80% Arial, Helvetica, sans-serif; text-align:left;margin:0 0 0 10px;background:#dbdbdb url(../img/p_info_back.gif) repeat left top;border-left:1px solid #A0A0A0;border-bottom:1px solid #fff;padding:5px;display:inline;}

h2.me {text-align:left; color:#333; font: normal 120% Georgia, "Times New Roman", serif;background:transparent;margin:20px 20px 0 20px;text-transform:uppercase;}

h2.jack_tar {text-align:left; color:#333; font: normal 120% Georgia, "Times New Roman", serif;background:transparent;margin:20px 20px 0 20px;text-transform:uppercase;clear:both;}

h2.resume {text-align:left; color:#333; font: normal 130% Georgia, "Times New Roman", serif;background:transparent;margin:20px 20px 0 20px;text-transform:uppercase}

h2.details {text-align:left; color:#333; font: normal 90% Arial, Helvetica, sans-serif;margin:5px 20px 0 40px;line-height:1.5em}

h2.details_bold {text-align:left; color:#333; font: normal 90% Arial, Helvetica, sans-serif;margin:10px 20px 0 40px;font-weight:bold}

#footer p {color:#666; font: normal 70% Arial, Helvetica, sans-serif; padding:20px;line-height:1.3em;}
 
 #footer { height:50px; background:transparent url(../img/footer_back.gif) no-repeat top center; clear:both}
 
 #wrapper_web {width: 920px;height:423px;background:#993333; float:left;margin:20px 0 0 20px;display:inline;border:1px solid #782222;-moz-box-shadow: 0 0 28px #7E7E7E;
	-webkit-box-shadow: 0 0 28px #7E7E7E;
	box-shadow: 0 0 28px #7E7E7E;}
 
 #wrapper_web_inside {width: 889px;height:388px;background:#9d4647 url(../img/wrapper_web_inside.gif) repeat-x left top; float:left;margin:17px 0 0 15px;border-top:1px solid #722020;border-left:1px solid #722020;border-right:1px solid #B46262;border-bottom:1px solid #B46262;display:inline;}
 
  #wrapper_photoshop{width: 920px;height:423px;background:#a9623b; float:left;margin:20px 0 0 20px;display:inline;border:1px solid #8f4d29;-moz-box-shadow: 0 0 28px #7E7E7E;
	-webkit-box-shadow: 0 0 28px #7E7E7E;
	box-shadow: 0 0 28px #7E7E7E;}
 
 #wrapper_photoshop_inside {width: 889px;height:388px;background:#b7744f url(../img/wrapper_photoshop_inside.gif) repeat-x left top; float:left;margin:17px 0 0 15px;border-top:1px solid #8f4d29;border-left:1px solid #8f4d29;border-right:1px solid #CE9576;border-bottom:1px solid #CE9576;display:inline;}
 
   #wrapper_illustrator{width: 920px;height:423px;background:#2b59a5; float:left;margin:20px 0 0 20px;display:inline;border:1px solid #1a4388;-moz-box-shadow: 0 0 28px #7E7E7E;
	-webkit-box-shadow: 0 0 28px #7E7E7E;
	box-shadow: 0 0 28px #7E7E7E;}
 
 #wrapper_illustrator_inside {width: 889px;height:388px;background:#4f76b7 url(../img/wrapper_illustrator_inside.gif) repeat-x left top; float:left;margin:17px 0 0 15px;border-top:1px solid #1a4388;border-left:1px solid #1a4388;border-right:1px solid #95abdc;border-bottom:1px solid #95abdc;display:inline;}
 
 #wrapper_other{width: 920px;height:423px;background:#31a52b; float:left;margin:20px 0 0 20px;display:inline;border:1px solid #218f1b;-moz-box-shadow: 0 0 28px #7E7E7E;
	-webkit-box-shadow: 0 0 28px #7E7E7E;
	box-shadow: 0 0 28px #7E7E7E;}
 
 #wrapper_other_inside {width: 889px;height:388px;background:#5bb74f url(../img/wrapper_other_inside.gif) repeat-x left top; float:left;margin:17px 0 0 15px;border-top:1px solid #168011;border-left:1px solid #168011;border-right:1px solid #a2e19a;border-bottom:1px solid #a2e19a;display:inline;}
 
 /*
 * Color, Border, and Button Rules
 */  
.contentslider {
  padding:20px 24px 20px 25px; /* This acts as a border for the content slider */
  background:transparent; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:transparent; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:20px; /* Should be as wide as the button graphic being used */
  background:transparent; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */


.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  top:0;
  left:0;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;

  width:842px;
  height:346px;

}

.left_info_column  {float:left; width:220px; height: 346px; background:#ccc url(../img/left_info_column_back.gif) repeat-y right top;overflow:hidden;}

.left_info_column  p {color:#4B4B4B; font: normal 90% Arial, Helvetica, sans-serif; text-align:left;margin:0 15px 10px 15px;line-height:1.3em;}

.left_info_column  h2.work_info {color:#333; font: normal 130% Arial, Helvetica, sans-serif; text-align:left;margin:10px 15px 10px 15px;}


.right_image_column {float:left; width:621px; height: 346px; background:transparent;overflow:hidden;}


.cs_article h2 {

}
.cs_article img {
float:left;border:none;
}

.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:-10px;
  outline:0;
}
.cs_rightBtn {
  right:-10px;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}


#facebox .b {
  background:url(../img/b.png);
}

#facebox .tl {
  background:url(../img/tl.png);
}

#facebox .tr {
  background:url(../img/tr.png);
}

#facebox .bl {
  background:url(../img/bl.png);
}

#facebox .br {
  background:url(../img/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
 .right_image_column a span { background-image:url(../img/magnify.png); background-repeat:no-repeat; width:30px; height:30px; display:none;
                          position:absolute; left:0; top:0;}
						  
						     .right_image_column a:hover span { display:block;} 

.right_image_column a	{position:relative; float:left; }