html {padding:0;margin:0;}

body {
font-size: 76%;
font-family: Arial, Verdana, Sans-Serif;
text-align:center;
background:#fff url(/images/tile_colorful_top.png) repeat-x;
color:#000;
margin:72px 0 0 0;
padding:0;
}
/***** ACCESSIBILITY SKIP LINKS ***/
dl.accessibility, #skip_to_nav, #skip_to_content {text-align:left;position:absolute;top:0;left:-500em;}
/***** DEFAULTS *****************/
div, p, h1, h2, h3, ul, li, img, a, blockquote {margin:0; padding:0;}

h1, h2, h3, #head li, .sundries_title, .related_projects {font-family:Century Gothic, "Trebuchet MS", Arial, sans-serif;}

p {line-height:150%; padding:3px 30px 4px 30px;}

a:link {
color:#0089AB;
text-decoration:none; 
border-bottom:1px solid #D2F7FF;
}
a:visited {
color:#0089AB;
text-decoration:none; 
border-bottom:1px solid #D2F7FF;
}
a:hover, a:active {
text-decoration:none; 
border:0; 
background-color:#D2F7FF;
border-bottom:1px solid #CEE9EA;
}

h1 {
font-size:140%;
text-transform:uppercase;
color:#000;
padding:20px 0 5px 30px;
background-color: transparent;
}
h1 span {font-weight:normal;}

h2 {
font-size:115%;
text-transform:uppercase;
color:#004C6A;
padding:10px 0 0 30px;
background-color: transparent;
}

blockquote {
/*background-color:pink;*/
font-family:Georgia, "Times New Roman", Times, serif;
color:#606060;
display: block;
padding:10px 0;
width:340px;
margin:5px auto;
background-color:#F8FAFA;
border:1px #EFF3F5 solid;
}
blockquote p {margin:0; padding:0 10px;}
blockquote span {
display:block;
font-size:90%;
margin:3px 0 0 15px;
}

/**** LAYOUT **********************/
/* the container class is used 3 times */
.container {
width:955px;
position:relative;
margin: 0 auto;
text-align:left;
overflow: auto; /* fixes clearing */
}
.container_padding {margin:0 auto 20px auto;}

#head {
/*background-color:yellow;*/
text-align:center;
width:300px;
}

#head h1 {
background: url(/images/sundry_studio.png) center no-repeat;
text-indent:-2000em;
height:38px;
margin:0 auto;
padding:0;	
}
#head h1 a {
display:block;
height:38px;
width:219px;
margin:0 auto;
padding:5px 0;
border:0;
}
#head h1 a:hover {
background:url(/images/tile_2pxblue.png) repeat-x bottom;
}

#head ul {
margin:28px 0;
}
#head li {
display:inline;
}
#head li a:link, #head li a:visited {
padding:5px;
color:#000;
text-decoration:none;
font-size:120%;
border:0;
}
#current span {padding:5px; font-size:120%; border-bottom:#CCC 2px solid;}

#head li a:hover, #head li a:active {
border-bottom:#CEE9EA 2px solid;
background-color:transparent;
}

#contactus {
position:absolute;
top:5px;
right:68px;
}
#contactus h1 {padding:10px 0 3px 28px;}

#main {
text-align:left;
width:auto;
background:url(/images/tile_main.png) repeat-x;
}

#main img {
border:0;
}

#c1 {
/*background-color:pink;*/
width:300px;
float:left;
}

#c2 {
/*background-color:pink;*/
width:425px;
float:left;
/*overflow: auto;*/
}

#c3 {
/*background-color:yellow;*/
width:230px;
float:left;
}
/***** IMAGE NAVIGATION *********/
#image_menu {
float:left;
width:300px; 
height:300px;
background: url(/images/grey_squares_animated_fast.gif) no-repeat;
overflow: hidden; /* for IE7 floats */
}
.image_menu_all {
float:left;
width:900px !important;
height:auto !important;
background-image: none !important;
overflow: hidden; /* for IE7 floats */
}

#image_menu a:visited, #image_menu a {
text-decoration:none; 
color:#d00; 
font-weight:bold;
border:0;
}
#image_menu a:visited img, #image_menu a img {
filter: alpha(opacity=10);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
-moz-opacity: 0.1;
opacity:0.1;
border:0;
}
#image_menu a.active img {
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity:0.5;
} 
#image_menu a:hover {background-color:transparent; color:#06a;}

#image_menu a:hover img {filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}
 
.main_image img {
float:left;
overflow: hidden; /* for IE7 floats */
}

#image_menu_all {
/*width:300px; */
height:300px;
overflow: hidden; /* for IE7 floats */
}
/***** c3 RIGHT COLUMN *********/
#c3 h1 {
padding:20px 0 10px 17px;
}
.related_projects {
list-style:none;
border:1px solid #eee;
width:193px;
padding:10px 10px 8px 10px;
margin:0 0 0 7px;
}
.related_projects li {
margin:0 0 5px 0;
}

.related_projects li a, .related_projects li a:visited {
font-size:115%;
font-weight:bold;
color:#0088AA;
text-decoration:none;
}

.related_projects li a:hover, .related_projects li a:active {
border-bottom:#CEE9EA 2px solid;
}

.image_caption_link {
display:block;
margin:10px auto;
padding:5px;
width:204px;
border:1px solid #ddd;
background-color:#eee;
text-align:center;
}
.image_caption_link img {
border:1px solid #ccc;
margin:0 auto;
}
.image_caption_link span {
display:block;
padding:5px;
}
.image_caption_link a:link, .image_caption_link a:visited {
font-size:90%;
color:#666666;
text-decoration:none;
border:0;
background-color:transparent;
}
.image_caption_link a:hover, .image_caption_link a:active {
color:#0089AB;
background-color:transparent;
}
.image_caption_link a:hover img, .image_caption_link a:active img {
border:1px solid #0089AB;
background-color:transparent;
}

/*** VARIOUS SUNDRIES ************/
.sundries {
margin:10px 20px;
width:258px;
}
.sundries a {
display: block;
width:238px;
padding:10px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
}
.sundries a:link,
.sundries a:visited {
background-color: #fff;
color: #000000;
text-decoration: none;
}
.sundries a:hover {
background-color: #0088AA;
color: #fff;
text-decoration: none;
border-top: 1px solid #006D97;
border-left: 1px solid #006D97;
border-right: 1px solid #00C7F9;
border-bottom: 1px solid #00C7F9;
}
.sundries a:hover .sundries_title {
color: #fff;
}

.sundries_title {
display:block;
font-size:115%;
font-weight:bold;
text-transform:uppercase;
padding:0 0 3px 0;
color:#0088AA;
}
.sundries_excerpt {line-height:150%;}
/***** PORTFOLIO ******************/
.list_links {
margin:0 0 0 30px;
}

.list_links li {
list-style:none;
margin:5px 0;
}
.list_links li a {
font-size:1.2em;
padding:2px;
}


/***** FOOTER ******************/
#footer {
background:url(/images/footer_bar.png) top center no-repeat;
color:#666666;
margin:40px auto 20px auto;
padding:20px 0 0 0;
text-align:center;
font-size:90%;
}
#footer ul {margin:0 0 10px 0;}
#footer ul li {
display:inline;
margin:0 5px;
}
#footer span {
display:block;
margin:5px auto 10px auto;
}

/***** CLASSES ******************/
.floatR {float:right;}
.floatL {float:left;}
.posted {
display:block;
padding:5px 0 0 0;
font-size:81%; 
text-transform:uppercase; 
color:#999999;
}
.links {margin:10px 0 0 0;}
.links a:link, .links a:visited {
color:#0089AB;
text-transform:uppercase;
padding:5p;
text-decoration:none;
border-bottom:2px #fff solid;
}
.links a:hover {
color:#0089AB;
text-decoration:none;
border-bottom:2px #CEE9EA solid;
}