@charset "utf-8";
/* CSS Document */






/*-------------------------------------------------------------GALLERY---------*/
#gallery {
float: right;
margin: 30px 0 30px 0;
padding: 0;
width: 940px;
}
#gallery .pics { 
min-height: 500px; 
min-width: 700px; 
padding:0; 
margin:0; 
overflow: hidden; 
}
#gallery .imgarea {
margin: 0;
padding: 0;
}
#gallery .imgbox {
margin: 0 0 0px 240px;
padding: 0px 0 0 0;
}
#gallery .imgbox img { 
min-height: 500px; 
min-width: 700px; 
padding: 0px 0 0 0px; 
top:0; 
left:0; 
}
#gallery .caption  {
position: absolute;
margin: 0px 0 0 0px;
padding: 8px 5px 5px 5px;
width: 210px;
left: 0;
top: 0;
/*bottom: 0; */
border-top: 1px dotted #ccc;
}
#gallery .caption p {
font: normal 11px georgia, times, serif;  
line-height: 16px;
color: #333;
margin: 0;
/*bottom: 0; */
}
#gallery #imgnav {
float: right;
margin: 0px 0 0 0;
padding: 3px 0 0 0;
}
#imgnav a { 
text-decoration: none; 
margin: 0 5px; 
padding: 0;  
font: normal 11px helvetica, Arial, sans-serif; 
}
#imgnav a.activeSlide { 
border-bottom: 2px solid #cc0000; 
}
#imgnav a:focus { 
outline: none; 
}
.advimg ul {
margin: 0 20px 30px 0px;
padding: 0 0 30px 895px;
border-bottom: 1px solid #DEDEDE;
}
.advimg ul li {
margin: 0px 0px 0 0;
padding: 0px 0 0 0;
display: inline;
}
.advimg ul li span {display: none;}
.advimg ul li#prev-item a:hover, 
.advimg ul li#next-item a:hover, 
.advimg ul li#prev-item a.active, 
.advimg ul li#next-item a.active {
background-position: 0 -15px; text-decoration: none; height: 15px; background-color: transparent;
}
.advimg ul li#prev-item a {
background: transparent url(images/prevarrow3.gif) repeat top left;
margin: 0 5px 0 0; 
padding: 0px; 
display: inline-block; 
height: 15px;
width: 18px;
}
.advimg ul li#next-item a {
background: transparent url(images/nextarrow3.gif) repeat top left;
margin: 0; 
padding: 0px; 
display: inline-block; 
height: 15px;
width: 18px;
}


#topimage {
margin: 10px 0px 0px 0px;
padding: 20px 0 0px 0;
/*border-top: 1px dotted #ccc;*/
display: block;
overflow: hidden;
position: relative;
width: 940px;
height: 350px;
}
#topimage div.imgbg {
margin: 6px 0 0 0;
padding: 0;
z-index: 100;
top: 0;
left: 0;
width: 940px;
height: 350px;

}
#topimage img {
border: none;
width: 940px;
height: 350px;
}

#topimage div.imgbox-wrap {
position: absolute;
margin: 0;
padding: 0px 10px 10px 10px;
z-index: 100;
background: #fff;
width: 220px;
height: 50px;
top: 300px;
left: 650px;
display: none;
}
.imgbox h2 {
font: bold 16px arial, helvetica, Arial, sans-serif;  
line-height: 10px;
}
.imgbox h3 {
font: normal 10px helvetica, Arial, sans-serif;  
line-height: 12px;
color:#999;
}
.imgbox p {
font: normal 11px helvetica, Arial, sans-serif; 
color: #aaa;
}


#container {
background-color:#FFF;
width: 960px;
margin: 0 auto;
padding-left: 20px;
text-align: left;
-webkit-box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.3);
min-height:100%;
overflow:hidden;
}


html {
margin: 0 auto;
padding: 0;
height:100%;
}

body {
margin: 0px auto 0px auto;
padding: 0;
text-align: center;
background-image:url(images/linen.png);
background-repeat: repeat;
height:100%;
}

h1 {
font: bold 22px helvetica, Arial, sans-serif; 
margin: 0 0 0 0px;
padding: 0 0 0 0px;
line-height: 24px;
letter-spacing: 0px;
color: #999;
}
h1 span {
color: #ccc;
font: normal 11px helvetica, Arial, sans-serif; 
}
h1 a {
color: #000;
}
h1 a span.grey {
color: #bbb;
font: bold 19px helvetica, Arial, sans-serif; 
}
h1 a:hover {
color: #cc0000;
text-decoration: none;
}
h1 img {
border: none;
}
h2 {
font: normal 20px helvetica, Arial, sans-serif; 
margin: 10px 0 0 0;
padding: 0 0 0 0px;
line-height: 1.4;
color: #999;
}
h2 a:hover {
color: #999;
text-decoration: none;
}
p {
font: normal 11px helvetica, Arial, sans-serif; 
margin: 0;
padding: 0 0 7px 0;
line-height: 12px;
color: #999;
}
a {
color: #ff5e5a;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;

}
.clear {
clear: both;
margin: 0;
padding: 0;
}
#top {
width:940px;
margin: 0px 0px 30px 0px;
padding: 20px 0px 15px 0px;

border-bottom: 1px solid #DEDEDE;
}
.topleft {
/*background: #eee;*/
width: 126px;
margin: 0;
padding: 0;
float: left;
}
.topcenter {
/*background: #eee;*/
width: 590px;
height: 40px;
margin:  0px 0px 0 51px;
padding: 118px 0 0 0;
float: left;
}
.topcenter ul, 
.navright ul {
display: inline;
}
.topcenter ul li {
margin: 0;
padding: 0;
display: inline;
font: bold oblique 20px helvetica, Arial, sans-serif;
}


.topright {
float: left;
width: 145px;
margin: 130px 0 0 0px;
padding: 0 0 0 0px;
}
.topright input {

margin: 0px 0px 0 47px;
padding: 0px 0 0 0;
color: #999;
}
.btn {
margin: 10px 0 0 0;
padding: 10px 0 0 0;

}

/*-------------------------------------------------------------HOME---------*/
a, img {
    border:none;
}
.homecol {
margin: 0px 20px 0px 0px;
padding: 15px 0px 50px 0px;
float: left;
width: 215px;
text-align: left;


}
.homecol p.title {
font: bold 14px helvetica, arial, sans-serif;  
color: #ff5e5a;
line-height: 16px;
margin: 0 0 0px 0;
border:none;
}
.homecol p {
font: normal 12px helvetica, arial, sans-serif; 
color:#999999;
line-height: 17px;
margin: 0;
padding: 0;
border-bottom: 1px solid #DEDEDE;
}
.section-group {
margin: 10 0px 0px 0;
padding: 0 0px;
float: left;
width:705px;
}
.section-group .column {
margin: 10 20px 0px 0px;
padding: 10px 0px 0px 0px;
float: left;
width: 342px;
text-align: left;
}
.section-group .last {
margin: 10 0px 0px 0px;
}
.sectionline2 {
margin: 20px 0px 0 10px;
padding: 0px 0 0 0;
display: block;
height: 1px;
}
.sectionline3 {
margin: 40px 10px 0 10px;
padding: 0px 0 0 0;
display: block;
height: 1px;
}
.print {
margin: -40px 0px -5px 0px;
padding: 30px 0 0 0;
display: block;
float: left;

}
.digital {
margin: -40px 0px -5px 0px;
padding: 30px 0 0 0;
display: block;
float: left;
}
.digital1 {
margin: 10px 0px -5px 0px;
padding: 30px 0 0 0;
display: block;
float: left;
border-top: 1px solid #DEDEDE;
}
.no-results {
margin: 0 0 0px 15px;
padding: 0 0 20px 0;
}
/*-------------------------------------------------------------PROJECTPAGES---------*/
#arrows{
float:left;
margin-top:15px;
}


.grid {
margin: 0;
padding: 0;
}
.project-image {
margin: 0px 20px 0px 5px;
padding: 0px 0px 0px 0px;
float: right;
width:700px;
}


.columntop {
margin: 0 10px 0px 10px;
padding: 10px 0px 0px 0px;
float: left;
width: 220px;
text-align: left;
}
.column {
margin: 0 0px 0px 10px;
padding: 10px 0px 0px 0px;
float: left;
width: 350px;
text-align: left;
}
.columnl p.title {
font: normal 14px georgia, times, serif;  
line-height: 22px;
margin: 0 0 6px 5px;
padding: 0;
}
.column img {
margin: 0 0 0 0px;
padding: 0;
border: none;
}
.column-info {
text-align: left;
margin: 5px 0 0px 0px;
padding: 0 0 0 5px;
display: block;
width: 215px;
min-height: 55px;
/*border-bottom: 1px dotted #ccc;*/
/*background: #ddd;*/
}
.column-info-long {
text-align: left;
margin: 5px 0 0px 0px;
padding: 0 0 0 5px;
display: block;
width: 215px;
min-height: 70px;
/*border-bottom: 1px dotted #ccc;*/
/*background: #ddd;*/
}
.column-info p, 
.column-info h2, 
.column-info h3,
.column-info-long p, 
.column-info-long h2, 
.column-info-long h3 {
font: normal 11px helvetica, Arial, sans-serif; 
margin: 0 0 0 0px;
padding: 0 0 0px 0;
line-height: 15px;
color: #333;
}
h2.blogtitle {
color: #999;
font-style: italic;
}
.column-info p.date, 
.column-info-long p.date {
color: #aaa;
margin: 0px 0 3px 0px;
padding: 0 0 0px 0;
}
.column-info h2.soon {
font: italic 11px helvetica, Arial, sans-serif; 
color: #aaa;
}
#column-sold {
width: 220px;
height: 165px;
position: relative;
display: block;
}
img.smallsold {
top: 5px;
left: 198px;
position: absolute;
z-index: 2000;
}

/*-------------------------------------------------------------FO0TER---------*/
#footer {
margin: 10px 0px 0 0px;
padding: 0px 0 0 0px;
float:left;
}
.fcol-group {

float: left;
margin-left: 20px;
padding: -10;
border-top: 1px solid #DEDEDE;
/*width: 700px;*/
}
.fcol {
margin: 10 0px 0px 0px;
padding: 15px 0px 0px 0px;
float: left;
width: 220px;
text-align: left;
border-top: 1px solid #DEDEDE;
/*background: #eee;*/
}
.fcol2 {
margin: 0 20px 0px 0px;
padding: 8px 0px 0px 0px;
float: left;
width: 220px;
text-align: left;
}
.fcol3 {
margin: 0 0px 0px 0px;
padding: 8px 0px 0px 0px;
float: left;
width: 220px;
text-align: left;
}
.fcol-copy {
margin: 25px 10px 0px 10px;
padding: 8px 0px 0px 0px;
float: left;
width: 700px;
text-align: left;
}
.fcol-up {
margin: 0px 10px 0px 10px;
padding: 8px 0px 0px 0px;
float: left;
width: 920px;
text-align: right;
}
.fcol-copy p {
font: normal 11px helvetica, Arial, sans-serif; 
margin: 0 0 5px 5px;
padding: 0 0 0px 0;
line-height: 16px;
color: #aaa;
/*-webkit-text-size-adjust: none;*/
}
.fcol p, 
.fcol-group p {
font: normal 11px helvetica, Arial, sans-serif; 
margin: 0 0 5px 5px;
padding: 0 0 0px 0;
line-height: 16px;
color: #777;
}
.fcol p.up {
text-align: right;
margin: 20px 0 0px 5px;
}

p.up img {
border: none;
}
.fcol p.name {
font: bold 19px helvetica, Arial, sans-serif; 
margin: 0 0 px 5px;
padding: 0 0 0 0px;
line-height: 24px;
letter-spacing: 0px;
color: #999;
}
.fcol p.name a {
color: #000;
}
.fcol p.name a span {
color: #bbb;
}
.fcol p.name a:hover {
color: #cc0000;
text-decoration: none;
background: none;
}
.fcol ul {
margin: 0px 0 0  7px;
padding: 0;
display: inline;
}
.fcol ul li {
margin: 0px 2px 0 0;
padding: 0;
display: inline;
font: normal 11px helvetica, Arial, sans-serif; 
}
.btn-submit {
vertical-align: top;
margin: 0px 0 0px 0;
padding: 0px 0 0 5px;
float: left;
}
.emailinput {
margin: 0;
padding: 0;
float: left;
}
.fnline {
padding: 0 0 5px 0;
margin: 0;
}
.fcol p.name img {
border: none;
}
.fcol p.head {
font: normal 11px helvetica, Arial, sans-serif; 
margin: 0 0 8px 5px;
padding: 0px 0 0px 0;
color: #aaa;
}
#validxhtml a {
margin: 0 0 0 0px; 
padding: 0 0 0px 0px; 
height: 18px;
width: 50px;
vertical-align: top;
background: url(tidimages/vxhtml.gif) no-repeat 0px 0px;
display: inline-block;
}
#validcss a { 
margin: 0; 
padding: 0 0 0px 0px; 
height: 18px;
width: 50px;
vertical-align: top;
background: url(tidimages/vcss.gif) no-repeat 0px 0px;
display: inline-block;
}
#cc a { 
margin: 0; 
padding: 0 0 0px 0px; 
height: 18px;
width: 19px;
vertical-align: top;
background: url(tidimages/creativecommons.gif) no-repeat 0px 0px; 
display: inline-block;
}
#rss a { 
margin: 0 0 0 0px; 
padding: 0 0 0px 0px; 
height: 18px;
width: 55px;
vertical-align: top;
background: url(tidimages/rss.gif) no-repeat 0px 0px; 
display: inline-block;
}
#validxhtml a:hover, #validcss a:hover, #cc a:hover, #rss a:hover { background-position: 0 -18px; text-decoration: none;}



/*-------------------------------------------------------------ABOUT---------*/
.icon {
float: left;
margin: 0 5px 0 0;
padding: 0;
border: none;
}
.right-col p.icons {
margin: 5px 0 10px 0px;
padding: 0;
color: #333;
font: normal 11px Georgia, serif;
line-height: 16px;
}
.txtblock {
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 0px;
float: left;
width: 700px;
border-top: 1px dotted #ccc;
}
.txtblock-first {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 700px;
}
.headcol {
margin: 0 20px 0 0px;
padding: 5px 0px 0 5px;
float: left;
width: 205px;
}
.txtcol {
margin: 0px 0px 0 0px;
padding: 0px 0px 0 0px;
float: right;
/*background: #eecccc;*/
width: 460px;
}
.headcol .section {
margin: 20px 0 0px 0px;
padding: 0px;
border-top: 1px dotted #ccc;
}
.headcol .inner {
margin: 0px 0 0px 0px;
padding: 7px 0px 0px 5px;
}
.headcol .inner-first {
margin: 15px 0 0px 0px;
padding: 0px 0px 0px 5px;
}
ul.share {
margin: 0px 0 0 0;
padding: 1px 0 0 0;
}
ul.share li {
margin: 0 3px 0 0;
padding: 0;
display: inline;
}
ul.share li a {
padding: 0px;
margin: 0;
}
ul.share li a:hover {
text-decoration: none;
}
ul.share li img {
border: none;
}
/*-------------------------------------------------------------FEATURES---------*/
.features-group {
float: left;
margin: 0 10px 80px 10px;
padding: 0px 0 0 0;
width: 940px;
}
.fimg {
margin: 10px 0 0 -5px;
padding: 0;
}
.all-col {
float: left;
margin: 0 10px 0 10px;
padding: 0px 0 0 0;
width: 940px;
}
.fdate-col {
margin: 0 20px 0 0px;
padding: 5px 0px 0 5px;
border-top: 1px dotted #ccc;
float: left;
width: 215px;
}
.fdate-col p {
margin: 0 0 10px 0px;
padding: 0;
color: #333;
font: normal 11px Georgia, serif;
line-height: 16px;
}
.fdate-col p.right-title {
margin: 2px 0 1px 0px;
padding: 0;
color: #aaa;
font: normal 11px helvetica, arial, sans-serif;
line-height: 17px;
}
.ftext-col {
margin: 0px 0px 0 0px;
padding: 5px 0px 0 5px;
float: right;
border-top: 1px dotted #ccc;
width: 695px;
}
.ftext-col2 {
margin: 0px 0px 0 0px;
padding: 0px 0px 0 5px;
float: right;
width: 695px;
}
.ftext-col p, 
.ftext-col2 p {
font: normal 16px Georgia, serif;
line-height: 24px;
margin: 0 30px 20px 0;
padding: 0;
}
.ftext-col h2 {
font: normal 26px Georgia, serif;
line-height: 30px;
margin: 5px 0px 25px 0;
padding: 0;
}
.ftext-col2 .sources {
border-top: 1px dotted #ccc;
margin: 40px 0 40px 0;
padding: 12px 0 5px 0;
}
.ftext-col2 .sources p {
color: #999;
}
.ftext-col2 blockquote p {
font: normal 16px Georgia, serif;
line-height: 24px;
margin: 0;
padding: 0;
color: #777;
}
.ftext-col2 blockquote {
margin: 25px 100px 30px 30px;
padding: 0;
}
.ftext-col img {
border: none;
}
.tag-col {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0 15px;
width: 900px;
display: block;
}
.tag-col p {
font: normal 16px Georgia, serif;
line-height: 24px;
margin: 0 30px 40px 0;
padding: 0;
}