@import url(tripoli.base.css);

/* color pallette
orange: #ed861d
grey (text): #6a6b6e
light grey: #c1c3c5
background grey: #e6e7e8
----- */

html {background-color:#e6e7e8; -webkit-text-size-adjust:none;
}

body {color:#6a6b6e; 
}

img {-ms-interpolation-mode:bicubic; /* fixes image resizing nastiness in IE */
}

a {text-decoration:none; color:#6a6b6e;
}
	.clients .col a, .contact .contact-info a, .testimonials .col a {color:#ed861d;}
	a:hover, a:focus, li.on a {color:#ed861d !important;}
	.clients .col a:hover, .clients .col a:focus, .contact .contact-info a:hover, .contact .contact-info a:focus, .testimonials .col a:hover, .testimonials .col a:focus {color:#6a6b6e !important;}

#container {/* overflow:auto; clears all contained floats*/ background-color:#fff; width:894px; margin:0 auto 10px; padding:45px 36px 10px 30px;
}

#header {height:61px; padding:0 0 45px;
}

#footer {clear:both;}

#branding {float:left; margin-right:30px;
}
	#branding p {text-indent:-9999px; font-size:1px;}

#nav-area {width:804px; margin-left:90px; font-size:11px;
}

#top-nav {
}

ul#main-nav, ul#cat-nav {line-height:30px; font-size:11px !important;
}
	ul#main-nav {border-right: solid 1px #ed861d; float:left; margin-right:10px;}
	ul#main-nav li, ul#cat-nav li, ul#sub-nav li {display:inline; list-style-type:none; margin:0 10px 0 0; font-size:11px;}
	ul#main-nav li a, ul#cat-nav li a, ul#sub-nav li a {font-size:11px !important;}
	
#bottom-nav {border-top:solid 1px #ed861d; font-size:11px;
}
	ul#sub-nav {text-align:center; line-height:18px; margin:5px 0 0; font-size:11px;}
	
.main-content {margin:0 0 30px 90px; position:relative;
}
	.home .main-content {margin-left:3px; min-height:450px;}
	.description {float:left; width:225px; margin-right:25px; display:inline;}
	.image-area {float:left; width:554px; display:inline;}
	
.nav-links, .stripTransmitter {margin:10px 0 0;}

a.arrow-link {padding-right:13px; background:url(/images/right-arrow.png) no-repeat right 3px #fff;}
	a.arrow-link:hover {background-position:right -10px;}

.image-area {min-height:450px;
}
	
.image-area p.more-client {margin:-13px 0 20px; text-align:right;
}




.contact .main-content img.dogs {margin:25px 0 0 -50px;
}

.contact .contact-info {margin:-35px 0 0; width:300px;
}
	.contact .contact-info p {font-size:15px; line-height:1.6; margin:0 0 15px;}




/* ------
------------- team/testimonials // clients
----------------------------------*/

.team .col, .clients .col, .testimonials .col {width:180px; margin:0 20px 30px 0; float:left;
}

.clients .col ul {margin:-4px 0 20px;
}
	.clients .col ul li {margin:6px 0;}
	
	
	
	
/* ------
------------- typography
----------------------------------*/

h1 {color:#ed861d; font-size:24px; margin:0 10px 5px 0; line-height:1.3; font-weight:normal;
}

h2 {font-size:15px; line-height:1.2; font-weight:normal; margin:0 0 7px; padding:0 0 7px; border-bottom:solid 1px #ed861d;
}

.description p {font-size:12px; line-height:1.6; margin:0 20px 15px 0;
}

.description p.credits {font-size:10px; line-height:1.2; font-style:italic;
}

#footer p.copyright {font-size:9px; color:#c0c0c0;}

/* gallery nav links generated by jquery plugin */
.stripTransmitter a {font-size:10px; display:block; padding:3px; float:left; color:#333; z-index:100;
}
	.stripTransmitter a.current {color:#ed861d;}
	.stripTransmitter ul li {display:inline; list-style-type:none;}
	.stripTransmitter ul {margin: 0;	padding: 0;	position: relative; list-style-type: none;}
	
.team p, .clients p {margin:0; line-height:1.7; text-indent: 1.5em;
}
	.team h2+p, .clients h2+p {text-indent:0;}

.team h2, .clients h2 {font-size:10px; margin:0; border-width:0; padding:0; font-weight:bold; line-height:1.7; color:#3f4042;
}

.testimonials .col p {margin:0 0 20px 0; line-height:1.3;
}
	.testimonials i {font-style:italic;}
	.testimonials b {font-style:italic; font-weight:normal; color:#ed861d;}