/*
Excalibur Studio
Last update: 24th June 2008 - DB
Written by: Dave Burns @ Excalibur Studio
*/

/* Body Properties Start */

body,td,th {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}


body {
	background-image:url(images/bg.png);
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
}

a:link, a:visited {
	color:#ff5a00;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}

/* Body Properties End */



/* Containers Start */

#wrapper {
	width:950px;
	margin-top:0px;
}

#menu_container {
	width:247px;
	float:right;
}

#header_container {
	width:950px;
	height:158px;
	float:left;
	background-image:url(images/header_bg.png);
}

#content_container {
	width:690px;
	float:left;
	margin-left:10px;
	margin-bottom:50px;
}
#content_container_new {
	width:690px;
	margin-left:10px;
	margin-bottom:50px;
}


/* Containers End */



/* Header Elements Start*/

.header_logo {
	width:295px;
	height:158px;
	float:left;
	background-image:url(images/header_logo.png);
}

.header_topnav {
	width:210px;
	height:42px;
	float:right;
	background-image:url(images/header_topnav_bg.png);
}

.header_topnav a:link, .header_topnav a:visited {
	font-size:12px;
	padding-top:21px;
	float:left;
	margin-left:4px;
	margin-right:4px;
	color:#9c9a9a;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

.header_topnav a:hover, .header_topnav a:active {
	font-size:12px;
	color:#fff;
	float:left;
	background-image:url(images/header_topnav_rl.png);
}

.header_topnav_sep {
	width:5px;
	height:42px;
	background-image:url(images/header_topnav_sep.png);
	float:left;
}

.header_topnav_left {
	width:12px;
	height:42px;
	float:left;
	background-image:url(images/header_topnav_left.png);
}

.header_topnav_right {
	width:12px;
	height:42px;
	float:right;
	background-image:url(images/header_topnav_right.png);
}

.header_details_co {
	height:80px;
	width:550px;
	float:right;
}

.header_details {
	width:200px;
	height:80px;
	float:right;
	background-image:url(images/header_details.png);
}

.header_botnav {
	width:579px;
	height:36px;
	float:right;
	background-image:url(images/header_botnav_bg.png);
	text-align:center;
}

.header_botnav a:link, .header_botnav a:visited {
	font-size:12px;
	float:left;
	margin-left:4px;
	margin-right:4px;
	color:#000;
	text-decoration:none;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
}

.header_botnav a:hover, .header_botnav a:active {
	background-image:url(images/header_botnav_rl.png);
	color:#ffc837;
	height:28px;
}

.header_botnav_left {
	width:9px;
	height:36px;
	float:left;
	background-image:url(images/header_botnav_left.png);
}

.header_botnav_sep {
	width:7px;
	height:36px;
	background-image:url(images/header_botnav_sep.png);
	float:left;
}

.header_botnav_right {
	width:9px;
	height:36px;
	float:right;
	background-image:url(images/header_botnav_right.png);
}

/* Header Elements End */



/* Footer Elements Start */

.footer {
	height:48px;
	background-image:url(images/footer_bg.png);
	width:100%;
}

.footer_text_left {
	width:42px;
	height:48px;
	background-image:url(images/footer_text_left.png);
	float:left;
}

.footer_text_right {
	width:42px;
	height:48px;
	background-image:url(images/footer_text_right.png);
	float:right;
}

.footer_text {
	width:600px;
	height:48px;
	background-image:url(images/footer_text_bg.png);
	font-size:12px;
}

.footer_links {
	text-align:center;
}

/* Footer Elements End */



/* Menu Elements Start */

.menu_call {
	width:241px;
	float:right;
	background-color:#fff;
	color:#7c7c7c;
	margin-top:7px;
	border: 3px solid #cbcbcb;	
	font-size:12px;
}

.menu_call_header {
	width:239px;
	margin-left:1px;
	margin-top:1px;
	background-image:url(images/menu_call_header.png);
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.menu {
	width:241px;
	float:right;
	background-color:#fff;
	color:#7c7c7c;
	margin-top:7px;
	border: 3px solid #cbcbcb;	
}

.menu ul {
	width:241px;
	float:left;
	text-align:left;
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.menu li {
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	padding:5px;
	
}

.menu a:link, .menu a:visited {
	color:#a9a9a9;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #eee9e9;
	padding:5px;
}

.menu a:hover, .menu a:active {
	color:#ff7805;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #c5bdbd;
	text-decoration:none;
}

.menu_form_input {
	width:120px;
	height:19px;
	border: 1px solid #adb9c2;
	background-image:url(images/form_bg.png);
}

/* Menu Elements End */



/* Content Elements Start */

.content {
	text-align:left;
	float:left;
	width:680px;
	text-align:justify;
}

.content_header {
	font-size:50pt;
	color:#d3cfd3;
	font-weight:bold;
	float:left;
	margin-top:10px;
}

.content_subheader {
	font-size:20pt;
	color:#000;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
}

/* Content Elements End */







/* Content Pages */

.logo {
	width:503px;
	height:245px;
	float:left;
	background-image:url(images/logo.png);
}

.top_nav {
	
	height:48px;
	float:right;
	background-image:url(images/top_nav_bg.png);
}

.top_nav_left {
	width:14px;
	height:48px;
	background-image:url(images/top_nav_left.png);
	float:right;
}

.top_nav_right {
	width:12px;
	height:48px;
	background-image:url(images/top_nav_right.png);
	float:right;
}

.top_nav_link a:link, .top_nav_link a:visited{
	height:20px;
	padding-top:28px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	color:#9c9a9a;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	background-image:url(images/top_nav_bg.png);
}


.top_nav_link a:hover, .top_nav_link a:active {
	color:#ffffff;
	background-image:url(images/top_nav_rl.png);
}

.logo_contact {
	width:296px;
	height:143px;
	float:left;
	background-image:url(images/logo_contact.png);
}

.logo_form_container {
	width:296px;
	height:129px;
	float:left;
	background-image:url(images/logo_form.png);

}

.logo_form{
	width:238px;
	height:105px;
	float:left;
	padding-left:2px;
	margin-left:24px;
	margin-top:7px;
}

.logo_form_title {
	width:240px;
	height:21px;
	font-weight:bold;
	color:#ffffff;
	margin-top:5px;
	float:left;
}



.breadcrumb {
	height:20px;
	float:left;
	color:#6a6b6c;
	font-weight:bold;
	text-align:left;
	padding-top:9px;
}

.header_left {
	width:504px;
	height:320px;
	float:left;
}

.header_right {
	width:296px;
	height:320px;
	float:left;
}

.logo_menu {
	width:504px;
	height:46px;
	float:left;
}

.button_graphics a:link, .button_graphics a:visited {
	background-image:url(images/button_graphics.png);
	width:174px;
	float:left;
	height:46px;
}

.button_graphics a:hover, .button_graphics a:active {
	background-image:url(images/button_graphics_rl.png);
}

.button_web a:link, .button_web a:visited {
	background-image:url(images/button_web.png);
	width:144px;
	float:left;
	height:46px;
}

.button_web a:hover, .button_web a:active {
	background-image:url(images/button_web_rl.png);
}

.button_online a:link, .button_online a:visited {
	background-image:url(images/button_online.png);
	width:186px;
	float:left;
	height:46px;
}

.button_online a:hover, .button_online a:active {
	background-image:url(images/button_online_rl.png);
}

.clear {
	clear:both;
}



/*************** PORTFOLIO CSS START ***************/

.portfolio {
	float:left;
	width:679px;
	height:250px;
	background-image:url(images/portfolio/portfolio_bg.png);
}

.portfolio_title {
	width:414px;
	height:35px;
	float:left;
}

.portfolio_bullets {
	width:257px;
	height:142px;
	float:left;
	color:#ff9b24;
}

.portfolio_bullets ul {
	margin:0px;
	padding:0px;
	padding-left:26px;
	padding-top:12px;
}

.white {
	color:#fff;
}

.portfolio_buttons {
	width:414px;
	height:63px;
	float:left;
	background-image:url(images/portfolio/portfolio_buttons.png);
}

.portfolio_thumbs {
	width:157px;
	height:72px;
	float:left;
	padding-top:91px;
}

.portfolio_thumbs a{
	border: 2px solid #d3cfd3;
	float:right;
	margin-left:8px;
}

.portfolio_thumbs a:hover {
	border: 2px solid #ff9b24;
}

.portfolio_screenshot {
	width:265px;
	height:250px;
	float:right;
}

.portfolio_visit a{
	width:178px;
	height:37px;
	float:left;
	margin-top:10px;
	margin-left:16px;
}

.portfolio_quote a{
	width:178px;
	height:37px;
	float:left;
	margin-top:10px;
	margin-left:4px
}

/*************** PORTFOLIO CSS END ***************/