






#left {
width : 261px;
height : 600px;
float : left;
background : none;
clear : none;
}
#right {
line-height : 150%;
background : #a6a6a6;
padding : 20px 20px 0 20px;
width : 390px;
float : left;
}
#nav {
display : none;
width : 340px;
margin-top : 365px;
background : url(../img/content_trans_bg_tile.png);
padding : 10px;
color : #fff;
text-align : center;
position : fixed;
}
#logo {
position : fixed;
margin : 20px 0 0 868px;
}
* html #logo {
margin : 20px 0 0 888px;
}
#nav ul {
list-style-type : none;
}
#nav li {
display : inline;
}
#nav a {
text-decoration : none;
}
#mailingList {
width : 370px;
margin-top : 20px;
background : url(../img/content_trans_bg_tile.png);
color : #000;
text-align : right;
}
.border {
background : url(../img/content_trans_bg_tile.png);
text-align : center;
padding : 20px;
font-weight : bold;
margin-top : 20px;
}
h3 {
font-size : 100%;
font-family : arial;
color: #fff;
padding : 10px 0;
}
h4 span {
font-size : 70%;
float : right;
}
p {
font-size : 100%;
margin : 10px 0;
}
.small {
font-size : 75%;
}
.left {
text-align : left;
}
.right {
clear : both;
float : right;
}
.backlink{

background:transparent url(http://wwwqa.polycom.com/images/common/red-raquo-bullet.png) no-repeat scroll 0 4px !important;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 4px 8px !important;
padding-left:10px !important;
}
a.icon {
border : 0 !important ;
padding : 10px 0;
}
#right a {
text-decoration : none;
border-bottom : 1px dashed #fff;
color : #fff;
}
#right a:hover {
border : none;
}
img.preview {
float : right;
margin-left : 20px;
border : 1px solid #fff;
}
.portfolio {
border : 1px solid #fff;
padding : 20px;
height : 170px;
margin-top : 20px;
}
.lightboxLink {
color : #ffffff;
font-weight : normal;
font-family : verdana;
}
.lightboxLink a {
color : #ffffff;
font-weight : inherited;
font-family : inherited;
}
#footer a {
color : #fff;
text-decoration : none;
border : none;
}
#footer a:hover {
text-decoration : underline;
}
a {
position : relative;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .clearfix {
height : 1%;
}
#main {
height : 300px;
}
#p1 {
position : absolute;
top : 1000px;
width : 390px;
}
#p2 {
position : absolute;
top : 2000px;
width : 390px;
}
#p3 {
position : absolute;
top : 3000px;
width : 390px;
}
#p4 {
position : absolute;
top : 4000px;
width : 390px;
}
.newsItem, .workItem {
position : absolute;
top : 0;
left : 1000px;
width : 230px;
height : 120px;
}
#newsOuter, #workOuter {
float:left;
width : 230px;
height : 170px;
overflow : hidden;
position : relative;
/*background-color:#0066FF;  only used for browser testing - remove when finished */

}
#news0, #work0 {
display : block;
left : 0;
}
.returnToMenu {
float : right;
}
ul.newsList li, ul.workList li {
margin : 10px 0;
list-style-type : none;
}
ul.newsList li span, ul.workList li span {
margin-bottom : 3px;
font-weight : inherited;
margin-right : 15px;
cursor : pointer;
}
a.linkRight {
float : right;
}
a.linkLeft {
color : #ffffff;
font-weight : bold;
font-size: 12px;
float : left;
margin-left:15px;
}
.date {
font-family : arial;
text-align : right;
border-bottom : 1px solid #fff;
padding : 20px 0 30px 0;
font-size : 500%;
color : #fff;
}
h2 {
font-weight : normal;
font-family : arial;
text-align : right;
border-bottom : 1px solid #fff;
padding : 20px 0 30px 0;
font-size : 500%;
color : #fff;
}
.thumb {
float : left;
margin : 15px 15px 0 0;


}
input, textarea {
color : #a6a6a6;
font-family : trebuchet MS;
}
.narrow {
background : none;
border : 1px dashed #fff;
padding : 2px;
color : #fff;
}

