/* default css */

/*** IE6 Fix ***/
*  
{
  margin:0px;
}

html
{
	height: 100%;
}

* html div#container {
	height: 100%;
}

img, div
{
	padding:0px;
	margin:0px;
	/*border:thin;*/
}

table
{
	padding:0px;
	margin:0px;
}

html,body
{	
	margin:0 auto; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:8pt;
	color:#787776;
	text-align:left;
	/*border:solid 1px green;*/
	height:100%;
	background:url("http://www.artistscircleonline.com/test/images/bgRepeat.gif") left top repeat;
}

#tblWrapper
{
	position:relative;
	top:0;
	left:50%;
	width:800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;/**/
	margin: 30px 0 0px -400px; /* the bottom margin is the negative value of the footer's height */
	padding:0px;
	background-color:#FFFFFF;
	/*background:url(../images/3ColBodyBG.jpg) right top repeat-y;*/
	border:solid 1px #e2dac8;
}

#wrapper
{
	position:relative;
	top:50%;
	left:50%;
	width:800px;
	height:775px;
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	margin: -387px 0 0px -400px; /* the bottom margin is the negative value of the footer's height */
	padding:0px;
	/*background:url(../images/3ColBodyBG.jpg) right top repeat-y;*/
	border:solid 1px #d8d8d8;
}

#twoCol #wrapper
{
	background:url(../images/2ColBodyBG.gif) right top repeat-y;
	/*border:solid 1px red;*/
}


#header
{
	position:relative;
	top:0;
	left:0;
	width:780px; /* less 20px padding */
	height:175px;
	vertical-align:top;
	padding:0;
	margin:0px;
	/*border:solid 1px #000;*/
	/*margin:0 0 0 -470px;
	background:url(/images/headerBG.gif) left top repeat-x #e7e7e8;*/ 
}

#innerHeader
{
	 float:left;
	 display:inline;
	 width:725px;
	 margin:35px 0 30px 50px;
	 /*border:solid 1px red;*/
}

#topNav
{
	 float:left;
	 display:inline;
	 width:108px;
	 height:108px;
	 margin:0px 0 0px 30px;
	 /*border:solid 1px red;*/
}

#landing #subNav
{
	width:260px;
	float:left;
	display:inline;
	/*border:solid 1px blue;*/	
}

#header img, #titleBar img, #rightCol img
{
	/* added to eliminate spacing between images*/ 
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

/* creates faux background */
#main
{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:780px;
	/*height:500px;
	border:solid 1px red;*/
}

/* left side styles */
td.tdLeftBG
{
	 background:url(/images/tdLeftBG.gif) right top repeat-x;
	 height:391px;
	 /*border:solid 1px #000;*/
}

#leftColTop
{
	border:none;/**/
	float:left;
	display:inline;
	/*font-size:8pt;*/
	color:#FFFFFF;
	margin:30px 0 0 50px;
	width:165px;
}

#landing #leftColTop
{
	width:342px;
}

#leftColTop .title
{
	text-transform:uppercase;
	font-size:7pt;
	font-weight:bold;
	/*border:solid 1px #000;*/
}

#leftColTop a
{
	color:#fff;
}

#leftColBottom
{	
	float:left;
	display:inline;
	margin:30px 0 0 50px;
	/*border:solid 1px red;*/
}

/* the following rule is recognized only by IE */
	
* html body div#leftCol	
{
  	/*background:url(/images/common/dropshadow.jpg) left top repeat-x;
	min-height:250px; 
	width:250px;
	height:100%;
	float:left;
	display:inline;
	margin:20px 0 0 0px;*/
 }
/* end left col styles */

#tdCenterCol
{
	/*background:url(/images/common/centerColBG.gif) left top repeat-y;
	border:solid 1px #000;*/
}

#centerCol
{
	/*background:url(/images/common/centerColTop.gif) left top no-repeat;
	min-height:250px; 
	width:500px;
	padding:0px;
	margin:0px;
	height:100%;
	float:left;
	display:inline;*/
	/*border:solid 1px #000;*/
}

/* right col styles */
td.tdRightBG
{
	background:url(/images/tdRightBG.gif) left top repeat-x;
	height:391px;
	/*border:solid 1px #000;*/
}

#tdRightCol
{
	/*border-left:solid 1px #b1b1b1;
	border-right:solid 1px #b1b1b1;
	background:url(/images/common/rightColGrayTop.gif) left top no-repeat #e8e8e8;*/
}

#rightCol
{
	 float:right;
	 display:inline;
	 margin:0px 0 0 0px;
	 width:209px;
	 height:100%;
	 /*border:solid 1px #000;*/
}


#rightColTop
{
	 /*min-height:250px;
	 background:url(/images/common/KeynotesRightTopSub.jpg) left top no-repeat;
	 float:left;
	 display:inline;
	 width:246px;*/
}

.clear, #clear
{
	clear:both;
	margin:0px;
	padding:0px;
}

#push
{
	clear:both;
	margin:0px;
	padding:0px;
	height:50px;
	/*border:solid 1px Green;*/
}

#tdFooter
{
	border-top: solid 1px #d8d8d8;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:8pt;
	color:#787776;
	height:42px;
	/*border:solid 1px #000;*/
}


#footerBG
{
	position:relative;
	width:940px;
	height:50px;
	background:url(../images/footerBG.gif) left top no-repeat;
	margin:0 auto;
	/*border:solid 1px #000;*/
}

#twoCol #footerBG
{
	background:url(../images/footerBG2Col.gif) left top no-repeat;
	/*border:solid 1px #000;*/
}

#footerNav
{
	float:left;
	display:inline;
	/*padding-top:5px;
	border:solid 1px #000;*/
}

#footerNav a
{
	text-decoration:none;
	color:#787776;	
	/*border:solid 1px #000;
	vertical-align:top;*/
}
/**********************************************************************************/

/* text styles */
#tdPrimaryContent
{
	border-top: solid 1px #d8d8d8;
	width:520px;
	padding:35px 0 0 0px;
}

#landing #tdPrimaryContent
{
	border-top: solid 1px #d8d8d8;
	width:335px;
	padding:35px 0 0 0px;
	/*border:solid 1px red;*/
}

#primaryContent
{
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color: #5e5e5e;
	width:520px;
	/*height:120px;
	width:505px;   less 15px padding  
	margin:15px 0px 0 0px;
	padding:0 0px 0 0px;
	overflow:auto;*/
	/*border:solid 1px red;*/
}

#landing #primaryContent
{
	width:335px;
}

#twoCol #primaryContent
{
	width:715px;
}

p
{
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14pt;
	color: #5e5e5e;
	margin:0 0px;
	border:solid 1px #000;*/
}

h1
{
	/*font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#898989;
	font-size:16px;*/
}

h2
{
	/*font-family:Arial, Helvetica, sans-serif;
	color:#22639c;
	font-size:14px;
	font-weight:normal;*/
}

h3, .h3
{
	/*font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ca9551;
	font-size:11px;
	text-decoration:none*/
}

ul
{
	/*margin:10px 0 10px 20px;
	padding:0px;
	list-style:none;*/
}

ul li
{
	/*background-color:#e9994a;	 for testing purposes */
	/*background:url(/images/common/arrowSmall.gif) left center no-repeat #FFF;
	vertical-align:top;
	padding-right:15px;
	float:left;
	width:200px;
	padding-left:20px;*/
}

ul li
{
	/*float:left;
	background-color:#e9994a;	/* for testing purposes */
	/*background:url(/images/common/arrowSmall.gif) left bottom no-repeat;
	padding-right:15px;
	padding-left:10px;
	width:200px;*/
}

ul a
{
	/*font-family:Arial, Helvetica, sans-serif;
	color:#22639c;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;*/
}

a
{
	/*font-family:Arial, Helvetica, sans-serif;
	color:#4494cd;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;*/
}

#copyright
{
	font-size:8pt;
	float:left;
	display:inline;
	/*border:solid 1px #000;*/
}

#leftFooterCol
{
	float:left;
	display:inline;
	/*border:solid 1px #000;*/
}

#siteSearch
{
	float:right;
	display:inline;
	margin:20px 0 0 0px;
	/*border:solid 1px red;*/
	background-color:#FFFFFF;
	width:190px;
}

#siteSearch img
{
	float:right;
	display:inline;
	/*border:solid 1px green;*/
}

#siteSearch input
{
	border:solid 1px #c3c3c3;
	background-color:#eeeeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:165px;
}

#pageHeader
{
	float:left;
	display:inline;
	width:520px;
	height:42px;
	margin:0px;
	/*border:solid 1px red;*/
	background:url(../images/titleBarBG.gif) left top repeat-x;
}

#twoCol #pageHeader
{
	width:729px;
}
	
#titleBar
{
	float:left;
	display:inline;
	width:940px;
	height:42px;
	/*border:solid 1px #000;*/
	background:url(../images/titleBarBG.gif) left top repeat-x;
}

#news
{
	float:left;
	display:inline;
	/*border:solid 1px red;*/
	margin:15px 10px 195px 28px;
	width:180px;/**/
	line-height:normal;
}

#twoCol #news
{
	margin:15px 10px 195px 15px;
}


#newsHeader
{
	float:left;
	display:inline;/**/
	/*border:solid 1px red;*/
	margin:15px 0px 0px -2px;
	width:209px;
	line-height:normal;
}

.date
{
	color: #d16f1a;
}

.dateLink {
	color: #d16f1a;
	text-decoration : none;
}

#selector
{
	float:left;
	display:inline;
	margin:15px 10px 97px 18px;
	/*border:solid 1px red;/**/
	width:180px;/**/
}

#twoCol #selector
{
	margin:15px 10px 50px 15px;
	/*border:solid 1px red;*/
}

#contactInfo
{
	position:absolute;
	bottom:0;
	right:0px;
	margin:0 15px 50px 0px;
	width:195px;
	/*border:solid 1px blue;*/
}

#logoGrey
{
	position:absolute;
	bottom:0;
	right:195px;
	margin:0 15px 50px 0px;
	width:195px;
	height:154px;
	/*border:solid 1px blue;*/	
}

/* take bar out of document flow with absolut positioning - creates illusion of seamless BG */
#tagline
{
	position:absolute;
	bottom:30px;
	right:0;
	margin:0px;
	background:url(../images/spacer.gif) left top no-repeat;
}

/* take bar out of document flow with absolut positioning - creates illusion of seamless BG */
#redCircle
{
	position:absolute;
	top:35px;
	right:0;
	width:15px;
	height:15px;
	background:url(../images/redCirc.gif) left top no-repeat;
	/*border:solid 1px red;*/
}

#testimonial
{
	float:left;
	display:inline;
	/*border:solid 1px #000;*/
	color:#fff;
	margin:20px 15px 0 0px;
	font-size:8pt;
	text-transform:uppercase;
}

.quoted
{
	color:#c8bca1;
	font-weight:bold;
}

.About
{
	margin-top:52px;
}

.Portfolio
{
	margin-top:72px;
}

.Services
{
	margin-top:15px;
}

.staff, .caseStudies
{
	padding-top:30px;
}

#thumbCol
{
	float:left;
	display:inline;
	vertical-align:bottom;
}

#csDetail
{
	/*float:right;
	display:inline;
	border:solid 1px red;margin-left:5px;*/
	width:336px;
	margin:0px;
	padding:0px;
	display:block;
}

#selectedText a
{
	color: #5e5e5e;
	text-decoration:none;
}

#thumbnails img, td img
{
	float:left;
	display:inline;
}

/* safari hack */
@media all and (min-width:0px) 
{
	body:not(:root:root) #wrapper { position:absolute; }
}