/*------------------------------------------
Created:	17th November, 2008
Author:		Richard Smith
Contact:	richard.smith@peachdigital.com
Personal:	flappypenguin@gmail.com
Website:	www.peachdigital.com
-------------------------------------------*/

/* ----- homes sub navigation ----- */

/* ******************************************
Please note that the number of list items for
this page did not devide into a round number,
the "#last" list item has been made larger to
compensate for this problem.
****************************************** */

#nav1 ul li#last a.groupLink	{
	background:url(../images/framework/nav-bg-last.jpg) top left repeat-x;
	cursor:default;
}



#nav1 ul li a.groupLink	{
	background:url(../images/framework/nav-bg.jpg) top left repeat-x;
	cursor:default;
}


#subnav	{
	width:780px;
	height:40px;
	margin:0px;
	padding:0px;
	overflow:auto;
	zoom:1;
}

#subnav ul	{
	list-style-type:none;
	width:780px;
	height:40px;
	margin:0px;
	padding:0px;
}

#subnav ul li {
	float:left;
	width:97px;
	height:40px;
	margin:0px;
	padding:0px;
	background-color:#de9827;
}

#subnav ul li a.oneline	{
	float:left;
	width:96px;
	height:28px;
	color:#ffffff;
	font-size:11px;
	margin:0px;
	padding:12px 0px 0px 0px;
	text-align:center;
	border-right:solid 1px #ffffff;
	text-decoration:none;
}

#subnav ul li a.twolines	{
	float:left;
	width:96px;
	height:33px;
	color:#ffffff;
	font-size:11px;
	margin:0px;
	padding:7px 0px 0px 0px;
	text-align:center;
	border-right:solid 1px #ffffff;
	line-height:12px;
	text-decoration:none;
}


#subnav ul li a.oneline:link,
#subnav ul li a.oneline:visited,
#subnav ul li a.oneline:active,
#subnav ul li a.twolines:link,
#subnav ul li a.twolines:visited,
#subnav ul li a.twolines:active{
	background-color:#de9827;
}

#subnav ul li a.oneline:hover,
#subnav ul li a.twolines:hover{
	background-color:#cf8102;
}

#subnav ul li.active a.oneline,
#subnav ul li.active a.twolines{
	background-color:#df5a13;
	color:#ffffff;
	cursor:default;
}

#subnav ul li.first a.oneline:link,
#subnav ul li.first a.oneline:visited,
#subnav ul li.first a.oneline:active,
#subnav ul li.first a.twolines:link,
#subnav ul li.first a.twolines:visited,
#subnav ul li.first a.twolines:active{
	background:url(../images/framework/nav2-left-corners.jpg) top left no-repeat #de9827;
}

#subnav ul li.first a.oneline:hover,
#subnav ul li.first a.twolines:hover{
	background:url(../images/framework/nav2-left-corners-hover.jpg) top left no-repeat #cf8102;
	color:#FFFFFF;
}

#subnav ul li.first.active a.oneline,
#subnav ul li.first.active a.twolines{
	background:url(../images/framework/nav2-left-corners-active.jpg) top left no-repeat #df5a13;
	color:#ffffff;
	cursor:default;
}

#subnav ul li.last a.oneline:link,
#subnav ul li.last a.oneline:visited,
#subnav ul li.last a.oneline:active,
#subnav ul li.last a.twolines:link,
#subnav ul li.last a.twolines:visited,
#subnav ul li.last a.twolines:active{
	width:100px;
	background:url(../images/framework/nav2-right-corners.jpg) top right no-repeat #de9827;
}

#subnav ul li.last a.oneline:hover,
#subnav ul li.last a.twolines:hover{
	width:100px;
	background:url(../images/framework/nav2-right-corners-hover.jpg) top right no-repeat #cf8102;
}

#subnav ul li.last.active a.oneline,
#subnav ul li.last.active a.twolines{
	width:100px;
	background:url(../images/framework/nav2-right-corners-active.jpg) top right no-repeat #df5a13;
	color:#ffffff;
	cursor:default;
}

#subnav ul li.selected a.oneline,
#subnav ul li.selected a.twolines{
	background-color:#df5a13;
	color:#ffffff;
	cursor:default;
}

#subnav ul li.first.selected a.oneline,
#subnav ul li.first.selected a.twolines{
	background:url(../images/framework/nav2-left-corners-active.jpg) top left no-repeat #df5a13;
	color:#ffffff;
	cursor:default;
}

#subnav ul li.last.selected a.oneline,
#subnav ul li.last.selected a.twolines{
	background:url(../images/framework/nav2-right-corners-active.jpg) top right no-repeat #df5a13;
	color:#ffffff;
	cursor:default;
}

/* ----- group home page styles ----- */

#sectionHomePageContainer	{
	width:770px;
	height:305px;
	background:url(../images/framework/group-home-img.jpg) top left no-repeat;
	margin:10px 0px 5px 0px;
	padding:10px 0px 0px 10px;
}

#sectionHomePageTextContainer	{
	float:right;
	width:205px;
	margin:0px;
	padding:15px 20px 15px 15px;
}

#sectionHomePageTextContainer h1	{
	font-size:24px;
	color:#FFFFFF;
	line-height:26px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#sectionHomePageTextContainer p	{
	color:#FFFFFF;
	font-size:11px;
	margin:0px;
	padding:0px 0px 10px 0px;
}

#sectionHomePageTextContainer h2	{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 5px 0px;
}

/* ----- group sigma homes page ----- */

#sigmaContainer	{
	float:left;
	width:630px;
	margin:0px;
	padding:0px 0px 0px 5px;
}

#signmaHomesContainer	{
	float:left;
	width:620px;
	height:310px;
	background:url(../images/framework/sigma-image-1.jpg) top left no-repeat;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
}

#signmaHomesContainer #sectionHomePageTextContainer	{
	float:right;
	width:205px;
	height:auto;
	margin:0px;
	padding:10px 20px 15px 15px;
}

#signmaHomesContainer #sectionHomePageTextContainer h1	{
	font-size:24px;
	color:#FFFFFF;
	line-height:26px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#signmaHomesContainer #sectionHomePageTextContainer p	{
	color:#FFFFFF;
	font-size:11px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#sigmaImageSelector	{
	float:left;
	width:630px;
	height:91px;
	background:url(../images/framework/sigma-border.jpg) bottom left no-repeat #ffffff;
	margin:0px;
	padding:0px;
}

#sigmaImageSelector ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#sigmaImageSelector	ul li{
	float:left;
	margin:0px 0px 0px 9px;
	padding:0px;
}

#sigmaImageSelector	ul li.first{
	float:left;
	margin:0px;
	padding:0px;
}
	

#sigmaWideMiddleCentre	{
	float:left;
	width:435px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sigmaWideMiddleCentre h1 {
	padding-top:0;
	margin-top:0;
}

#sigmaWideMiddleCentre p {
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:11px;
	color:#333333;
}

#sigmaThinRightContainer	{
	float:left;
	width:186px;
	margin:0px;
	padding:0px 0px 10px 5px;
}

#sigmaThinRightHeader	{
	float:left;
	width:183px;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:7px 0px 0px 7px;
	background:url(../images/framework/thinLeftThinRightHeader.jpg) top left no-repeat;
	font-size:14px;
	color:#FFFFFF;
}

#sigmaThinRight	{
	float:left;
	width:171px;
	margin:0px;
	padding:0px 0px 0px 9px;
}

#sigmaThinRight p	{
	margin:0px;
	padding:10px 0px 10px 0px;
	font-size:11px;
	border-bottom:dotted 1px #000000;
}

#sigmaThinRight h2	{
	color:#003e5a;
	font-size:12px;
	padding:7px 0px 7px 0px;
	margin:0px 0px 7px 0px;
	border-bottom:dotted 1px #000000;
	font-weight:bold;
}

#sigmaThinRight hr	{
	display:block;
	background:#d8d8d8;
	color:#d8d8d8;
	width:100%;
	height:5px;
	line-height:5px;
	border:none;
	margin:5px 0px 0px 0px;
	padding:0px;
}

#sigmaThinRight a:link, #sigmaThinRight a:visited, #sigmaThinRight a:active	{
	color:#003e5a;
	text-decoration:underline;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:11px;
}

#sigmaThinRight a:hover	{
	color:#33657b;
	text-decoration:underline;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:11px;
}

/* ----- calls to action buttons ----- */

#sigmaThinRight #callsToAction	{
	float:left;
	width:171px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#sigmaThinRight #callsToAction ul	{
	list-style-type:none;
	width:171px;
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:9px;
}

#sigmaThinRight #callsToAction ul li	{
	float:left;
	width:53px;
	border-left:solid 1px #333333;
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 2px;
}

#sigmaThinRight #callsToAction ul li.first	{
	margin:0px 0px 0px 0px;
	border:none;
}

#sigmaThinRight #callsToAction ul li a	{
	display:block;
	height:20px;
	line-height:10px;
}

#sigmaThinRight #callsToAction ul li a:link,
#sigmaThinRight #callsToAction ul li a:active	{
	color:#333333;
	text-decoration:none;
	letter-spacing:-0.1em;
	padding:35px 0px 0px 0px;
}

#sigmaThinRight #callsToAction ul li a:visited	{
	color:#333333;
	text-decoration:none;
	letter-spacing:-0.1em;
	padding:35px 0px 0px 0px;
}

#sigmaThinRight #callsToAction ul li a:hover	{
	color:#333333;
	text-decoration:none;
	letter-spacing:-0.1em;
	padding:35px 0px 0px 0px;
}

#sigmaThinRight #callsToAction ul li a.floorplan	{
	background:url(../images/buttons/floorplan.gif) top left no-repeat;
}

#sigmaThinRight #callsToAction ul li a.download	{
	background:url(../images/buttons/download.gif) top left no-repeat;
}

#sigmaThinRight #callsToAction ul li a.about	{
	background:url(../images/buttons/about.gif) top left no-repeat;
}

#sigmaThinRight #callsToAction ul li a.enquire	{
	background:url(../images/buttons/enquire.gif) top left no-repeat;
}

/* [----- careers styles ------] */

#wideMiddleLeft h1	{
	color:#003c5a;
}

#wideMiddleCentre table	{
	border-collapse:separate;
	border-spacing:5px;
	margin:0px 0px 0px -5px;
}

#wideMiddleCentre table tr th	{
	font-size:10px;
	color:#000000;
	margin:0px;
	padding:0px;
	text-align:left;
	font-weight:bold;
	border-bottom:solid 3px #dfe0e1;
}

#wideMiddleCentre table tr td	{
	font-size:9px;
	color:#000000;
	line-height:10px;
	margin:0px;
	padding:0px 0px 2px 0px;
	text-align:left;
	border-bottom:dotted 1px #000000;
}

#smallMedLeftCol	{
	float:left;
	width:170px;
	margin:0px;
	padding:5px 5px 10px 5px;
}

#smallMedLeftCol h2	{
	width:100%;
	color:#003e5a;
	border-bottom:solid 5px #d8d8d8;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 3px 0px;
}

#smallMedLeftCol p {
	color:#000000;
	font-size:11px;
}

#smallMedLeftCol ul {
	list-style:none;
}

#smallMedLeftCol ul li {
	width:170px;
	line-height:20px;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#000000;
	border-bottom:dotted 1px #000000;
}

#smallMedLeftCol ul li.active a:link,
#smallMedLeftCol ul li.active a:visited,
#smallMedLeftCol ul li.active a:active{
	display:block;
	width:170px;
	line-height:20px;
	background:#eceded;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#003e5a;
	text-decoration:none;
}

#smallMedLeftCol ul li.active a:hover{
	display:block;
	width:170px;
	line-height:20px;
	background:#d0d0d0;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

#smallMedLeftCol ul li a:link,
#smallMedLeftCol ul li a:visited,
#smallMedLeftCol ul li a:active{
	display:block;
	width:170px;
	line-height:20px;
	background:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#003e5a;
	text-decoration:none;
}

#smallMedLeftCol ul li a:hover{
	display:block;
	width:170px;
	line-height:20px;
	background:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}


#wideMedRightCol	{
	float:left;
	width:440px;
	margin:0px 0px 0px 15px;
	padding:5px 0px 10px 0px;
}

#wideMedRightCol h2	{
	width:100%;
	color:#003e5a;
	border-bottom:solid 5px #d8d8d8;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 3px 0px;
}

#wideMedRightCol #jobList {
	float:left;
	width:150px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#wideMedRightCol ul.last {
	float:left;
	width:140px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#wideMedRightCol ul li {
	width:140px;
	line-height:20px;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#000000;
	border-bottom:dotted 1px #000000;
}

#wideMedRightCol ul li a:link,
#wideMedRightCol ul li a:visited,
#wideMedRightCol ul li a:active{
	display:block;
	width:140px;
	line-height:20px;
	background:#eceded;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#003e5a;
	text-decoration:none;
}

#wideMedRightCol ul li a:hover{
	display:block;
	width:140px;
	line-height:20px;
	background:#d0d0d0;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

a.applynow:link,
a.applynow:visited,
a.applynow:active	{
	color:#000000;
	display:block;
	font-size:12px;
	font-weight:bold;
	border-top:dotted 1px #000000;
	text-decoration:none;
	text-align:right;
	padding:5px 17px 5px 0px;
	margin:0px;
	background:url(../images/buttons/button-arrow.gif) center right no-repeat;
}

a.applynow:hover	{
	color:#333333;
	display:block;
	font-size:12px;
	font-weight:bold;
	border-top:dotted 1px #000000;
	text-decoration:none;
	text-align:right;
	padding:5px 17px 5px 0px;
	margin:0px;
	background:url(../images/buttons/button-arrow.gif) center right no-repeat;
}
/* ------ Gallery Styles ----- */
#blackout {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background-color: #000;
filter: alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
z-index: 9;
}
#divpopup{
position: fixed;
top: 50%;
left: 50%;
margin-top: -77px; /*half of the height plus a little to the top*/
margin-left: -144px; /*half of the width */
visibility: hidden;
display: none;
border: 1px solid #cdcdce;
background-color: #FFF;
color: #333;
padding: 0;
height: 165px;
width: 288px;
z-index: 10;
font-size: 13px;
}
#divpop_head{
position:absolute;
top:0;
left:0;
width:268px;
background-color: #ffffff;
text-align:left;
padding:2px 10px;
z-index:-1;
}
#close_pop{
float:right;
text-align:right;
cursor:pointer;
padding-right:2px;
}
#close_pop a{
text-decoration:none;
color: #333;
}
#close_pop a:hover{
color:#FF0000;
}
#pop_content{
clear:both;
padding: 5px;
font-size:12px;
}
#pop_content table {width:100%; padding:0;margin:0;}
#pop_content input{
margin-left:10px;
margin-bottom:2px;
width:165px;
border:1px solid #000000;
padding:2px;
}
#pop_content .submitbutton{
padding:0px;
margin:0px;
width:78px;
font-weight:bold;
border:none;
font-size:14px;
background-position: 65px 3px ;
padding-right:10px;
color:#828283;
margin-top:0px;
}
#frmRegister { margin:0px; }

#wideRight470 .thumbContainer .imageContainer {
height:110px; width:110px; text-align:center; pading:0; margin:0;
}
#wideRight470 .thumbContainer .imageContainer a{background:none; border:none;}
#wideRight470 .thumbContainer .imageContainer img {
max-width:110px; max-height:110px; pading:0; margin:0;
}
#wideRight470 .thumbContainer .imageTitle {
height:32px; word-wrap: break-word;
}
#wideRight470 .thumbContainer{width:117px;}




#pop_content .error {
width:180px;
float:left;
padding:0;
margin:0;
border:none;
text-align:left;
}



/*includes a hack for ie6 to ensure the image is only 85px wide*/
#wideRight470 img.largeimage {
border:none;
max-width:470px;
width: expression(this.width > 469? "470px" : "auto");
margin:0px;
padding:0px;
}
/* ---- */