body {text-align:center; background-color: #64684e; margin: 0; padding: 0;}

body.services #services, body.services #services a,
body.contact #contact, body.contact #contact a,
body.about #about, body.about #about a{color:#FFF;text-decoration:none;}

body.testimonials #testimonials, body.testimonials #testimonials a,
body.news #news, body.news #news a,
body.staff #staff, body.staff #staff a,
body.love #love, body.love #love a,
body.contact #contact, body.contact #contact a,
body.clients #clients, body.clients #clients a,
body.asset #asset, body.asset #asset a,
body.prepress #prepress, body.prepress #prepress a,
body.printing #printing, body.printing #printing a,
body.retouching #retouching, body.retouching #retouching a,
body.studios #studios, body.studios #studios a,
body.production #production, body.production #production a,
body.cgi #cgi, body.cgi #cgi a,
body.location #location, body.location #location a,
body.capture #capture, body.capture #capture a,
body.video #video, body.video #video a,
body.photography #photography, body.photography #photography a,
body.careers #careers, body.careers #careers a{color:#FFF;text-decoration:none;}

/*----bt hack for coyote logo in menue----*/
em {
	background-image: url(../images/coyote/coyotelogo-small.gif);
	background-repeat: no-repeat;
	font-style: normal;
}


div, td {font-family:helvetica,arial,sans-serif;font-size:13px;font-weight:normal; color:#FFF;line-height:24px;}

a {font-size:13px;font-family:helvetica,arial,sans-serif;font-weight:normal;color:#f2eb45;text-decoration:none;}

a:hover {font-size:13px;font-family:helvetica,arial,sans-serif;font-weight:normal;color:#ffff99;text-decoration:none;}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

br {line-height:20px;}
p {line-height:20px;margin-top:0;margin-bottom:20px;}

img {border:0px;}

.align-right {vertical-align: top; margin:0 0 30px 20px; float:right; padding-top:5px;}
.align-left {vertical-align: top; margin:0 20px 20px 0; float:left; padding-top:5px;}

h1 {font-family:helvetica,arial,sans-serif;font-size:22px;font-weight:bold; color:#FFF; margin:22px 0 20px 0; padding:0px; line-height:28px;}

h1.index {font-family:helvetica,arial,sans-serif;font-size:66px;font-weight:bold; color:#f2eb45; margin:22px 0 20px 0; padding:0px; line-height:28px; text-align:right;}
h2.index {font-family:helvetica,arial,sans-serifl;font-size:16px;font-weight:bold; color:#f2eb45; margin:0 0 8px 0; padding:0px; text-align:right;}


h1.header_left {float:left; margin:0; padding:0px;}
h1.header_right {float:right; margin:0; padding:40px 0 0 0;}


h1.coyote {font-family:helvetica,arial,sans-serif;font-size:40px;font-weight:bold; color:#FFF; margin:15px 0 22px 0; padding:0;}
h2.coyote {font-family:helvetica,arial,sans-serif;font-size:24px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}
h3.coyote {font-family:helvetica,arial,sans-serif;font-size:14px;font-weight:bold; color:#FFF; margin:0 0 4px 0; padding:0px;}

h2 {font-family:helvetica,arial,sans-serif;font-size:22px;font-weight:bold; color:#FFF; margin:22px 0 20px 0; padding:0px; line-height:28px;}
h2(old) {font-family:ahelvetica,arial,sans-serif;font-size:16px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}

h2.nav {font-family:helvetica,arial,sans-serif;font-size:19px;font-weight:normal; color:#FFF; margin:27px 0 18px 0; padding:0px;}
h2.nav a {font-family:helvetica,arial,sans-serif;font-size:19px;font-weight:normal; color:#f2eb45; margin:27px 0 18px 0; padding:0px;}
h2.nav a:hover {font-family:helvetica,arial,sans-serif;font-size:19px;font-weight:normal; color:#ffff99; margin:27px 0 18px 0; padding:0px;}


h3 {font-family:helvetica,arial,sans-serif;font-size:16px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}
h3(old) {font-family:helvetica,arial,sans-serif;font-size:16px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}

h3.nav {font-family:helvetica,arial,sans-serif;font-size:14px;font-weight:normal; color:#FFF; margin:6px 0 15px 0; padding:0px;}
h3.nav a {font-family:helvetica,arial,sans-serif;font-size:14px;font-weight:normal; color:#f2eb45; margin:6px 0 15px 0; padding:0px;}
h3.nav a:hover {font-family:helvetica,arial,sans-serif;font-size:14px;font-weight:normal; color:#ffff99; margin:6px 0 15px 0; padding:0px;}

h4 {font-family:helvetica,arial,sans-serif;font-size:18px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}

h3 a {
	font-size:15px;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
	color:#f2eb45;
	text-decoration:none;
}
h3 a:hover {font-size:15px;font-family:helvetica,arial,sans-serif;font-weight:bold;color:#FFFFFF;text-decoration:none;}

h1.popup {font-family:helvetica,arial,sans-serif;font-size:22px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}
h2.popup {font-family:helvetica,arial,sans-serif;font-size:18px;font-weight:bold; color:#FFF; margin:0 0 8px 0; padding:0px;}
h3.popup {font-family:helvetica,arial,sans-serif;font-size:18px;font-weight:bold; color:#FFF; margin:0; padding:0px;}


hr {
	width:100%;
	color:#999999;
	height:1px;
	border: none 0; 
	border-top: 1px solid #999999;
	clear:both;
	margin-bottom:20px;
	}


#container {width:92%; background-color:##64684e; margin:auto; text-align:left; padding:0;}

div.logo {margin:60px 0 60px 0; float:right;}


/*---------- INTERIOR PAGE HEADER -----------*/
div.header {margin-top:20px; width:100%; height:140px;}
div.header_left {float:left;}
div.header_right {float:right; padding-top:40px;}
/*---------- INTERIOR PAGE HEADER -----------*/


/*---------- COYOTE HEADER -----------*/
div.coyotelogo {margin-top:20px; width:100%; height:140px;}
h1.coyotelogo1 {float:left; padding-top:30px; margin:0;}
h1.coyotelogo2 {float:right; padding-top:40px; margin:0;}
/*---------- COYOTE HEADER -----------*/

span.specs {font-family:helvetica,arial,sans-serif;font-size:13px;font-weight:normal; color:#a5a98f;line-height:22px;}

#contentarea {background:#64684e; padding:0;}


div.contentleft {width:70%; margin:0; float:left;}

div.contentcol1 {
	width:45%;
	float:left;
	margin-right:40px;
}
div.contentcol4 {
	
	float:left;
	margin-right:40px;
}
div.contentcol2 {width:45%; float:left;}
div.contentcol3 {
	width:45%;
	float:left;
}

ul.contentcol {width:310px; padding:0; margin:0 0 0 16px;}

ul.col1 {width:160px; float:left; list-style-type:none; padding:0; margin:0 10px 0 0; font-family:helvetica,arial,sans-serif;font-size:11px;font-weight:normal; color:#FFF;line-height:17px;}
ul.col2 {width:160px; float:left; list-style-type:none; padding:0; margin:0 10px 0 0; font-family:helvetica,arial,sans-serif;font-size:11px;font-weight:normal; color:#FFF;line-height:17px;}
ul.col3 {width:160px; float:left; list-style-type:none; padding:0; margin:0 10px 0 0; font-family:helvetica,arial,sans-serif;font-size:11px;font-weight:normal; color:#FFF;line-height:17px;}
ul.col4 {width:160px; float:left; list-style-type:none; padding:0; margin:0; font-family:helvetica,arial,sans-serif;font-size:11px;font-weight:normal; color:#FFF;line-height:17px;}


div.sdicol1 {width:180px; float:left; margin:10px 10px 20px 0;}
div.sdicol2 {width:420px; float:left; margin:10px 0 0 0; font-size:11px; line-height:19px; color:#a5a98f;}
div.sdi {margin-bottom:20px; font-size:11px; line-height:19px;}


#contentright {width:30%; float:right; margin:57px 0 0 0;}

#contentright_index {width:30%; float:right;}

#contentright_footer {width:29%; float:right;}

/*---------- Footer -----------*/
#footer {margin-top:60px; float:right; text-align:right; line-height:19px;}

#footer a{color:#f2eb45; font-size:12px;}
#footer a:hover{color:#ffff99; font-size:12px;}

#footer .left{float:right; color:#a5a98f; font-size:12px; margin-right:13px;}
#footer .right{float:right;}
/*---------- Footer -----------*/


#footer .left1{float:right; color:#a5a98f; line-height:30px; font-size:12px; width:50px;}
#footer .left2{float:left; color:#a5a98f; line-height:30px; font-size:12px; margin-right:10px;}
#footer .left2 p{line-height:50px;}
#footer .left3{float:left; color:#a5a98f; line-height:20px; font-size:12px;}
#footer .right{float:right; color:#a5a98f; line-height:30px; font-size:12px;}


/*---------- Dynamic Drive Menu -----------*/

.urbangreymenu{
 /*width of menu*/
float: right;
text-align: right;
}

.urbangreymenu .headerbar{
font: bold 50px Verdana;
color: white;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 0; /*31px is left indentation of header text*/
cursor:pointer;
}

.urbangreymenu .headerbar:hover{
color: #ccc;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #8f927b;
display: block;
}

h3.headerbar a {font-size:50px;font-family:helvetica,arial,sans-serif;font-weight:bold;color:#8f927b;text-decoration:none; margin-bottom:5px;}
h3.headerbar a:hover {font-size:50px;font-family:helvetica,arial,sans-serif;font-weight:bold;color:#FFF;text-decoration:none; margin-bottom:5px;}


/*---------- For Index page -----------*/

.urbangreymenu .headerbar a.index{
text-decoration: none;
color: white;
display: block;
cursor:pointer;
}

h3.headerbar a.index {font-size:50px;font-family:helvetica,arial,sans-serif;font-weight:bold;color:#FFF;text-decoration:none; margin-bottom:5px;}
h3.headerbar a.index:hover {font-size:50px;font-family:helvetica,arial,sans-serif;font-weight:bold;color:#CCC;text-decoration:none; margin-bottom:5px;}

/*---------- For Index page -----------*/



.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 6px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 17px helvetica,arial,sans-serif;
color: #f2eb45;
display: block;
padding: 0;
line-height:20px;
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #f2eb45;
}

.urbangreymenu ul li a:current{
color: #FFF;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
}


/*---------- bubble tooltip -----------*/

.hotspot {color:#f2eb45; padding-bottom:1px; cursor:pointer;}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:20px 20px 20px 20px; margin-left:5px; background:#f2eb45; color:#333; text-align:left; font-size:11px;font-family:helvetica,arial,sans-serif;font-weight:normal; line-height:18px; width:460px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden;}


/*---------- Gallery -----------*/

table.thumbs {margin:0; padding:0;}
table.thumbs td {
	padding: 10px 28px 20px 0;
	color: #64684e;
	height:100px;
}
table.thumbs td img {border:solid 2px #FFFFFF;}

table.thumbs td img:hover {border:solid 2px #ccc;}

/*---------- End Gallery -----------*/


/*---------- RETOUCHING GALLERY -----------*/

table.thumbs2 {margin:0; padding:0;}
table.thumbs2 td {
	padding: 10px 28px 20px 0;
	color: #64684e;
	height:100px;
}
table.thumbs2 td img {border:solid 2px #64684e;}

table.thumbs2 td img:hover {border:solid 2px #64684e;}

/*---------- End RETOUCHING GALLERY -----------*/



/*---------- COYOTE STYLES -----------*/

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
/*html, body {height:100%; margin:0; padding:0;}
/* Set the position and dimensions of the background image. */
/*#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
/*#content {position:relative; z-index:1; padding:10px;}


/* For Internet Explorer 6 */

/*html html {overflow-y:hidden;}
/*html body {overflow-y:auto;}
/*html #page-background {position:absolute; z-index:-1;}
/*html #content {position:static;padding:10px;} */


#poweredby {color:#64684e;}
#poweredby a{color:#64684e;}

 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#64684e !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #cccccc !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #64684e !important; //Text input field border color
   background-color:#64684e !important; //Text input field background color
 }


</style>