/*  ArtServiceChicago.com Styles */
/*  This specific implementation of Cascading Style Sheetsheets is Copyright 2009 Art Service Chicago */


/* Structure and Layout */

h1 {
margin: 0 0 .4em 0;
}

h3 {
margin: .6em 0 .4em 0;
}

p {
margin: .4em 0 1.2em 0;
}

#branding {
border-bottom: solid 2px #000;
position: relative;
margin: 0 0 0 1em;
}

#branding #brandmark a {
display: block;
width: 390px;
height: 108px;
margin: 1em 0 0 -.2em;
}

#branding #description {
width: 333px;
height: 39px;
position: absolute;
top: 64px;
right: 0;
}

#cformsform button {
width: 73px;
height: 33px;
margin: 1.4em 0 0 0;
padding: 0;
border: 0;
display: block;
}

#cformsform button img {
border: 0;
padding: 0;
margin: 0;
visibility: hidden;
}

#cformsform label {
margin: .8em 0 .2em 0;
display: block;
}

#cformsform legend {
display: none;
}

#cformsform textarea, #cformsform input {
padding: .3em .3em .1em .3em;
}

#cformsform .emailreqtxt {
margin: 0 0 0 .2em;
}

#cformsform #cf_field_2 {
width: 400px;
height: 280px;
}

#cformsform #cf_field_3 {
width: 250px;
height: 1.2em;
}

#cformsform #cf_field_4 {
width: 250px;
height: 1.2em;
}

.content {
margin: 0 0 0 2em;
width: 45%;
}

.content ul {
margin: .4em 0 1.2em 0;
}

.content ul li.linkcat h2 {
display: none;
}

.content .linkcat {
margin: 1em 0 2em 0;
}

.content .linkcat ul {
margin: 0;
}

.content .linkcat ul li {
margin: 0 3em 0 0;
position: relative;
top: -8px;
}

#copy {
float: left;
width: 55%;
max-width: 500px;
}

.country-name {
visibility: hidden;
}

#gallery {
position: absolute;
top: 190px;
left: 55%;
}

.linkcat h4 {
visibility: hidden;
}

.linkcat ul li {
display: inline;
}

#page {
width: 98%;
}

#page-3 {
margin: 0 0 0 2em;
width: 95%;
}

#site-info {
clear: both;
margin: 0 0 0 1em;
border-top: solid 2px #000;
position: relative;
}

#site-info a {
margin: 0 2em 0 0;
}

#site-info .linkcat {
margin: 1em 0 0 0;
}

#site-info .linkcat h2 {
display: none;
}

#site-info .vcard {
width: 60%;
margin: 2em auto;
}

#site-info .vcard p {
display: inline;
}

#site-info .vcard p .locality {
margin: 0 0 0 1.5em;
}

#site-info .vcard p .street-address {
margin: 0 0 0 3em;
}

#site-info .vcard p.tel {
margin: 0 0 0 -8em;
}

#social-links {
margin: 1em 0 3em 0; 
}

#social-links a {
margin: 0 1.2em 0 0;
}

.url {
visibility: hidden;
}

#usermessageb {
margin: 0 0 2em 0;
padding: 0 0 0 75px;
}


/* Colors and Images */

#branding #description {
background: url(/images/art-service-chicago-tagline.jpg) 0 0 no-repeat;
}

#cformsform button {
background: url(/graphics/send_button.jpg) 0 0 no-repeat;
}

#cformsform button:hover {
background: url(/graphics/send_button.jpg) 0 -34px no-repeat;
}

#cformsform button:active {
background: url(/graphics/send_button.jpg) 0 -69px no-repeat;
}

#cformsform textarea, #cformsform input {
color: #333;
}

#cformsform #cf_field_2 {
border-top: solid 2px #666;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
border-left: solid 2px #666;
}

#cformsform #cf_field_2:focus {
border-color: #00f;
}

#cformsform #cf_field_3 {
border-top: solid 2px #666;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
border-left: solid 2px #666;
}

#cformsform #cf_field_3:focus {
border-color: #00f;
}

#cformsform #cf_field_4 {
border-top: solid 2px #666;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
border-left: solid 2px #666;
}

#cformsform #cf_field_4:focus {
border-color: #00f;
}
#cformsform .emailreqtxt {
color: #f00;
}

#req-notice {
color: #f00;
}

#social-links img {
padding: 3px;
border: solid 1px #fff;
}

#social-links img:hover {
padding: 3px;
border: solid 1px #184E77;
}

#usermessageb {
background: url(/graphics/alert_icon.jpg) 0 0 no-repeat;
color: #000;
}

#usermessageb strong {
color: #f00;
}

/* Typography */

em {
font-style: italic;
}

h1 {
font: bold 1.8em/1.0em Helvetica, Arial, sans-serif;
letter-spacing: -.01em;
}

h3 {
font: bold 1.4em/1.0em Helvetica, Arial, sans-serif;
letter-spacing: -.01em;
}

p {
font: normal 1em/1.4em Georgia, serif;
}

strong {
font-weight: bold;
}

#branding #brandmark a {
text-indent: -9999px;
}

#branding #description {
text-indent: -9999px;
}

#cformsform label {
font: normal .8em/1.4em Verdana, sans-serif;
}

#cformsform textarea, #cformsform input {
font: normal 1.2em/1.4em monospace;
}

#cformsform .emailreqtxt {
font: bold 1.4em/0em "Times New Roman", serif;
}

.content ul li {
font: normal 1em/1.6em Georgia, serif;
}

#req-notice {
font: bold 1.4em/0em "Times New Roman", serif;
}

#site-info .vcard p {
font: normal .8em/1.4em Georgia, serif;
}

#usermessageb {
font: normal .8em/1em Verdana, sans-serif;
}



/* Link Styles */

#branding #brandmark a:link {
background: url(/graphics/asc_brandmark.jpg) 0 0 no-repeat;
}

#branding #brandmark a:visited {
background: url(/graphics/asc_brandmark.jpg) 0 0 no-repeat;
}

#branding #brandmark a:hover {
background: url(/graphics/asc_brandmark.jpg) 0 -111px no-repeat;
}

#branding #brandmark a:active {
background: url(/graphics/asc_brandmark.jpg) 0 0 no-repeat;
}


.content a:link {
color: #154163;
text-decoration: none;
border-bottom: solid 1px #154163;
}

.content a:visited {
color: #154163;
text-decoration: none;
border-bottom: solid 1px #154163;
}

.content a:hover {
color: #00f;
text-decoration: none;
border-bottom: solid 1px #00f;
}

.content a:active {
color: #00f;
text-decoration: none;
border-bottom: solid 1px #00f;
}

.content .linkcat a:link {
font: normal 1.4em/1em Georgia, serif;
color: #000;
border: 0;
padding: 0 20px 20px 0;
background: url(/graphics/nav_hover.jpg) -100px right no-repeat;
}

.content .linkcat a:visited {
font: normal 1.4em/1em Georgia, serif;
color: #000;
border: 0;
padding: 0 20px 20px 0;
background: url(/graphics/nav_hover.jpg) -100px right no-repeat;
}

.content .linkcat a:hover {
font: normal 1.4em/1em Georgia, serif;
color: #154163;
border: 0;
padding: 0 20px 20px 0;
background: url(/graphics/nav_hover.jpg) right 3px no-repeat;
}

.content .linkcat a:active {
font: normal 1.4em/1em Georgia, serif;
color: #184E77;
border: 0;
padding: 0 20px 20px 0;
background: url(/graphics/nav_hover.jpg) 50px right no-repeat;
}

#site-info .linkcat a:link {
font: normal .8em/1em Verdana, sans-serif;
color: #000;
text-decoration: none;
}

#site-info .linkcat a:visited {
font: normal .8em/1em Verdana, sans-serif;
color: #000;
text-decoration: none;
}

#site-info .linkcat a:hover {
font: normal .8em/1em Verdana, sans-serif;
color: #00f;
text-decoration: none;
}

#social-links a {
border: 0;
}




	/* Page-specific Navigation Indicators */

#page-15 a#services:link {
color: #000;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-15 a#services:visited {
color: #000;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-15 a#services:hover {
color: #184E77;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-15 a#services:active {
color: #184E77;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-17 a#contact:link {
color: #000;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-17 a#contact:visited {
color: #000;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-17 a#contact:hover {
color: #184E77;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}

#page-17 a#contact:active {
color: #184E77;
background: url(/graphics/nav_loaded.jpg) -4px 22px no-repeat;
}