@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}

body {
	background:#331600 url(/images/mainbgtall.png) repeat-x;
	font-size:100%;
	font-family:;
	color:#ccc;
	}

.bold {
	font-weight:bold;
	}

.smallp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	}

h2 {
	color:#333;
	font-family:Century Gothic;
	font-size:26px;
	font-weight:lighter;
	}
		
h3 {
	color:#333;
	font-family:Century Gothic;
	font-size:14px;
	font-weight:lighter;
	}

.tagline {
	color:#333;
	font-family:Century Gothic;
	font-size:16px;
	font-weight:lighter;
	margin-top:10px;
	}
	
.h2content {
	color:#ccc;
	font-family:Century Gothic;
	font-size:24px;
	font-weight:lighter;
	margin-bottom:20px;
	}

.h3content {
	color:#ccc;
	font-family:Century Gothic;
	font-size:20px;
	font-weight:lighter;
	}

.portfoliocopy {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.portfoliocopy2 {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-right:0px;
	}
	
a, a:link,a:visited,a:hover,a:active {
	color:#ccc;
	text-decoration:none;
	}

a:hover, a:active {
	color: #fff;
	text-decoration:underline;
	}
	
#contentjar {
	width:900px;
	margin:0 auto;
	}
	
#navbar {
	width:900px;
	height:38px;
	padding-top:12px;
	text-align:right;
	}

#navbar ul {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	list-style-type:none;
	padding-right:40px;
	}

#navbar ul li{
	display:inline;
	}
	
#navbar ul li a{
	}
	
#navbar ul li a:hover{
	}
	
#banner {
	width:900px;
	height:100px;
	background:url(/images/bannerlogo2.png) no-repeat;
	}

#shadow {
	width:900px;
	height:14px;
	background:transparent url(/images/shadow900a.png) no-repeat;
	}
	
#main {
	width:900px;
	min-height:650px;
	}

#content1 {
	width:900px;
	height:400px;
	margin-bottom:70px;
	}
	
#c1left {
	width:450px;
	height:400px;
	background:transparent url(/images/imagebg.png);
	float:left;
	}

#displayimg {
	background:url(/images/image2.jpg) no-repeat;
	width:371px;
	height:254px;
	position:relative;
	top:70px;
	left:36px;
	}
	
#c1right {
	width:400px;
	height:345px;
	padding-top:55px;
	padding-left:20px;
	padding-right:30px;
	float:left;
	}

.scrollp {
	color:#333;
	font-family:Century Gothic;
	font-size:14px;
	font-weight:lighter;
	}

#content2 {
	width:900px;
	height:auto;
	margin-bottom:50px;
	}

#c2left {
	width:430px;
	padding-left:20px;
	float:left;
	}

.simg {
	border:2px solid #ccc;
	}
	
#portfolioimg {
	width:75px;
	margin-top:6px;
	float:left;
	}
	
#portfoliocopy {
	width:315px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:30px;
	}

#portfoliocopy a {
	color:#ccc;
	font-family:Century Gothic;
	font-size:20px;
	font-weight:lighter;
	text-decoration:none;
	}

#portfoliocopy a:hover {
	color:#006633;
	}

/*#portfoliocopy .h3content:hover {
	color:#006633;
	}*/
	
#c2right {
	width:430px;
	padding-left:20px;
	float:left;
	}
	
#clear {
	clear:both;
	}

#footer {
	width:100%;
	height:200px;
	background:#000;
	border-top:#333 1px solid;
	font-size: 11px;
	color:#999;
	text-align: center;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	}
#ftrwrap {
	width:900px;
	/*border:1px solid #ccc;*/
	margin:20px auto;
	list-style-type:disc;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	}
#ftrwrap a {
	color:#999;
	padding:0 5px;
	line-height:17px;
	}
#ftrwrap a:hover {
	color:#ccc;
	}
			
#f1 { margin: 0px auto; width:303px; min-height:100px; /*background:#333;*/ float:left; margin-bottom:20px; margin-top:20px; padding-right:30px; }
#f2 { margin: 0px auto; width:332px; min-height:100px; /*background:#666;*/ float:left; margin-bottom:20px; margin-top:20px; /*border-left:1px dashed #333;*/ /*border-right:1px dashed #333;*/ }
#f3 { margin: 0px auto; width:333px; min-height:100px; /*background:#999;*/ float:right; margin-bottom:20px; margin-top:20px; }

#f1 a, #f2 a, #f3 a { color:#999; }
#f1 ul { list-style:none; text-align:right; }
#f2 ul { list-style:none; text-align:center; }
#f3 ul { list-style:none; text-align:left; }
	
/* contact form */

tr {
	margin-bottom:10px;
	}
	
form {
	color:#ccc;
	font-family:Century Gothic;
	font-size:16px;
	font-weight:lighter;
	}

input {
	border:1px solid #999;
	background-color:#331600;
	color:#ccc;
	}

/*input[type="text"] {
	width:290px;
	font-size:14px;
	}*/
input.text {
	width:290px;
	font-size:14px;
	}
	
textarea {
	border:1px solid #999;
	background-color:#331600;
	color:#ccc;
	width:290px;
	overflow:auto;
	}
.submitbtn {
	color:#999;
	}

.submitbtn:hover {
	background:#999;
	color:#331600;
}
	
/* end contact form */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: -30px;
  left: 0px;
  width: auto;
  line-height: 1.2em;
  /*padding: 3px 7px 4px 6px;*/
  padding: 5px 5px;
  border: 1px solid #999;
  background-color: #ccc;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #666;
  text-align: left;
  white-space: nowrap;
}

/* Spry Tool Tips */
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	/*background-color: #FFFFCC;*/
}
#following1, #following2, #following3, #following4, #following5, #following6, #following7, #following8, #following9, #following10, #following11, #following12, #following13 { background:#ccc; color:#666; width:auto; /*height:15px;*/ z-index:1011; padding:10px 5px; font-size: 16px; text-transform:capitalize; }
.tooltipContent {  }
/* End Spry Tool Tips */

.underline { text-decoration:underline; }
.lowercase { text-transform:lowercase; }