/*
-----------------------------------------------
- [ Creative Unit ]
----------------------------------------------- 
- Author:  Swear Words (www.swearwords.com.au)
- Version:  [ 19 February 2009 ]
----------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

a
{
	color: #ffffff;
}

a.none
{
	color: #505055;
	font-weight: bold;
	text-decoration: none;
}

a.none:hover
{
	text-decoration: underline;
}

a.normal
{
	color: #505055;
	text-decoration: none;
}

a.normal:hover
{
	text-decoration: underline;
}

a.portfolio_index
{
	color: #505055;
	text-decoration: none;
}

a.portfolio_index:hover
{
	color: #8cc63f;
	text-decoration: none;
}

body
{
	margin: 0 auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #505055;
	background-color: #ffffff;
}

h1
{
	font-size: 20px;
}

img
{
	border: 0;
	margin: 0;
}

#wrapper
{
	width: 1010px;
	/*height: 640px;*/
	margin: 30px auto 0;
	/*overflow: hidden;*/
	overflow: auto;
}

#wrapper #header_logo
{
	width: 350px;
	height: 70px;
	margin-left: 100px;
	overflow: hidden;
}

#wrapper #content_gallery
{
	margin: 60px 100px 0;
	width: 810px;
	overflow: auto;
}

#wrapper #content
{
	margin: 25px 100px 0;
	width: 810px;
	/* height: 540px; */
	overflow: hidden;
}

#wrapper #content #content_left
{
	float: left;
	position: relative;
	margin-top: 35px;
	width: 350px;
	/* height: 505px; */
	overflow: hidden;
}

#wrapper #content #content_right
{
	float: right;
	position: relative;
	width: 460px;
	/* height: 540px; */
	overflow: hidden;
}

#wrapper #content #content_right #image_gallery
{
	position: relative;
	float: right;
	width: 460px;
	height: 540px;
	overflow: hidden;
}

#wrapper #content_portfolio
{
	margin: 0 100px;
	width: 810px;
	/* height: 610px; */
	overflow: hidden;
}

#wrapper #content_portfolio #content_left
{
	position: relative;
	float: left;
	margin-top: 60px;
	width: 350px;
	/* height: 550px; */
	overflow: hidden;
}

#wrapper #content_portfolio #content_left #portfolio_detail_box
{
	position: relative;
	margin-top: 30px;
	width: 350px;
	height: 435px;
	overflow: hidden;
}

#wrapper #content_portfolio #content_left #portfolio_navigation
{
	position: relative;
	width: 350px;
	height: 20px;
	overflow: hidden;
}

#wrapper #content_portfolio #content_right
{
	position: relative;
	float: right;
	width: 460px;
	/* height: 610px; */
	overflow: hidden;	
}

#wrapper #content_portfolio #content_right #arrow_up
{
	position: relative;
	margin-left: 420px;
	width: 40px;
	height: 25px;
	overflow: hidden;
}

#wrapper #content_portfolio #content_right #arrow_up #image_arrow_up
{
	display: none;
}

#wrapper #content_portfolio #content_right #portfolio_image_box
{
	position: relative;
	width: 460px;
	height: 540px;
	overflow: hidden;
}

#wrapper #content_portfolio #content_right #arrow_down
{
	position: relative;
	margin: 20px 0 0 420px;
	width: 40px;
	height: 25px;
	overflow: hidden;
}

#wrapper #content_portfolio #content_right #arrow_down #image_arrow_down
{
	display: none;
}

#wrapper #footer_menu
{
	position: relative;
	padding-top: 20px;
	padding-left: 100px;
	width: 910px;
	height: 45px;
	overflow: hidden;
	background: url( ../../images/site/footer_shadow.png ) bottom no-repeat !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site/footer_shadow.png', sizingMethod='scale');
}

#wrapper #footer_gallery
{
	margin: 0 100px;
	width: 810px;
	overflow: auto;
}

#footer_contact
{
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 1px solid #cccccc;
	width: 1010px;
	height: 60px;
	overflow: hidden;
}

#footer_contact #contact_details
{
	position: relative;
	padding: 15px 50px 0 50px;
	line-height: 150%;
	overflow: hidden;
}

#footer_contact #contact_details #contact_details_left
{
	position: relative;
	float: left;
}

#footer_contact #contact_details #contact_details_right
{
	position: relative;
	float: right;
}

/* SYSTEM MESSAGE BOX STYLES */

#message_box
{
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	padding: 5px;
	width: 240px;
	height: 100px;
	background-color: #CCCCCC;
	/* background-color: #6e285a; */
	overflow: hidden;
}

#message_box #message_text
{
	padding: 20px;
	width: 200px;
	height: 60px;
	text-align: center;
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
	overflow: hidden;
}

div.button
{
	position: relative;
	float: left;
	width: 130px;
	height: 25px;
	padding-top: 20px;
	padding-right: 5px;
	text-align: center;
	overflow: hidden;
}

div.button a.btnlink
{
	text-decoration: none;
}

div.button a.btnlink:hover
{
	text-decoration: underline;
}

div.button a.btnlink_selected
{
	color: #8cc63f;
	font-weight: bold;
	text-decoration: none;
}

div.button a.btnlink_selected:hover
{
	text-decoration: underline;
}

div.job
{
	position: relative;
	/*width: 325px;*/
	height: 35px;
	/*padding-left: 25px;*/
	/*margin-bottom: 5px;*/
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 30px;
	font-weight: bold;
	overflow: hidden;
}

div.job:hover
{
	/*background: url('../../images/site/arrow_right.gif') bottom left no-repeat;*/
}

div.job a.job_title
{
	padding-left: 25px;
	color: #505055;
	text-decoration: none;
}

div.job a.job_title:hover
{
	color: #8cc63f;
}

.arrow_right
{
	background: url('../../images/site/arrow_right.gif') bottom left no-repeat;
}

table.tbl_gallery td
{
	font-size: 11px;
}

table.tbl_gallery td.txt_client 
{
	color:#8cc63f;
	font-size:16px;
	font-weight:700;
}

table.tbl_gallery td.txt_greenhead 
{
	color:#8cc63f;
	font-size:12px;
	font-weight:700;
}

table.tbl_gallery td.txt_smallbold 
{
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:700;
}

.btn_nav
{
	background: url( ../../images/site/footer_menu.png ) -135px 0 no-repeat;
}

.btn_nav_selected
{
	background: url( ../../images/site/footer_menu.png ) 0px 0 no-repeat;
}

.btn_nav_green
{
	background: url( ../../images/site/footer_menu_green.png ) -135px 0 no-repeat;
}

.btn_nav_green_selected
{
	background: url( ../../images/site/footer_menu_green.png ) 0px 0 no-repeat;
}

.block_intro
{
	color: #8cc63f;
	font-weight: bold;
	font-size: 16px;
}

.finger
{
	cursor: pointer;
}

.green
{
	color: #8cc63f;
}

.input_box
{
	border: thin solid #8cc63f;
}

.slide_portfolio_detail
{
	position: relative;
	height: 435px;
	overflow: hidden;
}

.slide_portfolio_image
{
	position: relative;
	height: 540px;
	overflow: hidden;
}

/* CONTACT FORM */

.form_box div.field_box { width: 100%; overflow: hidden; margin-bottom: 10px; }
.form_box div.submit_box { width: 100%; overflow: hidden; }
.form_box div.info_box { width: 100%; overflow: hidden; }
.form_box p.label { float: left; width: 100px; line-height: 25px; }
.form_box p.input_area { float: left; width: 250px; }
.form_box p.textarea_box { float: left; width: 250px; }
.form_box p.btn_action { float: right; text-align: right; width: 195px; }
.form_box input.text_box { position: relative; padding: 3px 4px 2px 4px; width: 240px; height: 20px; background: none; border: 1px solid #8cc63f; }
.form_box textarea.text_box { position: relative; padding: 4px; width: 240px; height: 75px; background: none; border: 1px solid #8cc63f; }

.form_box .btn_css
{
	color: #ffffff;
	font: 12px 'CalvertMT', Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0px 20px 0px 20px;
	border: 1px solid rgba(0,0,0,0.1);
	height: 25px;
	background: url("../../images/site/btn_overlay.png") repeat-x center #333333; 
	background-color: #333333;	
	border-bottom: 1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor: pointer;
}

.form_box .btn_css:hover { background-color: #8cc63f; }
.form_box .btn_css:active { position: relative; top: 2px; }