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

html {
margin-top:0px;
font-family:"Lucida Grande CY", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#popup {
position:absolute; 
display:none; 
padding:20px; 
margin-left:249px; 
margin-top:230px; 
width:530px; 
height:200px;
overflow:hidden; 
background-color:#FFFFFF; 
border:1px solid #CCCCCC;  
z-index:1000;
}

#resultsbox {
position:absolute; 
overflow:hidden; 
width:555px; 
height:210px; 
z-index:2001;
}

#searchclient {
font-size:11px;
font-weight:bold;
}

#searchdescription {
font-size:9px;
margin-bottom:6px;
}

#gradient {
	display: block;
	width: 100%;
	height: 20px;
	z-index:2000;
	margin-top:-15px;
}

#searchresults {
width:530px;
padding-bottom:8px;
color:#666666;
}

#searchresults img {
float:right;
}

#searchcolumn {
width:175px;
float:left; 
margin-right:10px;
} 

img {
border:none;
}

.loaderoff {
background-image:none;
}

#editwork {
width:220px;
padding:10px;
padding-top:0px;
float:left;
height:325px;
margin-right:10px;
margin-bottom:10px;
font-size:10px;
border:1px solid #cccccc;
}

#editwork input {
border:1px solid #CCCCCC;
font-size:10px;
margin-bottom:5px;
}

#editpic {
width:230px;
padding:10px;
padding-top:10px;
float:left;
height:250px;
margin-right:10px;
margin-bottom:10px;
font-size:10px;
border:1px solid #cccccc;
}

#editpic input {
border:1px solid #CCCCCC;
font-size:10px;
margin-bottom:5px;
}

#logo {
padding-left:5px;
}


#date {
padding-left:30px;
padding-top:50px;
height:65px;
width:85px;
background-image:url(../images/jpegs/general/postmark.jpg);
background-repeat:no-repeat;
font-size:10px;
color:#999999;
margin-left:300px;
margin-bottom:-105px;
}

.button1a {
width:60px;
height:60px;
padding:8px;
border:1px solid #cccccc;
float:left;
margin-right:1px;
margin-bottom:1px;
}

.sofa1 {
width:380px;
height:271px;
display:none;
}

#map {
margin:20px;
position:relative;
padding:15px;
background-image:url(../images/jpegs/general/stamp.jpg);
background-repeat:no-repeat;
}

.sofa2 {
width:380px;
height:271px;
margin-top:-200px;
background-image:url(../images/pings/sofakinblurred.png);
}

.sofa3 {
width:380px;
height:271px;
background-image:url(../images/pings/sofa2.png);
}

.sofa4 {
width:380px;
height:271px;
background-image:url(../images/jpegs/general/sofa2.gif);
}

.hiddenPic {display:none;}

.port_item {
	width:167px;
	position:relative;
	float:left;
	padding:8px;
	color:#d9d9d9;
	border:1px solid #CCCCCC;
	margin:6px;
}
.lastone {
	padding-right:0;
}
.port_item a:hover {
	text-decoration:none;
	color:#00adef;
}

.port_img {
	width:165px;
	height:109px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	border:1px solid #b3b3b3;
}
.port_desc {
	background-color:#FF3366;
	color:#FFFFFF;
	position:absolute;
	top:109px;
	left:0px;
	height:112px;
	width:155px;
	padding:0 12px;
	font-size:12px;
	line-height:15px;
	padding-top:10px;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height:600px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
width: 100%;
}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
position:relative;
left:460px;
top:225px;
z-index:1000;
width: 400px;
height:50px;
margin-top:-50px;
text-align: right; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}


#container {
width:840px;
height:615px;
margin:0 auto;
padding:10px;
}

#container2 {
width:840px;
height:615px;
margin:0 auto;
padding:0px;
}

#downloads {
width:920px;
height:60px;
margin:0 auto;
border:1px solid #cccccc;
margin-bottom:10px;
padding:10px;
line-height:18px;
font-size:15px;
color:#999999;
text-align:center;
}

#browser {
float:left;
padding-left:30px;
}



#worktitle {
font-family:"Lucida Grande CY", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size:12px;
color:#999999;
float:left;
padding:4px;
font-weight:bold;
text-align:center;
width:180px;
}

#leftside {
width:419px;
float:left;
border-right:1px solid #cccccc;

}

#rightside {
width:419px;
float:left;
}

#work {
height:310px;
}

#aminals {
margin-top:20px;
margin-bottom:5px;
}

#footer {
width:820px;
margin:0 auto;
font-size:10px;
line-height:15px;
color:#666666;
padding:20px;
background-image:url(../images/pings/transparent.png);
background-repeat:repeat;
}

#footer2 {
width:820px;
margin:0 auto;
font-size:10px;
line-height:15px;
color:#CCCCCC;
padding:20px;
background-image:url(../images/pings/transparent.png);
background-repeat:repeat;
}


#strapline {
line-height:26px;
font-size:24px;
color:#BBBBBB;
padding-right:30px;
width:385px;
padding-top:10px;
padding-left:5px;
height:100px;
}

#menu {
line-height:18px;
font-size:15px;
padding-left:6px;
padding-top:5px;
font-weight:normal;
color:#999999;
text-decoration:none;
}

.menuhover {
color:#0099CC;
font-weight:bold;
}

.menunorm {
color:#999999;
font-weight:normal;
}

.menuhover2 {
color:#0099CC;
font-weight:bold;
}

.menunorm2 {
color:#FF3366;
font-weight:normal;
}

a:link, a:hover, a:visited, a:active {
text-decoration:none;
}

.menupic {
width:50px;
height:50px;
padding:8px;
border:1px solid #cccccc;
float:left;
margin-right:11px;
margin-bottom:11px;
}

#picmenu {
padding-left:30px;
padding-top:10px;
width:395px;
height:154px;
}

#maintext {
line-height:20px;
font-size:15px;
padding-left:30px;
padding-top:47px;
color:#999999;
width:360px;
padding-right:30px;
}

#maincopy img {
width:100%;
height:10px;
clear:both;
}

.maintext {
line-height:20px;
font-size:15px;
padding-left:30px;
padding-top:30px;
color:#999999;
width:360px;
padding-right:30px;
margin-bottom:-30px;
}

#work form {
background-image:url(../images/jpegs/general/postit.jpg);
background-repeat:no-repeat;
font-size:12px;
overflow:visible;
padding:50px;
color:#333333;
}

#inputs {
background-color:#FFFFCC;
border:0px;
}

#clients {
line-height:20px;
font-size:16px;
padding-left:20px;
padding-top:30px;
color:#999999;
width:400px;
}

#ingenious, #name {
font-weight:bold;
color:#FF3366;
}

.menupichover {
border:2px solid #FF3366;
padding:7px;
width:50px;
height:50px;
float:left;
margin-right:11px;
margin-bottom:11px;
}