body {
height: 500px;
padding: 0px 0px 0px 10px;
}

#scroll_right {
position: absolute;
margin-left: 10px;
top: 306px;
}

#location {
background-color: #fbebe4;
}

.clear {
clear: left;
}

.apply_now {
float: right;
}

#wrapper {
width: 100%;
}

ul.blocks .submenu .hidden, #location ul.blocks .hidden {
display: none;
}

#header {
height: 140px;
margin-left: 10px;
}

#main_heading {
padding: 20px 0px 0px 0px;
float: left;
}

#sub_heading {
padding: 100px 0px 0px 20px;
float: left;
margin-left: 60px;
}

#AECOM_logo {
position: absolute;
right: 20px;
top: 10px;
padding-top:10px;
}

#grad_headers {
width: 800px;
}

#menu {
height: 160px;
margin-bottom: 10px;
width: 900px;
}

.menu_column {
width: 290px;
padding-right: 0px;
margin-left: 0px;
padding-left: 0px;
float: left;
}

#menu_left li {
float: left;
clear: left;
width: 280px;
}

.thin_col {
width: 235px;
}

ul.blocks .submenu li {
font-size: 11px;
display: inline;
width: 130px;
line-height: 1em;
height: 1em;
margin-bottom: 5px;
}

ul.blocks {
padding: 0;
display: block;
height: 200px;
}

ul.blocks li {
margin: 0px 10px 0px 0px;
float: left;
display: block;
height: 200px;
}

ul.blocks .intro {
width: 210px;
height: 250px;
padding-left: 10px;
}

ul.blocks .title_submenu {
width: 140px;
height: 250px;
padding-left: 10px;
}

ul.blocks .wide_submenu {
width: 293px;
height: 250px;
padding-left: 10px;
}

ul.blocks .wide_submenu li {
width: 261px;
}

ul.blocks .shoes {
width: 200px;
margin-top: 20px;
}

ul.blocks .wide_para {
width: 245px;
padding-left: 10px;
}

ul.blocks .broad_para {
width: 282px;
padding-left: 10px;
}

ul.blocks .thin_quotebox {
width: 130px;
padding-left: 10px;
}

ul.blocks .padded_quotebox {
width: 170px;
padding-left: 10px;
padding-right: 70px;
}

.shoe_rollover {
background-color: #4d5156;
width: 180px;
height: 180px;
position: absolute;
top: 120px;
display: none;
}

ul.blocks .intro_text {
width: 273px;
padding-right: 20px;
padding-left: 10px;
}

.arrow_right_link, .qp_prev {
background-image: url(http://graduate.aecom.com/images/nextstep/arrow.gif);
background-repeat: no-repeat;
padding-left: 13px;
background-position: 0 2px;
}

.arrow_left_link, .qp_next {
background-image: url(http://graduate.aecom.com/images/nextstep/arrow_left.gif);
background-repeat: no-repeat;
padding-left: 13px;
background-position: 0 2px;
}


/******* Calendar ******/

ul.blocks .calendar_box {
width: 300px;
}

.calendar_note {
height: 230px;
width: 260px;
padding: 20px;
background-color: #ffffff;
background-image: url(http://graduate.aecom.com/images/nextstep/calendar_corner.gif);
background-repeat: no-repeat;
background-position: top right;
}

#calendar_holder {
border-bottom: 1px dashed #FFBCAF;
height: 210px;
margin-bottom: 5px;
}

#calendar_holder li {
display: block;
height: 57px;
margin-right: 0px;
width: 260px;
}

.qp_prev {
display: block;
float: left;
width: 40px;
}

.qp_next {
display: block;
float: left;
width: 58px;
}

.qp_disabled {
visibility: hidden; 
}

.qp_counter {
display: block;
float: right;
color: #777;
}

.calendar_item {
padding: 5px 0 5px 0;
border-top: 1px dashed #FFBCAF;
}

.calendar_date {
width: 70px;
float: left;
}

.calendar_details {
float: left;
width: 190px;
}

/******* Profile ******/

.profile_details {
padding-left: 10px;
width: 300px;
float: left
}

.profile_video {
width: 300px;
float: left;
}

.profile_images {
width: 310px;
float: left;
}


.profile_images img {
height: 45px;
margin: 0px 5px 5px 0px;;
}

.profile_header {
display: block;
width: 150px;
padding-bottom: 10px;
}

.imageHolder {
text-align: center;
margin-top: 50px;
margin-left: 50px;
}

.profile_submenu {
position: absolute;
margin: 310px 0 0 0px;
left: 20px;
}

.profile_submenu li {
float: left;
padding-right: 5px;
}


/******* Ourwork ******/

ul.blocks .work_box {
width: 230px;
}

.work_text {
height: 165px;
}

.project_labels {
height: 55px;
}

ul.blocks .work_main_image {
width: 510px;
padding-left: 10px;
}

.project_image_description {
width: 180px;
float: left;
}

.project_big_image {
float: left;
clear: left;
padding-right: 10px;
}

.project_holder {
border-left: 1px dotted;
padding-left: 10px;
}

.ceo-pic {
width: 141px;
float: left;
}

/******* Scrollbar ******/

.scroll-pane {
width: 100%;
float: left;
padding: 0;
}

#pane5 {
height: 340px;
width: 100%;
padding: 0;
display: block;
overflow: auto;
}

.holder {
width: 99.9%;
border-top: 1px solid #C84038;
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #C84038;
height: 341px;
}

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid #C84038;
}

.jScrollIntervalTrack { 
position: absolute;

}
.jScrollPaneDrag {
position: absolute;
border-top: 8px solid #C84038;
cursor: pointer;
overflow: hidden;
background-repeat: no-repeat;
background-position: top right;
}

.jScrollPaneDragLeft {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragRight {
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	border-top: 1px solid #C84038;
	background-image: url(http://graduate.aecom.com/images/nextstep/slider_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	height: 15px;
	width: 10px;
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	border-top: 1px solid #C84038;
	background-image: url(http://graduate.aecom.com/images/nextstep/slider_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	height: 15px;
	width: 10px;
}

#location a.jScrollArrowLeft {
	background-image: url(http://graduate.aecom.com/images/nextstep/slider_arrow_right_alt.gif);
}


#location a.jScrollArrowRight {
	background-image: url(http://graduate.aecom.com/images/nextstep/slider_arrow_left_alt.gif);
}
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
display: none;
position: fixed;
top: 10%;
left: 50%;
margin-left: -300px;
width: 600px;
color: #FFFFFF;
padding: 12px;
height: 450px; 
}

#overlay-content {
width: 530px;
padding: 10px;
background-color: #4d5156;
height: 400px; 
float: left;
}

#overlay-spine {
width: 50px;
height: 420px;
float: left;
}

#overlay-fold {
width: 50px;
height: 50px;
background-image: url(http://graduate.aecom.com/images/nextstep/corner-fold.gif);
}

#overlay-paper {
width: 50px;
height: 370px;
background-color: #4d5156;
}

#overlay-close {
clear: left;
background-color: #4d5156;
height: 40px;
padding: 10px;
}

#container {
width: 320px;
height: 180px;
margin: 80px 0px 0px 45px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
 Star selector used to hide definition from browsers other than IE6
 For valid CSS, use a conditional include instead */
* html .jqmWindow {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}