@import url("reset.css");
@import url("navigation.css");

html {
height: 100%;
margin-bottom: 1px;
}

body {
font-size:62.5%;
font-family:arial, verdana, sans-serif;
border-top:3px solid #808080;
background:#171717;
padding:0;
margin:0;
}

#head {
width:100%;
}

#header {
background:url(/images/header.jpg) no-repeat 0 -50px;
position:relative;
margin:0 auto;
width:905px;
height: auto !important; /* for modern browsers */
height: 130px;           /* for IE5.x and IE6 */
min-height: 130px;       /* for modern browsers */
}

#header ul#contactDetails {
float:right;
background:url(/images/contact-container.gif) no-repeat 0 0;
color:#e1e1e1;
list-style:none;
margin:0;
height: auto !important; /* for modern browsers */
height: 25px;           /* for IE5.x and IE6 */
min-height: 25px;       /* for modern browsers */
}

#header ul#contactDetails li#addressIcon {
background:url(/images/mail-icon.gif) no-repeat left 0.4em;
font-size:1.2em;
line-height:1.8em;
padding:0 0 0 30px;
margin:0 0 0 15px;
float:left;
display:inline;
}

#header ul#contactDetails li#phoneIcon {
background:url(/images/phone-icon.gif) no-repeat left 0.3em;
font-size:1.2em;
line-height:1.8em;
padding:0 0 0 30px;
margin:0 0 0 20px;
float:left;
}

#navContainer {
float:left;
padding:0;
position:relative;
width:100%;
background:#171717 url(/images/navContainer.gif) repeat-x 0 3em;
height:auto !important; /* for modern browsers */
height:73px;           /* for IE5.x and IE6 */
min-height:73px;       /* for modern browsers */
}

a.logo {
position:absolute;
top:0px;
left:0px;
background:url(/images/logo.gif) no-repeat 0 0;
text-indent:-9009px;
height:78px;
width:214px;
padding:0;
margin:24px 0 0 0;
font-size:1.8em;
color:#ffffff;
display:block;
outline:none;
}

#header h1 {
font-size:1.8em;
font-weight:normal;
color:#CCCCCC;
width:500px;
position:absolute;
left:395px;
top:53px;
}

h1 em {
color:#ffffff;
font-style:normal;
}

h1 a {
text-decoration:none
}

#central {
margin:0;
padding:20px 0 0 0;
width:100%;
background-color:#ffffff;
float:left;
clear:both;
}

#content {
position:relative;
margin:0 auto;
width:905px;
height: auto !important; /* for modern browsers */
height: 500px;           /* for IE5.x and IE6 */
min-height: 500px;       /* for modern browsers *//*	background:url(../images/right-col.gif) repeat-y bottom right;
*/
padding-bottom:20px;
}

#content h2 {
color:#ca6b1a;
font-size:2.4em;
line-height:1.2em;
font-weight:normal;
margin:0 0 0.5em 0;
width:100%;
display:block;
}

#content h3 {
color:#ca6b1a;
font-size:1.8em;
line-height:1.3em;
font-weight:normal;
margin:0;
}

#content h3 em{
color:#333333;
font-style:normal;
}


#content p, #content address  {
margin:0 0 1.5em 0;
font-size:1.2em;
line-height:1.6em;
color:#333333;
font-style:normal;
}

#content p.introduction {
margin:0 0 0.8em 0;
font-size:1.6em;
line-height:1.4em;
color:#333333;
}

#content p a {
color:#f58220
}

#content  p.caption {font-size:1em; }

#content ul {
list-style:none;
font-size:1.4em;
font-weight:normal;
color:#333333;
margin-top:5px;
}

#content ul li {
padding:0 0 0.8em 12px;
background:url(/images/bullet.png) no-repeat 0 0.15em;
}

/*Columns within div#content ----------------------------------------------------------------------------------------------------------*/

#content #mainCol {
width:740px;
float:left;
display:inline;
padding:0;
margin:0;
}
#content #mainColWide {
width:905px;
float:left;
display:inline;
padding:0;
margin:0;
}
#content #rightCol {
width:165px;
float:right;
background: #FFFFFF;
}


/*----------------------------------------------------------------------------------------
INFORMATION: Sub Naviagion
----------------------------------------------------------------------------------------*/
#subnav h3 {
background:url(/images/information.gif) no-repeat 0 0;
font-size:1.4em;
font-weight:bold;
text-align:center;
color:#ffffff;
margin:0;
width:165px;
padding:0.4em 0 0.4em 0;
}

#subnav ul {
padding:0 0 10px 0;
margin:0;
font-size:1.2em;
font-weight:bold;
list-style:none;
}

#subnav ul li {
padding:0;
margin:0;
display:inline;
}

#subnav ul li a {
background:#ca6b1a;
background-image:none;
color:#fff;
text-decoration:none;
padding:4px 10px 4px 10px;
margin:0;
display:block;
width:145px;
border-top:1px solid  #CA6B1A;
border-bottom: 1px solid #CA6B1A;
}

#subnav ul li a:hover {
background:#f58220;
background-image:none;
color:#fff;
padding:4px 10px 4px 10px;
margin:0;
display:block;
width:145px;
border-top:1px solid #f79231;
border-bottom: 1px solid #f57202;
}

#subnav ul li.current a,
#subnav ul li.current a:hover {
background:#f58220;
background-image:none;
color:#fff;
padding:4px 10px 4px 10px;
margin:0;
display:block;
width:145px;
border-top:1px solid #f79231;
border-bottom: 1px solid #f57202;
}

#rightCol img {
padding:0 0 10px 0;
margin:0;
border:0;
}

.oneCol {
width:165px;
padding:0;
margin:0 20px 0 0;
float:left;
/*border-top:2px solid #d9d7d8;*/
	display: inline;
}

.twoCol {
width:350px;
padding:0;
margin:0 20px 0 0;
float:left;
/*border-top:2px solid #d9d7d8;*/
	display: inline;
}

.threeCol {
width:535px;
padding:0;
margin:0 20px 0 0;
float:left;
/*border-top:2px solid #d9d7d8;*/
	display: inline;
}

.noMargin {
margin:0;
}


.fourCol {
width:720px;
padding:0;
margin:0 20px 0 0;
float:left;
/*border-top:2px solid #d9d7d8;*/
display: inline;
}

/*Footer ----------------------------------------------------------------------------------------------------------*/

#footercontainer {
padding:20px 0 20px 0;
margin:0;
width:100%;
background:#171717;
float:left;
}

#footer {
position:relative;
clear:both;
padding:0;
margin:0 auto;
width:905px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 1.2em;
font-weight: normal;
text-align:left;
}

#footer a:link,
#footer a:visited,
#footer a:active {
color:#e1e1e1;
text-decoration:none;
}

#footer a:hover {
color: #ffffff;
text-decoration:underline;
}

/*Pipelist*/
#footer ul {
list-style: none;
padding: 0;
margin: 0;
width:905px;
}

#footer ul li {
line-height:12px;
float:left;
height:12px;
display: inline;
padding: 0 10px 0 10px;
margin: 0;
border-left:solid 1px #e1e1e1;
}

#footer ul li.first {
padding: 0 10px 0 0;
border-left: none;
}

#homeBanner {
width:720px;
height:202px;
float:left;
display:block;
margin-bottom:20px;
}

.clear {
clear:both;
}

.right {
float:right;
}

.left {
float:left;
}

.margin-left {
margin:0 0 20px 20px;
}

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

label {
float: left;
width: 100px;
font-weight: bold;
font-size:1.2em;
color: #333333;
}

input,
textarea, select {
width: 180px;
margin-bottom: 10px;
border:1px solid #999999;
}

input.contact {width:80px; margin:10px 0 0 100px; float:left; background:#808080; border:none; color:#FFFFFF; font-weight:bold;}
input.contact:hover {background:#CA6B1A;}


textarea {
width: 248px;
height: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
overflow: auto;
border:1px solid #999999;
padding:0;
margin:0;
float:left;
}

.boxes {
width: 1em;
}

#submitbutton {
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

span.warning {color:#FF0000; font-size:1.2em; clear:both; margin-left:100px; padding-bottom:5px; display:block;}
#content p.warning {color:#FF0000;}


br {
clear: left;
}

.borderRight {
border-right:1px solid #d9d7d8;
}

/*Table----------------------------------------------------------------------------------------------------------*/

.box-table {
font-size: 1.2em;
text-align: left;
margin-bottom:3em;
border-collapse: collapse;
}

.twoSpan {
width:350px;
}

.threeSpan {
width:535px;
}

.fourSpan {
width:720px;
}


.box-table th {
font-size: 1.3em;
font-weight: normal;
padding: 8px;
background: #808080;
border-top: 4px solid #777777;
border-bottom: 1px solid #fff;
color:#fff;
}

.box-table td {
padding: 8px;
background: #dddddd;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: #555555;
border-top: 1px solid transparent;
}

/*.box-table tr:hover td {
background: #bbbbbb;
color: #333333;
}*/

.box-table td.table-cell-fade
{background:url(/images/table-cell-fade.gif) top left no-repeat;}


#one-column-emphasis
{
	font-size: 1.2em;
	margin-bottom: 3em;
	text-align: left;
	border-collapse: collapse;
}

#one-column-emphasis th
{
	font-size: 1.3em;
	font-weight: normal;
	padding: 8px;
	color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #808080;

}

#one-column-emphasis td
{
	padding: 8px;
	border-top: 1px solid #fff;
	background: #dddddd;
	color: #555555;
}

#one-column-emphasis tr:hover td
{
background: #bbbbbb;
color:#333333;
}


.blank-table {
font-size: 1.2em;
text-align: left;
margin-bottom:3em;
border-collapse: collapse;
color:#333333;
}

.blank-table td
{
	padding-bottom: 8px;
}
.blank-table td strong
{
	font-size:1.33em;
	
}



#content ul.clients  { list-style-type:none; margin:0; padding:0; }
#content ul.clients li { list-style-type:none; background-image:none; float:left; padding: 0 75px 40px 0; }

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

.gallery {background:url(/images/Gallery.jpg) no-repeat bottom left;}

.gallery-exhibition {background:url(/images/gallery-exhibition.jpg) no-repeat bottom left;}

.thumb-artist {position:absolute; top:50px; left:156px;}

.thumb-photographer {position:absolute; top:50px; left:402px;}




/*Block Quote----------------------------------------------------------------------------------------------------------*/

#content blockquote.pullquote {	
	font-weight: bold;
	color: #575b60;	
	float:right;
	margin:10px;
	background: url(/images/quote-right.gif) no-repeat bottom right !important;
	padding:0px 25px 5px 0px;
	text-align: left;

}

#content blockquote.pullquote p {
	background: url(/images/quote-left.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	font-size: 1.5em;
}

/*Ordered List----------------------------------------------------------------------------------------------------------*/
.pricingMatrix  {border:1px solid #808080; padding:20px; margin-bottom:20px; background:#DDDDDD;}

.pricingMatrix  ol {list-style:decimal inside; color:#CA6B1A; font-size:1.4em; font-weight:bold; margin-left:20px; margin-top:10px;}
 
.pricingMatrix ol p {color:#333333; font-weight:normal; display:inline; }