/* Reset and Fonts
----------------------------------------------*/



/* - - - - - - - - - - - - - - - - - - - - -

Author : Shannon

- - - - - - - - - - - - - - - - - - - - - */


/* This is a blend of Eric Meyer reset and Yahoo 2.5.1
----------------------------------------------*/

html {
	color: #000;
	background: #FFF;
}
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}



/* Yahoo font.css. IE specific rules are in ie.css
----------------------------------------------*/

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
table {
	font-size: inherit;
	font: 100%; /* This doesn't validate, find out what it is for */
}
/**
* Bump up IE to get to 13px equivalent
*/
pre,code,kbd,samp,tt {
	font-family: monospace;
	line-height: 100%;
}

/*----------- Sizing Chart


Desired pixel size - Percentage equivilent
10...................77
11...................85
12...................93
13...................100
14...................108
15...................116
16...................123.1
17...................131
18...................138.5
19...................146.5
20...................153.9
21...................161.6
22...................167
23...................174
24...................182
25...................189
26...................197

----------------------------------------------*/




/* layout
----------------------------------------------*/


body {
	margin: 30px 0 0 0;
	font-family: helvetica;

}

html {
	background: url(../images/body-bg.jpg) repeat top left;
}

#wrapper {
	margin: 0 auto;
	width: 757px;
	background: url(../images/yellow-repeat.jpg) repeat-y top left;
}

#content-container {
	background: url(../images/yellow-top.jpg) no-repeat top left;
	min-height: 900px;
}

#footer {
	clear: both;
	background: url(../images/yellow-bottom.jpg) no-repeat top left;
	height: 97px;
}

#home #wrapper {
	background: url(../images/home-bg.jpg) no-repeat top left;
}

.yellow #wrapper {
	background: url(../images/yellow-bg.jpg) no-repeat top left;
}

#home #content-container, 
#contact #content-container,
#work #content-container {
	background-image: none;
}

#nav {
	float: right;
	padding: 22px 0 0 0;
	margin: 0 6px 0 0;
	font-size: 150%;
}

#nav li {
	display: inline;
	margin-right: 15px;
}

#left-col {
	float: left;
}

#logo {
	padding: 26px 0 0 27px;
}

#content {
	float: right;
	padding: 33px 0 0 0;
}

#footer {
	clear: both;
}


/* Pages
----------------------------------------------*/



#home #sub-nav {
	padding: 132px 0 0 68px;
}

#home #sub-nav ul, #home #sub-nav li {
	margin: 0;
	padding: 0;
}

/**----------- About  */


#about #content {
	width: 525px;
	padding: 21px 0 0 0;
}
#about #content .cushycms { 
	margin-right: 70px;
	margin-left: 3px;
}

#about #left-col {
	width: 204px;
}

#about #left-col #artists img, 
#about #left-col #owners img {
	float: right;
}

#about #left-col #marcus-img {
	padding: 56px 0 0 27px;
}

#about #left-col #chrisray-img {
	padding: 11px 0 0 27px;
	margin: 0 0 25px 0;
}

#about #left-col #artists {
	clear: right;
	padding: 21px 0 0 0;
	background: url(../images/about/old-timey-line.gif) no-repeat top right;
}

#about #left-col #artists img {
	padding-bottom: 12px;
}

#about #left-col #artists #our-artists {
	padding-bottom: 16px;
}

#about #about-img {
	margin-bottom: 22px;
}

#about #new-img {
	margin: 22px 0 17px 0;
}


/**----------- Contact  */


#contact #content {
	float: right;
	width: 400px;
	color: #a8a8a8;
	font-size: 18px;
	padding: 33px 0 50px 0;
}

#contact #left-col {
	width: 163px;
}

#contact #phone {
	width: 172px;
	float: right;
	padding: 5px 15px 0 0;
}

#contact #address {
	padding: 0 0 29px 0;
	margin: 0 0 13px 24px;
	background: url(../images/contact/stars.gif) no-repeat bottom left;
}

#contact #our-address {
	margin: 0 0 8px 0;
}

#contact #address p {
	line-height: 18px;
}

#contact #chrisray {
	width: 201px;
}

#contact #marcus {
	width: 150px;
}

#contact #chrisray {
	float: left;
	padding: 0 0 0 24px;
}

#contact #marcus {
	float: left;
}

#contact .numbers {
	margin: 8px 0 0 0;
}

#contact .numbers img {
	margin: 0 3px 0 0;
	vertical-align: middle;
}

#contact .numbers div {
	margin: 0 0 2px 0;
}

#contact #contact-img {
	margin: 14px 0 7px 0;
}

#contact #send {
	margin: 0 24px 0 0;
}

/**----------- Work  */

#work #content {
	padding: 10px 15px 0 0;
}

#work #flash {
	width: 597px;
	height: 451px;
}

#work #left-col {
	width: 132px;
}

#work #left-col #sub-nav {
	margin: 214px 0 0 14px;
	padding: 14px 0 0 0;
	background: url(../images/our-work/old-timey-top.jpg) no-repeat top right;
}

#work #left-col li {
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 0;
}

#work #left-col #sub-nav ul {
	padding: 0 0 12px 0;
	background: url(../images/our-work/old-timey-bottom.jpg) no-repeat bottom right;
}


/* Global Tags
----------------------------------------------*/


body {
	color: #797979;
}
p {
	margin: 0 0 18px 0;
	font-size: 100%;
}

p, br, li, h1, h2, h3, strong, label, a:link {
	line-height: 1.4em;
}


/*----------- Headings */


h1 {
	font-size: 131%;
}

h2 {
	font-size: 123.1%;
}

h3 {
	font-size: 116%;
	margin: 0 0 0 0;
	color: #797979;
	font-weight: bold;
}

h4 {
	font-size: 108%;
}


/*----------- Text Formatting */


strong {
	font-weight: bold;
}
em {
	font-style: italic;
}






/* Links
----------------------------------------------*/


/*----------- Global Links */


a:link {
	text-decoration: none;
	color: blue;
}
a:visited {
	text-decoration: none;
	color: blue;
}
a:hover {
	text-decoration: underline;
	color: blue;
}
a:active {
	text-decoration: none;
}
a:focus {

}

a {
  outline: none;
}


/*----------- Nav Links */


#nav li {
	padding: 0 0 14px 0;
	float: left;
}
 
#nav li.current {
	background: url(../images/nav/underline.gif) no-repeat 0 22px;
}

#contact #nav li.contact {
	background: url(../images/nav/underline.gif) no-repeat -5px 22px;
}

#home #nav li.home {
	padding-left: 0px;
	background-color: blue;
}

#home #nav li.current {
	background: url(../images/home/underline.jpg) no-repeat 0 22px;
}



/* Misc. classes and tools
----------------------------------------------*/


.clearfix:after {	/* make sure IE gets its style in ltie7.css */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.zero {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.zero-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.zero-bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.zero-left {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.zero-right {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.align-right {
	text-align: right !important;
}
.align-left {
	text-align: left !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.hide {
	display: none !important;
}
.highlight {
	color: #eb7100 !important;
}
ul.bullet li {
	padding: 0 0 0 10px;
	background: url(../images/bullet.gif) no-repeat center left;
}
ul.no-bullet li {
	padding: 0;
	background-image: none;
}


/*----------- Images */


img.image-left {
	float: left;
	margin: 0 10px 10px 0;
}
img.image-right {
	float: right;
	margin: 0 0 10px 10px;
}
.center {
	text-align: center;
}

/*my_ssp.navIcons[1] = "prevButton";
my_ssp.navIcons[2] = "prev";
my_ssp.navIcons[3] = "next";
my_ssp.navIcons[4] = "nextButton";*/