/* CSS Document */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	font-family: 'Tallys Regular';
	src: url('Tallys_15.eot');
	src: local('Tallys Regular'), local('Tallys'), url('Tallys_15.woff') format('woff'), url('Tallys_15.otf') format('opentype'), url('Tallys_15.svg#Tallys') format('svg');
}
body,td,th {
	font-size: 12pt;
	color: #3e3235;
	line-height:1.6em;
}
body {
	font-family: 'Tallys Regular', Georgia, Times New Roman, Times, serif;
background:#D2BC8B url(images/site_background.jpg) repeat-x top center;
margin:0;
padding:0;

}
a:link {
	color: #A20404;
	font-weight:normal;
	text-decoration:none;
}
a:visited {
	color: #000000;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #000000;
	text-decoration:none;
}
.pdflink {
	padding-right: 16px;
	background:url(images/page_white_acrobat.gif) no-repeat top right;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
	font-size: 2.2em;
	line-height:1.2em;
}
h2 {
	font-size: 1.9em;
	line-height:1.2em;
}
h3 {
	font-size: 1.5em;
	line-height:1.4em;
}
h4 {
	font-size: 1.4em;
	line-height:1.6em;
}
h5 {
	font-size: 1.25em;
	line-height:1.4em;
}
h6 {
	font-size: 1.1em;
	line-height:1.3em;
}
.smallcaps {
font-variant:small-caps;
}
.red {
color:#A20404;
}
.grey {
color:3E3235;
}
.clear {
clear:both;
}
.center {
text-align:center;
}
.content {
width:80%;
margin:1em auto;

}
.vertical_divider {
background:url(images/vertical_divide.gif) no-repeat top center;
height:350px;
width:50px;
margin:0 .7em;
float:left;
}
.horizontal_divider {
background:url(images/horizontal_divide.gif) no-repeat bottom center;
padding-bottom:.2em;
}
.dropshadow {
moz-box-shadow: 1px 1px 5px #3E3235;
webkit-box-shadow: 1px 1px 5px #3E3235;
box-shadow: 1px 1px 5px #3E3235;
}
.leftalign {
text-align:left;
}
.rightalign {
text-align:right;
}
.smaller {
font-size: 0.9em;
line-height:1.1em;
}
ul {

list-style: url(images/bullet.gif);
font-size:.9em;
line-height:1.2em;
}
.content ul {
	font-size:1em;
}
li {
margin-bottom:.4em;
}
img {
border:none;
}
#container {
	width:960px;
	margin:30px auto 0 auto;

}
#logo {
background:url(images/audrey_sargent_creative_log.gif) no-repeat top left;
text-indent:-9000px;
display:block;
overflow:hidden;
height:170px;
width:300px;
float:left;
margin-top:0px;
}

#navigation {
width:auto;
float:right;
margin-top:50px;
list-style:none;
}
#navigation li {
width:150px;
font-variant:small-caps;
float:left;
text-align:center;
list-style:none;
}
#navigation li a {
text-decoration:none;
border-bottom:none;
padding-bottom:12px;
}
#navigation li a:hover {
text-decoration:none;
border-bottom:none;
background:url(images/nav_accent.gif) no-repeat bottom center;
color:#A20404;
}
#navigation .current a {
text-decoration:none;
border-bottom:none;
background:url(images/nav_accent.gif) no-repeat bottom center;
color:#A20404;
}
#footer1, #footer2, #footer3 {
width:270px;
float:left;
padding:0 0 0 0;
text-align:center;

}
#quotes, #examples { list-style: none; cursor: pointer; height:230px;margin:0;padding:0;text-align:center; }
#auotes li, #examples li {
	margin:0px;
	padding:0px;
}

#quotes blockquote { list-style: none;width:100%; text-indent:none; margin:0; line-height:1.1em;font-size:1.1em; padding-bottom:1em;}    
#examples li img {
	padding-bottom:1em;
}

.copyright {
text-align:center;
font-size:.8em;
line-height:1.2em;
padding:.5em 0;
}
#slideshow {
	width:960px;
	height:425px;
	margin:0 auto;
	padding-bottom:20px;
	padding-top:20px;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:880px;
  height:425px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  clear:both;
  font-size:.9em;
  line-height:1.1em;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:860px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:425px;
}
/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:30px;
  height:30px;
  text-indent:-10000px;
  position:relative;
  cursor: pointer;
}
#leftControl {
  top:200px;
  left:0;
  background:transparent url(images/hori_large.png) no-repeat;
}
#leftControl:hover	{ background-position:-30px 0;  border-bottom:none;}
#leftControl:active	{ background-position:-60px 0;  border-bottom:none;}

#rightControl {
	float:right;
  top:-250px;
  right:0;
 background:transparent url(images/hori_large.png) no-repeat;
}

#rightControl			{ background-position: 0 -30px;}
#rightControl:hover		{ background-position:-30px -30px;  border-bottom:none;}
#rightControl:active		{ background-position:-60px -30px;  border-bottom:none;}
.slide img{
float:left;
margin:0 2em 0px 0;
border:0px;
}
.slideinfo {
	float:left;
	width:340px;
	margin-top:0px;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 auto; 
	padding:0;
	height:30px;	
	width:600px;


}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	font-variant:small-caps;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	width: 200px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;
	
	border-bottom:none;
	padding-bottom:12px;
}

ul.tabs a:active {
	outline:none;	
	background:url(images/nav_accent.gif) no-repeat bottom center;	
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {	
	color:#A20404;	
	background:url(images/nav_accent.gif) no-repeat bottom center;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {	
	cursor:default !important; 
	color:#A20404 !important;
	background:url(images/nav_accent.gif) no-repeat bottom center;
}

.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}


.availablility {
	display:block;
	background:url(images/accepting_new_projects.gif) no-repeat top left;
	position:absolute;
	top:0px;
	right:0px;
text-indent:-9000px;
height:60px;
width:200px;
}
a.nounderline {
	border:0px;
}
form.cmxform {
	width: 600px;
	margin:-50px auto 0 auto;
	font-size: .9em;
	color: #3e3235;
	}
form.cmxform fieldset {
  margin-bottom: 10px;
  border:none;
}
form.cmxform legend {
  padding: 0 2px;
  visibility:hidden;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.2em;
  vertical-align: top;

}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #A20908;
  font-size:.9em;
}
form.cmxform .error {
	   border:2px #A20908 solid;
}
form.cmxform .errortext {
	 color: #A20908;
	 margin-left:250px;
}
.required{
  font-size: 13px !important;
  color: red !important;
}
.notvalid{
   border:2px #A20908 solid;
}
form.cmxform label {
  width: 250px; /* Width of labels */
}
form.cmxform textarea {
	width:300px;
}
form.cmxform input[type=text] {
	width:300px;
}
form.cmxform fieldset fieldset label {
  margin-left: 253px; /* Width plus 3 (html space) */
}