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

body {
margin:0;
padding:0;
background-image:url(images/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family:Helvetica, Tahoma, Arial, sans-serif;
}

img {
border:0 none;
}

a {
text-decoration:none;
outline:none;
color:#0076A3;
}

a:hover {
color:#999999;
}

p {
font-size:11px;
color:#333333;
}


h2 {
color:#0076A3;
font-weight:normal;
font-size:12px;
font-style:italic;
}

#wrapper {
width:720px;
margin:0 auto;
overflow:auto;
}

#headline {
height:185px;
background-image:url(images/headlines/create.jpg);
background-repeat:no-repeat;
}

#header {
height:70px;
margin:0 0 0 30px;
vertical-align:top;
}

#header img {
vertical-align:top;
margin:0 14px 0 0;
}

.content {
margin:0 0 0 30px;
}

.content #about {
width:650px;
}

.content p a {
color:#0076A3;
}

.content p a:hover {
color:#333333;
}

#about_col1 {
float:left;
width:45%;
}

#about_col2 {
float:right;
width:45%;
}

.slideshow {
float:left;
margin-bottom:50px;
width:400px;
height:300px;
}

#anim_iPod.slideshow  {
width:240px;
height:400px;
border:1px solid #999999;
}

#anim_peacock.slideshow {
height:267px;
}

.slideshow_print {
float:left;
border:1px solid #999999;
margin-bottom:26px;
}

.details {
width:225px;
margin:4px 0 0 25px;
float:left;
}

.toggler, .toggler_about {
cursor:pointer;
}

h3.toggler, h3.toggler_about {
font-size:14px;
font-weight:normal;
letter-spacing:1px;
font-family:Tahoma,Arial,Helvetica,Sans-serif;
margin:0 0 5px;
padding:0;
}

.element, .element_about {
margin:5px 0;
}

#portfolio {
margin:0 0 40px;
}

.element img {
display:inline;
margin:7px 14px 7px 0;
cursor:pointer;
}

.clr_flt {
clear:both;
height:0;
width:0;
margin:0;
border:0 none;
}

.sifr_selector {
font-size:25px;
height:50px;
cursor:pointer;
}

.details_title {
font-size:16px;
color:#0076A3;
font-variant:small-caps;
}

.details_client {
font-size:11px;
color:#666666;
font-style:italic;
padding:2px 0 10px 0;
}

.details_desc {
font-size:11px;
color:#898989;
}

.launch {
padding:15px 0 0;
font-size:10px;
text-align:right;
}

.launch a {
color:#0077AB;
font-style:italic;
}

#highlights, #role {
color:#666666;
display:block;
padding:10px 0 5px 0;
}

#nav img {
padding:10px 6px 0 0;
}

#contact {
color:#666666;
font-size:12px;
}

#footer {
background-image:url(images/footer.png);
background-repeat:no-repeat;
padding:20px 30px 0;
width:650px;
margin-top:40px;
}

#footer_col1 {
float:left;
}

#footer_col2 {
float:right;
font-size:10px;
color:#A0A0A0;
padding-top:6px;
}


.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}