/* CSS Document */

body {
	color: white;
	font: 82%/1.7 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background: #000000 url(../images/header1.jpg) no-repeat right top;
	cursor:default;
}

#header {
width:990px;
height:131px;
margin:0 auto 0 auto; /* IE Mac does not like this */
}

#logo {
margin:20px 0 0 10px;
position:relative;
z-index:2;
}

#contentwrap {
clear:both;
float:left;
width:100%;
background:url(../images/bg_content.jpg) repeat-y center top;
margin:0;
padding:1em 0 0 0;
}

#contentcenter {
width:950px;
margin:0 auto 0 auto;
padding:1.25em 20px 0 20px;

}

#col-one {
float:left;
width:530px;
 padding:0;
 margin:0 50px 0 0;
}

#col-two {
float:left;
width:370px;
padding:0 0 0 0;
}

#footer {
clear:both;
	background:url(../images/bg_footer.jpg) no-repeat center top;
	padding-bottom:20px;
}

#footer p {
 padding:63px 0 0 0;
}
#footer .vcard {
 padding:0.25em 0 0 0;
}

#footer p, #footer .vcard {
width:790px;
margin:0 auto;
 	text-align:right;
	line-height:1.4em;
	font-size:0.9em;
}

#footer .adr {
display:inline}

#footer a {color: #999999;
}

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


/******************
Top Navigation
*******************/


#navalign {
width:990px;
margin:0 auto;
}

#nav {
background: black url(../images/nav.gif) repeat-x;
clear:both;
	float: left;
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0;
	border:solid #666;
	border-width:1px 0;
	z-index:1000;
}



#nav ul {
	float: left;
	width:auto;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border: solid #666;
	border-width:0 0 0 1px;
}

#nav a {
	display: block;
	width: 8em;
	color: #999;
	font-weight: normal;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav a:hover {/* Safari breaks the nav if you set this class to Bold */
color:white;
}

#nav li:hover, #nav li.sfhover {
	background-color: #660000;
}

#nav li { /* top buttons */
	border: solid #666666;
	border-width:0 1px 0 0;
}

#nav li ul { /* AAA popups */	
	font-weight: normal;
	background:#000;
	border-width:0 1px 1px 1px;
}

#nav li li { /* underlines popups */
	border-width:1px 0 0 0;
}

/*  Suckerfish */
/* Special thanks to Suckerfish Dropdowns By Patrick Griffiths and Dan Webb, A List Apart, and HTML Dog */


#nav {
	position:relative; /* IE Mac */
	
}

/*#nav li.daddy {
	background: url(../images/rightarrow2.gif) center right no-repeat;
}

#nav li:hover.daddy {
	background: #660000 url(../images/rightarrow.gif) center right no-repeat;

}*/

#nav li { /* top buttons */
	float: left;
	padding: 0;
	width: 10em; /* width needed or else Opera goes nuts */
}

/* to change width of popups change AAA BBB CCC then position DDD*/

#nav li ul { /* AAA popups */
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.4em;
	w\idth: 12.9em;
	margin: 0;
}

#nav li li { /* BBB */
	padding-right:0.9em;/* padding-right:1em; made FF border overlap, current makes Safari have a space */
	width:12em; 
}

#nav li a { /* center aligns top buttons */
text-align:center;
}

#nav li li a { /* left aligns popup buttons */
text-align:left;
}

#nav li ul a { /* CCC width of links inside popups */
width: 15em;
w\idth: 10em; /* width of popups in IE */
}

#nav li ul ul { /* DDD poistion of popups */
margin: -2.25em 0 0 12.9em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


/* End Suckerfish */

/******************
END Top Navigation
*******************/

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
margin:0;
padding:0;
font-family:Georgia,Times,Serif;
font-weight:normal;
color:#CC9900;
text-decoration:none;
}

h1 {
font-size:1.7em;
}

h2 {
font-size:1.3em;
padding-top:.25em;
border-bottom:solid 1px #CC9900;
margin-bottom:0.5em;
}

h3 {
font-size:1.2em
}

h4 {
font-size:1.1em
}

p {
margin:0 0 .7em 0;
padding:0;
}

strong {
color:#CC9900;
}

.imageright {
	float: right;
	margin-left:15px;
	margin-bottom:5px;
}

.imagerightcase {
	float: right;
	margin-left:15px;
	margin-bottom:-80px;
}

.imageleft {
	float: left;
	margin-right:15px;
	margin-bottom:5px;
}

blockquote {
}

.bqstart {
margin-top: -40px;
margin-bottom: 50px;
float:left;
 }

.bqend {
float:right;
margin-top: -40px;
}


.bqstart, .bqend {
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#CC9900;
font-size: 7em;
width:0.5em;
height: 0.15em;
}

form#contactform {
margin-bottom:2em;
	font-size:12px;

}

#contactform input {
	background:#000000 url(../images/input.gif) no-repeat scroll right bottom;
	height:20px;
	width:224px;
	border:none;
	color:#999999;
	padding:10px 8px 5px 8px;
}

/*.search-goog*/

/* {
	background:#fff;
	height:auto;
	width:auto;
	border:1px medium #999999;
	color:#999999;
	padding:0;
}*/

#goog-wm ul {
list-style:none;
padding-left:0;
}

#contactform input.submit, input#goog-wm-sb {
	background:#000000 url(../images/button-portfolio.gif) no-repeat left top;
	border:none;
	height:33px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	width:165px;
	padding:0;
}



input#goog-wm-sb {
margin-left:10px;
}

#contactform input.submit, input#goog-wm-sb {
	color:red;
}

#contactform input.submit:hover, input#goog-wm-sb:hover {
	color: #B8252B;
	text-decoration:none;
	background-position:bottom left;
}

#contactform textarea {
background:transparent;
color:#999999;
border:none;
margin-top:-1px;
	padding:10px 0 5px 8px;
}

#col-one #contactform textarea {
height:145px;
width:442px;
}

#col-one #contactform .textareabg {
	background:#000000 url(../images/textarea-col1.gif) top left no-repeat;
	height:160px;
width:450px;
margin-bottom:1em;
}

#col-two #contactform textarea {
height:145px;
width:342px;
}

#col-two #contactform .textareabg {
	background:#000000 url(../images/textarea-col2.gif) top left no-repeat;
	height:160px;
width:350px;
margin-bottom:1em;
}


.clearfix {
clear:both;
position:relative;
left:-9999px;
top:0;
height:1px;
}

a{
	color:red;
}

a:visited {
	color:#CC9900;
}

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

a:active {
	color: white;
}

a img {
border:0;
}

.buttonlinks a {
display:block;
float:left;
line-height:33px;
height:33px;
width:165px;
background-position:top left;
background-repeat:no-repeat;
text-decoration:none;
text-align:center;
border:none;
}

.buttonlinks a {
background-image:url(../images/button-portfolio.gif);
margin-right:10px;
}


.buttonlinks a.next {
background-image:url(../images/button.gif);
}

p.buttonlinks { margin-top:2em;
}




ul.portfolio {
margin:0;
padding:0;
list-style:none;
}


.portfolio li {
background:url(../images/white-fade.png);
display:block;
padding:20px 20px 12px 20px;
margin: 0 0 20px 0;
}

.portfolio div.wthumbnail {
position:relative;
background:url(../images/white-fade.png);
padding:152px 5px 5px 5px;
width: 204px;
float:left;
}

.portfolio .wthumbnail img {
position:absolute;
top:0;
left:5px;
border:2px solid #666666;
}


.portfolio .wthumbnail a, .portfolio .wthumbnail a:visited, .portfolio .wthumbnail a:active {
color:red;
margin-top:5px;
padding:0.5em 0;
width: 200px;
text-align:center;

border:2px solid #666666;

display:block;
font-family:Georgia,Times,Serif;
font-size:0.9em;
letter-spacing:0.1em;
text-decoration:none;
}

.portfolio .wthumbnail a:hover {
	color: #B8252B;
	background:black;
}

.portfolio .wdesc {
margin-left:250px;
}

h3.wservices {
font-size:1em;
}

ul#connections  {
list-style:none;
margin-top:1.5em;
padding-left:0;
margin-left:0;
}

ul#connections li  {
list-style:none;
margin-top:1em;
margin-left:0;
padding-left:0;
}

#vcard .tel, #vcard .email {
font-size:2em;
}

.org {
margin-top:1em;
}