@charset "utf-8";

/* -- global -- */

*
{
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

a:active,
a:focus
{
	outline:none;
}

img
{
	border:none;
}

body
{
	background-image:url(../images/body.png);
	background-repeat:repeat;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	padding:11px;
}

/* testimonials */

#testimonials-ticker
{
	height:240px;
	overflow:hidden;
}

#testimonials-ticker div
{
    height:240px;
}

#testimonials-ticker div p
{
	font-style:italic;
	line-height:18px;
	margin:10px;
}

#testimonials-ticker p strong
{
	font-size:10px;
	font-style:normal;
	line-height:14px;
}

/* logged in */

#logged_in_state
{
    background-image:url(../images/padlock.gif);
    background-position:left bottom;
    color:#666666;
    margin: 15px 20px 5px 5px;  
    padding-top: 10px;
    font-weight:bold;  
    height: 15px;
    font-size:12px;
}

#user_name
{
    margin-left:25px;
    display:inline;
    float:left;
}
#user_logout
{
    
    display:inline;
    float:right;
}


#user_logout a
{
    color:#003399;
    text-decoration:none;
}
 
#user_logout a:hover
{
    text-decoration:underline;
}

/* -- */
h1{
	color:#003399;
	font-size:20px;
}

h2{
	color:#003399;
	font-size:18px;
	margin:10px 10px 10px 10px;
}

h3{
	color:#000;
	font-size:18px;
	margin:10px 10px 10px 10px;
}
h4{
	color:#003399;
	font-size:15px;
	margin:10px 10px 10px 10px;
}
h5{
	color:#000;
	font-size:15px;
	margin:10px 10px 10px 10px;
}

input.error
{
	border:#FF0000 solid 1px;
}


#positions ul 
{
	list-style:none;
	overflow:hidden;
}

#positions ul li
{
    height:20px;
	display:block;
	margin-left:10px;
}

#positions ul li a
{
	display:block;
    margin-left:10px;
}


#container
{
	background-image:url(../images/container.png);
	background-repeat:repeat;
	margin:0px auto;
	padding:7px;
	width:744px;
}

* html #container
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container.png', sizingMethod='scale');
}

#container div.container
{
	background-color:#ffffff;
	padding:5px;
}

/* -- */

#header
{
	height:80px;
	width:734px;
}

/* -- */

#identity
{
	display:inline;
	float:left;
	height:80px;
	width:128px;
}

#identity h1
{
	height:80px;
	width:128px;
}

#identity h1#sc
{
	background-image:url(../images/identity-h1-sc.png);
}
#identity h1#sbs, #sbslogo
{
	background-image:url(../images/identity-h1-sbs.png);
}

#identity h1 a, #sbslogo a
{
	display:block;
	height:80px;
	text-indent:-9999px;
	width:128px;
}


/* -- */

#navigation
{
	background-image:url(../images/navigation.png);
	display:inline;
	float:right;
	height:80px;
	width:601px;
}

#navigation ul
{
	height:80px;
	list-style:none;
	overflow:hidden;
	width:601px;
}

#navigation ul li
{
	display:inline;
	float:left;
	height:80px;
}

#navigation ul li a
{
	background-image:url(../images/navigation.png);
	display:block;
	height:80px;
	text-indent:-9999px;
}

#navigation ul li.o1
{
	width:120px;
}

#navigation ul li.o1 a
{
	background-position:0px 0px;
	width:120px;
}

#navigation ul li.o1 a:hover
{
	background-position:0px -80px;
}

#navigation ul li.o1 a:active
{
	background-position:0px -160px;
}

#navigation ul li.o1 a.on
{
	background-position:0px -240px;
}

#navigation ul li.o2
{
	margin:0px 0px 0px 1px;
	width:120px;
}

#navigation ul li.o2 a
{
	background-position:-121px 0px;
	width:120px;
}

#navigation ul li.o2 a:hover
{
	background-position:-121px -80px;
}

#navigation ul li.o2 a:active
{
	background-position:-121px -160px;
}

#navigation ul li.o2 a.on
{
	background-position:-121px -240px;
}

#navigation ul li.o3
{
	margin:0px 0px 0px 1px;
	width:120px;
}

#navigation ul li.o3 a
{
	background-position:-242px 0px;
	width:120px;
}

#navigation ul li.o3 a:hover
{
	background-position:-242px -80px;
}

#navigation ul li.o3 a:active
{
	background-position:-242px -160px;
}

#navigation ul li.o3 a.on
{
	background-position:-242px -240px;
}

#navigation ul li.o4
{
	margin:0px 0px 0px 1px;
	width:120px;
}

#navigation ul li.o4 a
{
	background-position:-363px 0px;
	width:120px;
}

#navigation ul li.o4 a:hover
{
	background-position:-363px -80px;
}

#navigation ul li.o4 a:active
{
	background-position:-363px -160px;
}

#navigation ul li.o4 a.on
{
	background-position:-363px -240px;
}

#navigation ul li.o5
{
	margin:0px 0px 0px 1px;
	width:117px;
}

#navigation ul li.o5 a
{
	background-position:-484px 0px;
	width:117px;
}

#navigation ul li.o5 a:hover
{
	background-position:-484px -80px;
}

#navigation ul li.o5 a:active
{
	background-position:-484px -160px;
}

#navigation ul li.o5 a.on
{
	background-position:-484px -240px;
}

/* -- */

#content
{
	margin:5px 0px;
	overflow:hidden;
	width:734px;
}

/* -- */

#sidebar
{
	background-image:url(../images/content.png);
	background-repeat:repeat-x;
	display:inline;
	float:left;
	padding:32px 0px 0px 0px;
	width:127px;
}

/* -- */

#accordion
{
	background-image:url(../images/accordion.png);
	background-position:center bottom;
	padding:0px 0px 145px 0px;
}

#accordion ul
{
	overflow:hidden;
	width:127px;
}

#accordion ul li
{
	display:inline;
	float:left;
	display:block;
	overflow:hidden;
	width:127px;
}

#accordion ul li div a
{
	color:#666666;
	background-image:url(../images/accordion-ul-li.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	display:block;
	padding:5px 0px 5px 5px;
	text-decoration:none;
	width:122px;
}

#accordion ul li div.off a
{
	font-weight:bold;
	text-transform:uppercase;
}

#accordion ul li div.on a
{
	color:#003399;
	font-weight:bold;
	text-transform:uppercase;
}

#accordion ul li div.content ul li
{
	display:inline;
	float:left;
	width:127px;
}

#accordion ul li div.content ul li a
{
	color:#666666;
}

#accordion ul li div.content ul li a.on
{
	color:#003399;
}

/* -- */

#main
{
	background-image:url(../images/content.png);
	background-repeat:repeat-x;
	display:inline;
	float:right;
	padding:32px 0px 24px 0px;
	width:602px;
}

#project_content
{
	background-image:url(../images/content.png);
	background-repeat:repeat-x;
	display:inline;
	float:right;
	padding:32px 0px 5px 0px;
	width:602px;
}
/* -- */

#generic_content
{
	background-image:url(../images/main-columns.png);
	background-repeat:repeat-x;
	overflow:hidden;
	position:relative;
	width:602px;
	
}

#generic_content p
{
	margin:10px 10px;
}

#generic_content a
{
    color:#003399;
    text-decoration:none;
}
 
#generic_content a:hover
{
    text-decoration:underline;
}

#generic_content ul
{
     list-style-type:disc;
	margin:10px 0px 10px 20px; 
}


#columns
{
	background-image:url(../images/main-columns.png);
	background-repeat:repeat-x;
	overflow:hidden;
	position:relative;
	width:602px;
}

#columns p
{
	margin:10px 0px;
}

#columns div.left
{
	color:#003399;
	display:inline;
	float:left;
	font-size:18px;
	margin:0px 0px 0px 10px;
	width:286px;
	height: 200px;
}


#columns div.left p.small
{
	display:block;
	font-size:12px;
	margin-top:0px;
	margin-bottom:4px;
}

#columns div.left p.small strong
{
	color: #000000;
}

#columns div.right
{
	display:inline;
	float:right;
	margin:0px 10px 0px 0px;
	width:286px;
}
/* -- */

/* tender */
#tender_detail p.title strong
{
	color:#003399;
	font-size:18px;
}

#tender_detail p.small
{
	display:block;
	font-size:12px;
	margin-top:0px;
	margin-bottom:4px;
}

#tender_detail p.small strong
{
	color: #000000;
}

#tender_detail a
{
    color:#003399;
    text-decoration:none;
}
 
#tender_detail a:hover
{
    text-decoration:underline;
}


#tender_list a
{
    color:#003399;
    text-decoration:none;
}
 
#tender_list a:hover
{
    text-decoration:underline;
}


#tender_list table         
{ 
    margin: 0px; 
    padding-right: 0px;
    display: block; 
    border: 1px solid black 
}

#tender_list table th
{
    color:#000;
}

#tender_list table tr      
{ 
    margin: 0px; 
    padding: 0px 
}
#tender_list table tr td   
{ 
    margin: 0px; 
    padding: 5px 10px 5px 10px;
    border: 1px solid #003399;
    color: black;
}

#tender_list table tr td.select  
{ 
    background-color:#003399;
    font-weight:bold;
}

#tender_list table tr td.select a
{
    color:#fff;
    text-decoration:none;
}
 
#tender_list table tr td.select a:hover
{
    text-decoration:underline;
}




/* -- */

#footer
{
	background-color:#000000;
	color:#ffffff;
	font-size:10px;
	height:24px;
	line-height:24px;
	padding:0px 10px;
}

#footer p
{
	display:inline;
	float:left;
}

#footer ul
{
	display:inline;
	float:right;
	list-style:none;
}

#footer ul li
{
	display:inline;
	float:left;
	margin:0px 0px 0px 6px;
}

#footer a
{
	color:#ffffff;
}

/* -- index -- */

#index #splash
{
	background-image:url(../images/index-splash.jpg);
	height:302px;
	margin:5px 0px;
	text-indent:-9999px;
	width:734px;
}

/* -- featured -- */

#featured #main
{
	background-image:none;
	padding-top:0px;
}

#featured #grid
{
	width:602px;
}

#featured #grid ul
{
	list-style:none;
	width:608px;
}

#featured #grid ul li
{
	background-image:url(../images/content.png);
	background-repeat:repeat-x;
	display:inline;
	height:232px;
	float:left;
	margin:0px 5px 0px 0px;
	padding:32px 0px 0px 0px;
	width:299px;
}

#featured #grid ul li div.image
{
	height:166px;
	overflow:hidden;
	width:299px;
}

#featured #grid ul li div.about
{
	height:54px;
	padding:6px 0px;
	width:299px;
}

#featured #grid ul li div.about div
{
	height:18px;
	line-height:18px;
	overflow:hidden;
	width:299px;
}

#featured #grid ul li div.about div strong
{
	display:inline;
	float:left;
	width:99px;
}

#featured #grid ul li div.about div span
{
	display:inline;
	float:left;
	width:200px;
}

/* -- projects -- */

#projects #splash
{
	height:335px;
	overflow:hidden;
	width:602px;
}

#projects #thumbnails
{
	background-image:url(../images/projects-thumbnails.png);
	background-repeat:repeat-x;
	height:57px;
	margin:5px 0px;
}

#projects #thumbnails ul
{
	list-style:none;
	height:57px;
}

#projects #thumbnails ul li
{
	border-right:#ffffff solid 5px;
	display:inline;
	float:left;
	height:57px;
}

#projects #columns div.identity
{
	background-image:url(../images/projects-columns-div.identity.png);
	bottom:10px;
	height:57px;
	position:absolute;
	left:10px;
	text-indent:-9999px;
	width:92px;
	cursor:pointer;
}

/* -- enquiry -- */

#enquiry #main p
{
	margin:10px;
}

#enquiry #main div.hr
{
	background-image:url(../images/accordion-ul-li.png);
	background-repeat:repeat-x;
	font-size:0px;
	height:1px;
	margin:20px 0px;
}

#enquiry #main fieldset
{
	border:none;
}

#enquiry #main fieldset legend
{
	display:none;
}

#enquiry #main fieldset ul
{
	color:#ff0000;
	list-style:none;
	margin:0px 10px 20px 10px;
}

#enquiry #main fieldset ol
{
	list-style:none;
}

#enquiry #main fieldset ol li
{
	display:inline;
	float:left;
	height:58px;
	margin:0px 0px 10px 10px;
	overflow:hidden;
	width:286px;
	
}
#enquiry #main fieldset ol li.wide
{
	display:inline;
	float:left;
	height:116px;
	margin:0px 0px 10px 10px;
	overflow:hidden;
	width:570px;
}

#enquiry #main fieldset ol li label
{
	display:inline;
	float:left;
	height:18px;
	line-height:18px;
	width:286px;
}

#enquiry #main fieldset ol li left
{
	border:#cccccc solid 1px;
	display:inline;
	float:left;
	padding:2px;
	width:280px;
}
#enquiry #main fieldset ol li right
{
	border:#cccccc solid 1px;
	display:inline;
	float:left;
	padding:2px;
	width:276px;
}

#enquiry #main fieldset ol li textarea
{
	border:#cccccc solid 1px;
	display:inline;
	float:left;
	padding:2px;
	width:564px;
	height: 90px;
}

#enquiry #main fieldset ol li select option
{
	padding:0px 24px 0px 0px;
}

#enquiry #main fieldset ol li span.error
{
	color:#ff0000;
	float:left;
	height:18px;
	line-height:18px;
	width:286px;
}

#enquiry #main fieldset ol li.o3
{
	clear:both;
}

#enquiry #main fieldset ol li.o5
{
	clear:both;
	height:auto;
	width:582px;
}

#enquiry #main fieldset ol li.o6
{
	clear:both;
	height:auto;
	margin:10px 0px 0px 10px;
	width:582px;
}

#enquiry #main fieldset ol li.o6 input
{
	cursor:pointer;
	font-size:11px;
	text-transform:uppercase;
	width:54px;
}


 
.detail-link a
{
    color:#003399;
    text-decoration:none;
}
 
.detail-link a:hover
{
    text-decoration:underline;
}

#main fieldset ol li.wide input
{
    	clear:both;
	height:auto;
	width:582px;
}

input.text
{
    width:270px;
}
#generic_content ul, #generic-content ol { margin-top: 12px 10px; margin-right:20px; font-size: 11px; }
#generic_content ul li { margin-left: 30px; list-style: disc;  margin-top:5px; margin-right:20px; }
#generic_content ol li { margin-left: 30px; list-style: decimal; margin-top:5px; margin-right:20px;}