/* 
   ============================================================================
   div#galleryLanding
   ============================================================================
*/
#galleryLanding div.container {
    float:left;
}
#galleryLanding #projects {
    margin-top:35px;
}
#galleryLanding #projects .item {
    margin:0px;
    padding:0px;
    border:none;
    float:left;
}

    #galleryLanding #projects .thumbnailItem {
        
        width: 168px;
        height: 100%;
       
    }

#galleryLanding #projects .thumbnailItem img {
    width:168px;
    height:168px;
}
#galleryLanding #projects .rollover .description {
    background-color:#F3AFCE;
    background-image:url(/img/xyron/bg/grad_white.png);
    height:168px;
}
#galleryLanding #projects .rollover .description a:hover * {
    color:#5C5C5C;
}
#galleryLanding #projects .rollover h2 {
    background-color:#F3AFCE;
}



#galleryLanding #projects .rollover .description {
    margin: 0;
    padding: 0;
}




#galleryLanding #projects .rollover .lineItem {
    width:168px;
    padding:3px 5px;
    float:left;
}
#galleryLanding #projects .rollover .lineItem:first-child {
    padding-top:10px;
}
#galleryLanding #projects .rollover .label {
    float:left;
    padding-right:5px;
}
#galleryLanding #projects .rollover .field {
    float:left;
}
#galleryLanding .yui-pg-container {
    width:685px;
}

/* 
   ============================================================================
   div#projectInfo
   ============================================================================
*/
#projectInfo {
    position:relative;
}
#projectInfo .largeImage, #projectInfo .largeImage img {
    height:250px;
    width:250px;
}
#projectInfo .pageInfo {
	position:absolute;
	left:280px;
	top:15px;
	width:325px;
}
#projectInfo .pageInfo .lineItem {
    float:left;
    width:550px;
}
#projectInfo .pageInfo .lineItem .label {
    width:125px;
    float:left;
}
#projectInfo .pageInfo .lineItem .field {
    width:200px;
    float:left;
}

#galleryContainer #projectInfo
{
	float:left;
	width:590px;
}



/* 
   ============================================================================
   div#relatedProducts
   ============================================================================
*/

    div#rightColumn {
        float:right;
		position:relative;
		top:-295px;
		width:290px
    }
    
    div#relatedProducts,
    div#otherMaterials {
        width: 290px;
        float: right;
    }
    
    .carouselNav {
        padding: 15px 15px 0 15px;
    }
    
/*
.relatedItems .relatedItem {
    width:260px;
}
.relatedItems .relatedItem:first-child {
    padding-top:0px;
}
.relatedItems .relatedItem .description {
    width:175px;
}
*/

/* 
   ============================================================================
   div#instructions
   ============================================================================
*/
div#instructions {
    width: 620px;
    float: left;
}
div#instructions ol li {
    padding-bottom:15px;
}

 /* 
   ============================================================================
    COLOR ANCHORS IN THE GALLERY PROJECTS
   ============================================================================
*/
    div#instructions .data a {color: #0f8596;}  
	div#instructions .data a:hover {color: #8c2a53;}
	div#instructions .data a:active {color: #0f8596;}

    
        









/*
#projects {
   margin-top:10px;
}

.thumbnailItem h2 {
    font-size:14px;
}

#paging * {
    color:#5c5c5c;
}

.projectInfoContainer {
    float:left;
    width:100%;
}

.largeImage {
    float:left;
    padding-right:35px;
    padding-top:20px;
}

.largeImage img {
    width:250px;
    height:250px;
    border:2px outset #DADADA;
}

.summaryContainer {
    float:left;
    color:#5c5c5c;
    margin-left:7px;
}

.summaryContainer>h2 {
    font-size:20px;
    padding-top:20px
}

.smallImages {
    float:left;
    width:606px;
    padding-top:20px;
}

.smallImages img {
    border:2px outset #DADADA;
    width:125px;
    height:125px;
    margin:0 0 0 7px;
}

.relatedItems {
    width:253px;
}

.galleryLeftNav {
    float:left;
    width:253px;
}

.col1 .item {
    width:598px;
    margin-top:40px;
    margin-left:42px;
}

.col1 .description {
    padding-top :0px;
}
*/



