/**
 * TEMPLATE: All
 */

* { margin: 0px; }

h2 { padding:5px 5px 5px 10px; }

img { border:0px; }

#mainContainer {
    position:relative;
	width:780px;
	left:50%;
	margin-left:-390px;
    }

#header { margin-bottom:8px; }

#logo {
    float:left; 
    margin:10px 0px 5px 10px;
    }

#header ul {
    list-style-type:none;
    margin-top:25px; /* padding on li -> a + fudge factor */ 
	padding-left:12px;
    }

#header li { display:inline; }

#header li a {
    padding:24px 15px 17px 15px;
    margin:0px; /* use negative val on right to remove gap between items */
    }

#mainNavigation { float:left; }

#secondaryNavigation { float:right; }

#footer { 
    margin-top:30px;
	padding-top:20px;
    padding-bottom:40px;
    text-align:center;
    }

/**
 * PAGE: INDEX
 */

#spotlight {
    width:464px;
    float:left;
    }

#spotlight p { 
	padding:5px 0px 5px 0px; 
	margin-bottom:0px;
	}

#news {
    width:306px;
    float:right; 
    margin-bottom:20px;   
    }

#news .entry {
    padding:10px 20px 0px 10px;
    clear:both;
    }

#news .entry p,
#news .entry h3 { margin:0px; }

#news .entry img {
    float:left;
    margin:0px 10px 0px 0px;
    }
    
#about,
#contactInfo,
#banner {
    margin-top:10px;
    padding-top:5px;
    float:left;
    width:464px;
    }

#about h2,
#contactInfo h2,
#banner h2 { /* override global h2 styles */
    float:left;
    width:133px; /* 148 - 10 - 5 */
    }

#about p,
#contactInfo p,
#banner p {
    float:right;
    margin-left:0px;
    width:296px;
    }

/** 
 * TEMPLATE: projectGallery.dwt
 * 		     projectList.dwt
 * PAGES: Tier 2 and below
 */ 
	
#tertiaryNavigation { padding:3px 0px; }

#breadcrumb { 
	padding-left:10px;
	width:400px;
	float:left;
	}

/**
 * TEMPLATE: projectList.dwt
 */
 #selectedProjects {
 	display:inline-block; /* fix ie 7 div collapse */
	}
 
#selectedProjects div {
	width:390px;
	float:left;
	}

#selectedProjects .textDesc {
	width:212px;
	float:left;
	padding:10px 10px 10px 0px;
	}

#selectedProjects h3 { 
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px; 
	}

#selectedProjects p {
	margin-left:10px;
	margin-right:10px;
	}

#selectedProjects img { float:right; }

#selectedProjects .selectedButton { 
	float:left; 
	margin:5px 0px 5px 10px;
	}

#otherWork { width: 459px; } /* right side aligns to OtherProjects right side */

#otherProjects {
	float:left;
	margin-bottom:20px;
	width:316px;	
	padding-left:158px; /* pad instead of margin for ie 6 and below */
	}

#otherProjects ul {
	list-style-type:none;
	padding-left:0px;
	}

#otherProjects li { clear:both; }

#otherProjects h3 {	
	width:230px; 
	padding-top:20px; 
	}
	
#otherProjects img {
	margin:5px 10px 5px 0px;
	float:left;
	}


#projectPreview {
	width:288px;
	float:right;
	padding-bottom:20px;
	}
	
#projectPreview #title_projPreview, 
#projectPreview #desc_projPreview,
#projectPreview #img_projPreview {
	margin-bottom:10px;
	}	


/**
 * TEMPLATE: projectGallery.dwt
 */

#downloadLink { margin-left:0px; } /* override margin values; used on quick view */
 
#meta {
	float:left;
	width:296px;
	padding-left:10px;
	margin-top:20px;	/* matches gallery vert margins */
	margin-bottom:20px;
	}

#meta ul {
	list-style-type:none;
	padding-left:0px;
	}

#meta li { padding:5px 0px 5px 0px; }

#meta li p { margin-left:0px; }

#meta li div {
	margin-right:10px;
	width:80px;
	float:left;
	}

#navigator {
	width:350px;
	float:right;
	text-align:right;
	margin-right:10px;
	}

#gallery {
	float:right;
	width:464px;
	margin-top:20px;	/* matches meta vert margins */
	margin-bottom:30px;
	}

#gallery img {
	border:0px;
	margin:0px;
	}