body {
background:#D9D9D9 url(../images/mainbg_grad.gif) repeat-x scroll 0 0;
font-family:verdana,sans-serif;
font-size:62.5%;
margin:0;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, label, select, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:1em;
font-style:normal;
font-weight:normal;
}
img {
border:0 none;
}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
a:hover {
color:#55BEEE;
}
.textBox {
background:#FFFFFF url(../images/input_grad.gif) repeat-x scroll center bottom;
border:1px solid #D9D9D9;
color:#CCCCCC;
font-family:Verdana,Sans-Serif;
font-size:1em;
height:auto;
padding:3px 0 5px 3px;
}
textarea.textBox {
height:100px;
}
#commentForm textarea.textBox {
height:75px;
}
#maincontainer {
margin:0 auto;
width:988px;
}
#leftshadow {
background:transparent url(../images/maincontainer_shadow_left.png) repeat-y scroll 0 0;
float:left;
height:700px;
width:4px;
}
#rightshadow {
background:transparent url(../images/maincontainer_shadow_right.png) repeat-y scroll 0 0;
float:right;
height:700px;
width:4px;
}
#bottomshadow {
background:transparent url(../images/maincontainer_shadow_bottom.png) repeat-y scroll 0 0;
clear:both;
height:9px;
width:988px;
}
#maincontent {
background:#FFFFFF none repeat scroll 0 0;
float:left;
height:700px;
width:980px;
}
#maincol {
border-left:1px solid #55BEEE;
float:left;
height:658px;
margin:15px 0 0;
width:447px;
}
#maincol .mainitem {
background:transparent url(../images/mainitem_bg.gif) no-repeat scroll 400px 55px;
}
.itemnotfound {
border:1px solid #D5D5D5;
color:#616161;
float:left;
font-family:verdana,sans-serif;
font-size:1em;
margin:307px 289px;
padding:10px;
text-align:center;
text-transform:uppercase;
width:150px;
}
.itemnotfound a {
color:#55BEEE;
text-decoration:underline;
}
#leftcol {
float:left;
height:673px;
position:relative;
width:230px;
}
#categoryTeaserArea {
background:transparent url(../images/smallitem_bg.gif) no-repeat scroll 220px 75px;
float:left;
height:670px;
overflow:hidden;
padding-top:3px;
position:relative;
width:604px !important;
}
#allTeasers {
width:10000px;
}
#categoryTeaserArea .noresults {
border:1px solid #D5D5D5;
color:#616161;
font-family:verdana,sans-serif;
font-size:1em;
margin:307px 217px;
padding:10px;
text-align:center;
text-transform:uppercase;
width:150px;
}
#categoryTeaserArea .noresults a {
color:#55BEEE;
text-decoration:underline;
}
.teasercol {
float:left;
overflow:hidden;
width:302px;
}
.categoryteasers {
padding-top:52px;
}
#logo {
background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
height:72px;
margin:15px 0 0 15px;
width:195px;
}
#logo h1
{
    padding:0px;
    margin: 0px;
    display: none;
}
#logo a {
background:transparent url(../images/logo_home_hover.png) no-repeat scroll -999em 50%;
color:#FFFFFF;
display:block;
height:37px;
opacity:0.85;
padding:35px 0 0 10px;
text-indent:-999em;
text-transform:uppercase;
width:185px;
}
#logo a:hover {
background:transparent url(../images/logo_home_hover.png) no-repeat scroll 10px 35px;
text-indent:0;
}
#logo a span {
padding:0 0 0 17px;
}
#mainmenu {
font-family:georgia,serif;
font-size:2.6em;
line-height:0.75em;
padding:25px 25px 0 15px;
text-transform:uppercase;
width:190px;
}
#mainmenu a {
color:#9C9C9C;
}
#mainmenu a.light {
color:#828282;
}
#mainmenu a.lighter {
color:#616161;
}
#mainmenu a.phoselected {
color:#06FF00;
}
#mainmenu a.devselected {
color:#FF36EE;
}
#mainmenu a.desselected {
color:#FFD800;
}
#mainmenu span {
display:none;
font-size:0;
height:0;
line-height:0;
width:0;
}
#newsletter {
background:transparent url(../images/menu_bg.gif) no-repeat scroll 130px 5px;
padding:30px 0 0 15px;
}
.formRow {
clear:both;
padding:10px 0 0 10px;
}
#newsletter label, .formRow label {
color:#616161;
display:block;
font-family:georgia,serif;
font-size:1.2em;
text-transform:uppercase;
}
#newsletter input.textBox, .formRow .textBox {
clear:both;
color:#CCCCCC;
float:left;
font-family:verdana,sans-serif;
font-size:1em;
text-transform:uppercase;
width:172px;
}
#newsletter p {
background:#FFFFFF none repeat scroll 0 0;
color:#616161;
}
.formRow .textBox {
width:266px;
}
.submitButton {
background:#55BEEE url(../images/btn_bg.gif) no-repeat scroll right center;
border:0 none;
color:#FFFFFF;
cursor:pointer;
float:right;
font-family:georgia,serif;
font-size:1.4em;
margin:0 20px 0 0;
padding:3px 15px 3px 5px;
text-transform:uppercase;
}

.submitButton:hover 
{
    color: #FFFFFF !important;
}
#commentForm .submitButton {
margin:0;
}
#newsletter input.newsletterBtn {
background:transparent url(../images/newsletter_button.gif) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
float:left;
font-size:0;
height:22px;
line-height:0;
margin:0 0 0 5px;
text-indent:-999em;
width:18px;
}
#share {
clear:both;
padding:14px 0 0 15px;
}
#share h2 {
color:#616161;
display:block;
font-family:georgia,serif;
font-size:1.4em;
text-transform:uppercase;
}
#share .shareicons {
padding:5px 0;
}
#share a {
opacity:0.85;
padding:0 16px 0 0;
}
#share a:hover {
opacity:1;
}
#artyBuzz {
clear:both;
padding:14px 0 0 15px;
}
#artyBuzz h2 {
color:#616161;
display:block;
font-family:georgia,serif;
font-size:1.4em;
text-transform:uppercase;
}
#quickcontactcontainer {
background:transparent url(../images/contact_bg.jpg) no-repeat scroll center bottom;
bottom:0;
height:145px;
padding:138px 0 0;
position:absolute;
width:215px;
}
#quickcontact {
border-left:1px solid #D9D9D9;
height:143px;
margin:0 0 0 20px;
}
#quickcontact .method {
clear:both;
font-family:Georgia,serif;
font-size:1.2em;
margin:0 0 2px;
}
#quickcontact .method .letter {
background:#55BEEE none repeat scroll 0 0;
color:#FFFFFF;
float:left;
padding:2px;
text-align:center;
width:12px;
}
#quickcontact .method .content {
background:#FFFFFF none repeat scroll 0 0;
color:#616161;
float:left;
margin:0 0 0 2px;
padding:2px;
text-align:left;
width:170px;
}
#quickcontact .method .content a {
color:#616161;
}
#quickcontact .method .content a:hover {
color:#55BEEE;
}
#quickcontact .method .content a.followlink {
clear:both;
float:right;
}
#quickcontact .method .content span {
clear:both;
color:#A3A3A3;
display:block;
font-size:0.8em;
}
.clearer {
clear:both;
font-size:0;
height:0;
line-height:0;
}
.itemdate {
background:#55BEEE none repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-family:georgia,serif;
font-size:1.6em;
font-variant:small-caps;
margin-bottom:10px;
padding:0 5px 3px;
}
h1 {
clear:both;
color:#616161;
font-family:georgia,serif;
font-size:2.6em;
padding:5px 0 15px 5px;
text-transform:uppercase;
}
h1 a {
color:#616161;
}
.mainitem .description {
background:#010101 url(../images/desc_lg_grad.gif) repeat-x scroll 0 0;
height:auto !important;
min-height:40px;
padding:10px;
position:absolute;
z-index:8;
width:388px;
}
#maincol .photography .description {
border-top:5px solid #06FF00;
}
#maincol .development .description {
border-top:5px solid #FF36EE;
}
#maincol .design .description {
border-top:5px solid #FFD800;
}
.mainitem .description p {
color:#FFFFFF;
font-family:verdana,sans-serif;
font-size:1em;
text-transform:uppercase;
}
.mainitem .description h2 {
color:#FFFFFF;
font-family:georgia,serif;
font-size:1.2em;
text-transform:uppercase;
}
.mainitem .image {
cursor:help;
margin-top:3px;
width:408px;
position: relative;
overflow: hidden;
height: 574px;
}
.mainitem img {
margin:5px 0 0;
}
#rightcolmenu {
background:transparent url(../images/rightcolmenu_bg.gif) no-repeat scroll 210px 20px;
display:block;
height:20px;
padding:15px 0 20px;
}
.hidebg #rightcolmenu {
background:transparent none repeat scroll 0 0;
}
#rightcolmenu ul {
list-style-type:none;
}
#rightcolmenu ul li {
display:inline;
float:left;
margin:0 10px 0 0;
}
#rightcolmenu ul li a {
color:#616161;
font-family:georgia,serif;
font-size:1.4em;
padding:0 5px 3px;
text-transform:uppercase;
}
#rightcolmenu ul li.selected a, #rightcolmenu ul li a:hover {
background:#55BEEE none repeat scroll 0 0;
color:#FFFFFF;
}
#rightcol_contact, #rightcol_blog {
display:none;
}
#rightcol_latest {
background:transparent url(../images/smallitem_bg.gif) no-repeat scroll 210px 20px;
}
.rightcolwrapper {
background:transparent url(../images/rightcol_bg.gif) repeat-x scroll left bottom !important;
border-left:1px solid #55BEEE;
clear:both;
float:left;
height:618px;
width:302px;
}
#allTeasers .rightcolwrapper {
background:transparent none repeat scroll 0 0 !important;
}
.teasercol .smallitem {
padding-bottom:20px;
position:relative;
width:281px;
}
#rightcol_details .photography, #rightcol_details .development, #rightcol_details .design {
background:transparent url(../images/smallitem_bg.gif) no-repeat scroll 210px 20px;
}
.teasercol .blogitem {
margin-bottom:5px;
}
.teasercol .smallitem h2 {
clear:both;
color:#616161;
font-family:georgia,serif;
font-size:1.2em;
padding:0 0 5px 10px;
text-transform:uppercase;
}
.teasercol #categoriesList 
{
    margin: 0px 0px 5px 10px;
    clear: both;
}
.teasercol #categoriesList a 
{
color:#616161;
font-family:georgia,serif;
font-size:1.2em;
text-transform:uppercase;
}

.teasercol #categoriesList a:hover {
color:#55BEEE;
}
h2 a {
color:#616161;
}
.teasercol .smallitem p {
clear:both;
color:#616161;
font-family:verdana,sans-serif;
font-size:1em;
padding:0 25px 5px 10px;
text-transform:uppercase;
}
.teasercol .smallitem p a {
color:#55BEEE;
text-decoration:underline;
}
.teasercol .blogitem p {
padding-top:0;
}
.teasercol .smallitem .description {
background:#010101 url(../images/desc_sml_grad.gif) repeat-x scroll 0 0;
bottom:20px;
padding:7px 10px;
position:absolute;
width:261px;
}
.teasercol .smallitem .image {
background:transparent url(../images/loader.gif) no-repeat scroll center 30px;
cursor:help;
height:135px;
width:281px;
}
.teasercol .smallitem .description p {
color:#FFFFFF;
font-family:verdana,sans-serif;
font-size:1em;
padding:0;
text-transform:uppercase;
}
.teasercol .photography .description {
border-bottom:3px solid #06FF00;
}
.teasercol .development .description {
border-bottom:3px solid #FF36EE;
}
.teasercol .design .description {
border-bottom:3px solid #FFD800;
}
.photography a:hover, a.photography:hover {
color:#06FF00 !important;
}
.development a:hover, a.development:hover {
color:#FF36EE !important;
}
.design a:hover, a.design:hover {
color:#FFD800 !important;
}
#footer {
border-top:1px solid #D9D9D9;
clear:both;
color:#505050;
font-family:georgia,serif;
font-size:1.1em;
padding:5px 0 0 20px;
}

.featurehovermenu {
color:#FFFFFF;
/*display:none;*/
font-family:verdana,sans-serif;
font-size:1em;
position:absolute;
top: 574px;
text-transform:uppercase;
min-height: 30px;
height: auto !important;
height: 30px;
background:#010101 url(../images/desc_lg_grad.gif) repeat-x;
width:388px;
padding: 10px;
/*display: none;*/
z-index: 8;
}
/*
.featurehovermenu .overlay {
 none repeat scroll 0 0;
height:100%;
opacity:0.75;
width:408px;
}

.featurehovermenu .overlay a {
display:block;
height:513px;
position:absolute;
text-indent:-999em;
width:408px;
z-index:1;
}
*/
.featurehovermenu .zoom {
/*left:183px;
position:absolute;
top:200px;*/
width:180px;
float: left;
display: inline;
text-align: center;
}

.featurehovermenu .left {
/*bottom:10px;
left:10px;
position:absolute;*/
width:104px;
float: left;
display: inline;
}

.featurehovermenu .right {
width:104px;
float: right;
display: inline;
}

.featurehovermenu ul {
list-style-type:none;
}

.featurehovermenu li a {
color:#FFFFFF;
}

.featurehovermenu .right li {
margin-right:28px;
}

.featurehovermenu .right li.morelink {
margin-right:0;
}

.teaserhovermenu {
color:#FFFFFF;
display:none;
font-family:verdana,sans-serif;
font-size:1em;
height:106px;
position:absolute;
text-transform:uppercase;
width:281px;
}
.teaserhovermenu .overlay {
background:#000000 none repeat scroll 0 0;
height:106px;
opacity:0.5;
position:absolute;
width:281px;
z-index:1;
}
.teaserhovermenu .overlay a {
display:block;
height:106px;
text-indent:-999em;
width:281px;
}
.teaserhovermenu .left {
bottom:5px;
left:10px;
position:absolute;
width:70%;
z-index:2;
}
.teaserhovermenu .righttop {
position:absolute;
right:10px;
text-align:right;
top:5px;
width:30%;
z-index:2;
}
.teaserhovermenu .rightbottom {
bottom:5px;
position:absolute;
right:10px;
text-align:right;
width:30%;
z-index:2;
}
.teaserhovermenu ul {
list-style-type:none;
width:auto;
}
.teaserhovermenu li {
width:auto;
}
.teaserhovermenu li a {
color:#FFFFFF;
}
#categoryrightcol {
background:transparent url(../images/rightcol_bg.gif) repeat-x scroll left bottom;
border-left:1px solid #55BEEE;
float:left;
height:618px;
margin-top:55px;
width:145px;
}
.filters {
height:535px;
}
.filters h2 {
clear:both;
color:#616161;
font-family:georgia,serif;
font-size:1.2em;
padding:0 0 5px 10px;
text-transform:uppercase;
}
.filters ul {
list-style-type:none;
padding:0 0 15px 10px;
}
.filters ul li a {
color:#616161;
font-family:verdana,sans-serif;
font-size:1em;
text-transform:uppercase;
}
.filters a.disabled, .filters a.disabled:hover {
color:#D5D5D5 !important;
}
.paging .pagingcontrols {
clear:both;
margin:0 auto;
width:86px;
}
.paging .arrow {
float:left;
padding-top:11px;
width:20px;
}
.paging .prevarrow {
text-align:right;
}
.paging #pagenumberContainer {
float:left;
overflow:hidden;
width:46px;
}
.paging #pagenumberContainer #allPageNumbers {
width:1000px;
}
.paging .pagenumber {
color:#616161;
float:left;
font-family:georgia,serif;
font-size:3em;
text-align:center;
width:46px;
}
.smallitem .shareicons {
clear:both;
padding:0 15px 0 10px;
}
.smallitem .shareicons a {
opacity:0.85;
padding:0 5px 0 0;
}
.smallitem .shareicons a:hover {
opacity:1;
}
.scrollableComments {
clear:both;
height:230px;
overflow:hidden;
width:281px;
}
.commentblock {
border-bottom:1px solid #CCCCCC;
margin:0 0 10px;
padding:0 0 5px;
}
.commentblock .commentername {
color:#55BEEE;
}
.scrollControls {
padding:5px 0 0;
text-align:right;
}
.inlineButton {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#55BEEE;
cursor:pointer;
font-family:verdana,sans-serif;
font-size:1em;
margin:0;
overflow:visible;
padding:0;
text-decoration:underline;
text-transform:uppercase;
width:auto;
}
.hidden {
display:none;
}
#overlay, #shareOverlay {
background:#FFFFFF none repeat scroll 0 0;
height:100%;
left:0;
opacity:0.75;
position:absolute;
top:0;
width:100%;
z-index:9;
}
#shareOverlay {
display:none;
}
#shareThisPopUp {
display:none;
}
#ie6Warning {
height:302px;
width:468px;
}
#shareThisPopUp h1 {
font-size:1.7em;
}
#shareThisPopUp span {
font-size:1.6em;
}
.popupBox {
position:absolute;
z-index:10;
}
.popUpTop, .popUpBottom {
background:#55BEEE none repeat scroll 0 0;
border-left:3px solid #55BEEE;
border-right:3px solid #55BEEE;
padding:3px 0;
text-align:right;
}
.popUpContent {
background:#FFFFFF none repeat scroll 0 0;
border-left:3px solid #55BEEE;
border-right:3px solid #55BEEE;
}
.popUpContent h1 {
padding:5px 10px 10px;
}
.popUpContent p {
clear:both;
color:#616161;
font-family:verdana,sans-serif;
font-size:1em;
padding:5px 10px 10px;
text-transform:uppercase;
}
.popUpContent p a {
color:#55BEEE;
}
.popUpContent p a:hover {
text-decoration:underline;
}
.popUpBottom {
border-left:3px solid #55BEEE;
border-right:3px solid #55BEEE;
padding:3px 6px 3px 0;
}
.popUpBottom a {
color:#FFFFFF;
font-family:verdana,sans-serif;
font-size:1em;
text-transform:uppercase;
}
.popUpBottom a:hover {
text-decoration:underline;
}
.popUpShareIcons {
padding:0 10px 5px 0;
}
.popUpShareIcons a {
margin:0 0 0 10px;
}
#blogcontentcontainer {
background:#FFFFFF none repeat scroll 0 0;
float:left;
width:980px;
}
.blogcopyright {
border-top:1px solid #D9D9D9;
clear:both;
color:#505050;
font-family:georgia,serif;
font-size:1.1em;
margin-top:346px;
padding:5px 0 0 20px;
}
#blogcontent {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #55BEEE;
border-right:1px solid #55BEEE;
float:left;
margin-top:55px;
width:603px;
}
#blogcontent h2 {
color:#616161;
font-family:georgia,serif;
font-size:1.4em;
padding:5px 0 5px 5px;
text-transform:uppercase;
}
#blogcontent h3 {
color:#616161;
font-family:georgia,serif;
font-size:1.2em;
padding:5px 0 5px 5px;
text-transform:uppercase;
}
#blogcontent p {
color:#616161;
font-family:verdana,sans-serif;
font-size:1.1em;
margin:5px 15px 12px 5px;
}
#blogcontent img {
margin:5px 15px 12px 5px;
}
#blogcontent .shareicons {
padding:5px 0 10px;
}
#blogcontent .shareicons a {
padding:0 5px;
}
#blogrightcol {
float:left;
margin-top:55px;
padding-bottom:50px;
position:relative;
width:145px;
}
#blogrightcol .bloglinks {
background:transparent url(../images/rightcol_bg.gif) repeat-x scroll left bottom;
margin-bottom:15px;
}
#comments {
background:transparent url(../images/comments_bg.gif) repeat-x scroll center top;
border-top:3px solid #D8D5D5;
margin:5px 10px 0 0;
overflow:auto;
}
.commentsLink {
clear:both;
color:#616161;
font-family:georgia,serif;
font-size:1.4em;
margin-top:20px;
padding:5px 0 5px 5px;
text-align:center;
text-transform:uppercase;
}
.commentsLink a {
color:#616161;
display:inline-block;
}
.commentsLink a.arrowUp {
background:transparent url(../images/arrow_up_enabled.gif) no-repeat scroll center top;
padding-top:18px;
}
.commentsLink a.arrowDown {
background:transparent url(../images/arrow_down_enabled.gif) no-repeat scroll center bottom;
padding-bottom:18px;
}
.commentsCol {
float:left;
padding-bottom:15px;
width:293px;
}
.commentsCol .comment {
border-bottom:3px solid #ECEAE9;
}
#blogcontent a {
color:#616161;
}
#blogcontent a:hover {
color:#55BEEE;
}
#blogcontent p a {
text-decoration:underline;
}
#blogcontent .commentsCol .comment p {
margin:0;
padding:0 10px 10px;
}
#blogcontent .commentsCol .comment p.commentName {
color:#616161;
font-family:georgia,serif;
font-size:1.4em;
padding:10px 10px 0;
text-transform:uppercase;
}
#blogcontent .commentsCol .comment p.commentName a {
text-decoration:none;
}
#blogcontent .commentsCol .comment p.commentDate {
text-align:right;
}
.commentsFormCol {
float:right;
padding:0 0 15px 10px;
width:284px;
}
.commentsFormCol h2 {
padding:10px 0 5px !important;
}
#blogcontent .formRow {
padding:10px 0 0;
}
#blogcontent .formRow .textBox {
width:274px;
}
#blogcontent .submitButton {
margin:0 5px 0 0;
padding:3px 15px 3px 5px;
}
.blogBanner {
border-bottom:3px solid #55BEEE;
margin: 0px !important;
}
.bloglinks ul {
clear:both;
list-style-type:none;
padding:0 0 15px;
}
.bloglinks ul.nextprev {
padding:0 0 7px;
}
.bloglinks ul li {
font-family:verdana,sans-serif;
font-size:1em;
padding:0 0 3px 10px;
text-transform:uppercase;
}
.bloglinks ul li.previouspost {
font-family:georgia,serif;
font-size:1.2em;
padding:0;
text-transform:uppercase;
}
.bloglinks ul li.previouspost a {
background:#55BEEE url(../images/blogpost_prev_bg.gif) no-repeat scroll left center;
color:#FFFFFF;
display:block;
padding:5px 10px 5px 30px;
}
.bloglinks ul li.previouspost a:hover {
background:#616161 url(../images/blogpost_prev_bg_hover.gif) no-repeat scroll left center;
color:#FFFFFF;
}
.bloglinks ul li.nextpost {
font-family:georgia,serif;
font-size:1.2em;
margin:1px 0 0;
padding:0;
text-transform:uppercase;
}
.bloglinks ul li.nextpost a {
background:#55BEEE url(../images/blogpost_next_bg.gif) no-repeat scroll right center;
color:#FFFFFF;
display:block;
padding:5px 30px 5px 10px;
}
.bloglinks ul li.nextpost a:hover {
background:#616161 url(../images/blogpost_next_bg_hover.gif) no-repeat scroll right center;
color:#FFFFFF;
}
.bloglinks ul li a {
color:#616161;
}
.bloglinks ul li a:hover {
color:#55BEEE;
}

.partnerlinks ul {
clear:both;
list-style-type:none;
padding:0 0 15px;
}
.partnerlinks ul li {
font-family:verdana,sans-serif;
font-size:1em;
padding:0 0 3px 7px;
text-transform:uppercase;
}
.partnerlinks .wordpressLogo {
bottom:10px;
position:absolute;
text-align:center;
width:145px;
}
.nocomments {
padding-top:10px;
}
.hr {
	font-size: 0;
	line-height: 0;
	height: 1px;
	background: #cccccc;
	margin: 5px 10px 5px 10px;
}

.hr hr {
	display: none;
}