/**********************  GENERAL SETTINGS *********************/
html, body {font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;	color: #FFFFFF;	margin: 0; padding: 0; width: 100%; height: 100%;border:5px solid #FFFFFF;}
form, p,h1,h2,h3,h4  {	margin:0;	padding:0;}
ul, ol {margin:0; padding:0; list-style:none;}
img {border:0;}
hr {display:none;}
	
/*********************************************/

.caseimage {
float:left;
margin-right:25px;
margin-bottom:25px;
border:1px solid #ff0099;}

.casetext {
color:#FFFFFF;
font-weight:lighter;
line-height:21px;
text-align:left;
margin-bottom:21px;
}
.textContainer {
display:inline;
}

.textContainer1 {
display:inline;
}

.textContainer2 {
display:inline;
}

.twitterprefix {
height:16px;
}


.twitterTime {
color:#999999;
font-size:8px;
text-transform:uppercase;
}
#tweet {
border-left:4px solid #333333;
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
bottom:38px;
color:#222222;
float:right;
font-family:georgia;
font-size:14px;
font-style:italic;
height:27px;
line-height:14px;
margin-right:10px;
margin-top:486px;
padding:10px 20px;
width:625px;
z-index:4;
}

.feedsweep{
float:left;
width:360px;
overflow:scroll;
height:268px;
background:#333333;
padding-left:10px;
}

.feedsweep_headline{
border-bottom:1px dotted #FF0099;
color:#FF0099;
font-family:georgia;
font-size:16px;
font-style:italic;
line-height:19px;
margin-bottom:9px;
padding-bottom:5px;
text-transform:lowercase;
width:320px;
}

.mobile-photo{
width:320px;
height:150px;
overflow:hidden;
}

.feedsweep_body{
color:#FFFFFF;
font-size:10px;
line-height:18px;
}


.feedsweep_item{
margin-bottom:50px;

}


.feedsweep_date{
font-size:8px;
line-height:10px;
margin-top:10px;
color:#333333;
}


#text {
float:left;
width:175px;
}
.brand {
color:#ffffff;
font-family:georgia;
font-size:16px;
font-style:italic;
text-transform:lowercase;
background:#333333;
padding:5px;
}
.subtitle {
background:none repeat scroll 0 0 #333333;
color:#FF0099;
font-family:georgia;
font-size:16px;
font-style:italic;
margin-top:5px;
padding:5px;
}
.cap {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #333333;
color:#FFFFFF;
font-size:10px;
height:132px;
line-height:20px;
overflow:scroll;
padding:0 10px 5px;
}
.cap2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
font-size:10px;
height:152px;
line-height:20px;
overflow:scroll;
padding:0 10px 5px;
}

.cap2 a:link{

color:#FFFFFF;

}

.cap2 a:hover{

color:#FF0099;

}

.cap2 a:visited {
color:#FFFFFF;
}

.call{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
float:right;
font-family:georgia;
font-size:14px;
font-style:italic;
text-transform:lowercase;
margin-bottom:-21px;
margin-left:11px;
padding:3px;
text-align:center;
width:223px;
}




a:hover {background:#333333; text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip span {
display:none;
float:right;
padding:5px;
margin-top:10px;
margin-right:10px;}

a.tooltip:hover span{background:#333333 none repeat scroll 0 0;
border:1px solid #FF0099;
color:#FFFFFF;
display:block;
position:absolute;
text-decoration:none;
text-align:center;}

#bg_image { position:fixed; top:0; left:0; width:100%; height:100%; }

#container {
position: relative;
height:100%;
margin:0;
overflow:hidden;
padding:0;
width:100%;
z-index:1;
}


a:link {
color:#FF0099;
text-decoration:none;
}
a:visited {
color:#FF0099;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
text-decoration:none;
}
a:active {
color:#FF0099;
}


#logo {
left:15px;
position:absolute;
top:15px;
}

#logo a {
background:transparent;
}
	
#rightBox {
float:right;
margin-right:0;
margin-top:72px;
position:relative;
width:650px;
height:650px;
top:0px;
}


#rightBox h3 {color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
margin-top:1px;
position:absolute;
text-transform:uppercase;
width:100%;}

#digitalWorks {height:20px;
overflow:hidden;
width:700px;}




.imageContainer a, .imageContainer2 a,.imageContainer3 a, .imageContainer4 a,.imageContainer5 a, .imageContainer6 a  {
background:transparent;
}

.imageContainer, .imageContainer2,.imageContainer3, .imageContainer4,.imageContainer5, .imageContainer6 {
float:right;
height:102px;
margin-bottom:43px;
margin-left:5px;
top:0px;
}
.imageContainer ul li, .imageContainer2 ul li,.imageContainer3 ul li, .imageContainer4 ul li,.imageContainer5 ul li, .imageContainer6 ul li {
border:1px solid #333333;
float:left;
margin-left:5px;
height:100px;
position:relative;
margin-bottom:12px;

}



div.iHover {width:395px; height:150px; border:5px solid #fff; position:absolute;}

div.iHover a {width:395px; height:150px; text-indent:-9999px; display:block;}

.infoContainer ul li {background:#333333;
color:#FFFFFF;
font-size:12px;
height:20px;
padding-top:3px;
padding-left:10px;
position:relative;
text-transform:lowercase;}

a.visitLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/icon_cursor.gif) no-repeat scroll 10px 50%;
border-left:1px dotted #FF0099;
color:#FF0099;
display:block;
font-size:11px;
height:20px;
padding:3px 0 0 25px;
position:absolute;
right:0;
text-decoration:none;
top:0;
width:83px;
}




.network {
background:#FFFFFF none repeat scroll 0 0;
color:#ffffff;
font-size:10px;
font-weight:bold;
height:390px;
line-height:31px;
margin-left:0;
margin-top:3px;
padding:5px 10px 10px;
text-align:justify;
width:480px;
}

.cl {
color:#333333;
font-size:10px;
line-height:20px;
margin-left:0px;
margin-top:3px;
text-align:justify;
width:480px;
background:#ffffff;
padding:5px 10px 10px 10px;
height:500px;
overflow:scroll;
font-weight:bold;}

ul.workNav {position:absolute; left:566px;}
ul.workNav li {margin-bottom:8px;}
ul.workNav li a {display:block; width:23px; height:16px; text-indent:-9999px; outline:none;}

h3#digital2 {
background-position:62px 13px;
color:#333333;
left:-52px;
text-align:right;
top:3px;
width:51px;}

h3#digital {background-position:62px 13px;
left:-52px;
text-align:right;
top:3px;
width:40px;}
h3#print {left:-65px; top:298px; background-position:50px 5px;}

ul#dNav {top:25px;} /* set vertical position for digital works prev and next nav */
ul#pNav {top:465px;} /* set vertical position for print works prev and next nav */


ul.workNav li a.prev, ul.workNav li a.pprev {background:url(images/arrow_up_off.gif) no-repeat;margin-bottom:86px;}
ul.workNav li a.prev:hover, ul.workNav li a.pprev:hover {background:url(images/arrow_up_on.gif) no-repeat;}

ul.workNav li a.next, ul.workNav li a.pnext {background:url(images/arrow_down_off.gif) no-repeat}
ul.workNav li a.next:hover, ul.workNav li a.pnext:hover {background:url(images/arrow_down_on.gif) no-repeat}

#rightBox h2 {	display:none;}


/***************** LEFTBOX AND ACCORDION CONTENT SETTINGS *************************/
#leftBox {height:478px;
margin-top:214px;
padding-left:10px;
position:absolute;
top:0px;
width:402px;
}/** <<--- change height to min-height if you want your content to have unlimited heigth / which will enable the accordion content scroll more without conflicting with the footer **/

#leftBox h2 {	
border-right:4px solid #333333;
color:#333333;
cursor:pointer;
font-family:georgia;
font-size:16px;
font-style:italic;
padding:5px 5px 5px 12px;
text-transform:lowercase;}

#leftBox p:first-child {margin-top:0;}

#leftBox p.intro {color:#ffffff;}

/**** This is where the accordion headers come from as graphic text ****/
/**** each of these images are saved as one single gif file containing both states (normal/selected) of the link ****/
h2#hWelcome {
background-color:#FFFFFF;
margin-left:-10px;
width:145px;}
h2#hServices {
background-color:#FFFFFF;
margin-left:-10px;
width:145px;}
h2#hClients {
background-color:#FFFFFF;
margin-left:-10px;
width:145px;}
h2#hContact {
background-color:#FFFFFF;
margin-left:-10px;
width:145px;}
h2#hnew {
background-color:#FFFFFF;
margin-left:-10px;
width:145px;}


/** selected sliding div settings **/
.contentBox {margin-bottom:18px;}
div.content {font-size:12px;
margin-left:35px;
padding-right:15px;
width:365px;
text-align:justify;}

.content p {text-align:justify;margin:10px 0; color:#ffffff; padding:0;}
.content span {text-align:justify;
background-color:#333333;
color:#FFFFFF;
line-height:29px;
padding:5px 5px 5px 0px;}

.content p a {color:#FF0099;}
.content p a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.content2 p {margin:10px 0; color:#333333; padding:0;font-size:11px;}
.content2 p a {color:#FF0099;}
.content2 p a:hover {
color:#ff0099;
text-decoration:underline;
}
span.yellow {color:#fff1bf;}

p.fLeft {display:block; float:left; width:150px; margin-top:0;}
p.textarea {clear:both;}



div#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
bottom:0;
height:23px;
left:0;
line-height:12px;
margin-left:0;
padding-top:3px;
position:absolute;
width:100%;
z-index:6;
}



#footer p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#333333;
font-size:9px;
font-weight:bold;
width:100%;
z-index:6;
}

#footer a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#333333;
z-index:6;
}
#footer a:hover {
color:#FF0099;
text-decoration:underline;
z-index:6;
}


#addthis {

}

#join {
font-size:11px;
line-height:16px;
}

#login {
color:#333333;
float:right;
font-size:0.7em;
font-weight:bold;
margin-right:18px;
margin-top:-19px;
}

#c a{
color:#FF0099;
float:left;
font-size:0.7em;
font-weight:bold;
margin-left:516px;
margin-top:-20px;
}

#hpy
{float:right;
margin-right:4px;
margin-top:39px;
}

#hpy a {
background:transparent;
}

#quote {
background:none repeat scroll 0 0 #FFFFFF;
color:#333333;
font-family:georgia;
font-size:22px;
font-style:italic;
line-height:28px;
margin-bottom:10px;
padding:10px;
}


.quote2 {
color:#333333;
font-family:georgia;
font-size:11px;
font-style:italic;
line-height:28px;
margin-right:10px;
margin-top:-28px;
text-align:right;
}