/* CSS Document */
/* David Mach CSS */
/* Created by Paul Smail */
/* Sunsol - 06/10/05 */


/* Main Page Elements */
/* ------------------ */
body{
	font-size:small;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	}
	
.float_right{
	float:right;
	}
	
.float_right_clear{
	float:right;
	clear:both;
	}
	
.float_left{
	float:left;
	}
	
.clear_float{
	clear:both;
	}

/* Wrapper Elements */
/* ---------------- */	
#main_wrapper{
	width:764px;
	margin:0 auto;
	padding:0;
	}
	
#main_wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #main_wrapper {
	height: 1%;
}

#wrapper{
	width:764px;
	border:2px solid #FFF;
	margin:0 auto;
	padding:0;
	}
	
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #wrapper {
	height: 1%;
}

.introImage{
	width:600px;
	margin:0 auto;
	}
	
.introImage:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .introImage {
	height: 1%;
}

#content_wrapper{
	width:764;
	margin: 0 auto;
	padding:0;
	}
	
#content_wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #content_wrapper {
	height: 1%;
}

#container_right{
	width:585px;
	float:right;
	margin:20px 0 0 0;
	}
	
#container_right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #container_right {
	height: 1%;
}

#container_left{
	width:160px;
	float:left;
	margin:20px 0 0 0;
	}
	
#container_left:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #container_left {
	height: 1%;
}

#main_content{
	width:585px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	}
	
#main_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #main_content {
	height: 1%;
}

.home_column{
	width:49%;
	padding:0;
	margin:0;
	}
	
.home_column:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .home_column {
	height: 1%;
}

.animation{
	/*width:585px;*/
	margin:0;
	padding:0;
	}
	
object{
	margin:0;
	padding:0;
	}

/* Main textual elements */
/* --------------------- */	
p{
	margin:5px 10px 10px 10px;
	color:#FFFFFF;
	text-align:left;
	line-height:1.2em;
}
	
h1, h2, h3, h4{
	font-weight:bold;
	color:#FFFFFF;
	}
	
h5{
	font-weight:bold;
	color:#9E1317;
	font-size:small;
	margin-left:10px;
	}

h1{
	font-size:medium;
	}
	
h2{
	font-size:small;
	}
	
h3{
	font-size:small;
	color:#5E73CA;
	}

a:link, a:visited{
	color:#FFF;
	/*color:#5E73CA;*/
	text-decoration:underline;
	}
	
a:hover, a:active{
	/*color:#FFF;*/
	color:#5E73CA;
	text-decoration:underline;
	}
	
.sunsol{
	width:764px;
	margin:0 auto;
	padding:0;
	font-size:x-small;
	}
	
	.sunsol a{
		color:#F77B31;
	}

/* Image / style elements */
/* ---------------------- */
#banner{
	width:764px;
	height:96px;
	background-color:#000;
	margin:0;
	padding:0;
	}

.white_box{
	border: 1px solid #FFF;
	padding:5px;
	margin:0 5px 10px 10px;
	width:195px;
	}
	
.portfolio_box{
	border: 1px solid #FFF;
	padding:5px;
	margin:10px 10px 10px 5px;
	width:258px;
	}
	
.portfolio_box_2{
	padding:5px;
	margin:10px 10px 0 5px;
	width:258px;
	}
	
.home_box{
	border: 1px solid #FFF;
	padding:5px;
	margin:5px;
	width:270px;
	/*clear:both;*/
	}
	
* html .home_box{
	width:265px;
	}
	
.home_box2{
	border: 1px solid #666666;
	padding:5px;
	margin:5px;
	width:270px;
	/*clear:both;*/
	}
	
* html .home_box2{
	width:265px;
	}
	
.home_box_small{
	border: 1px solid #FFF;
	padding:5px;
	margin:10px 0 10px 5px;
	width:124px;
	}
	
.home_box_small2{
	border: 1px solid #666666;
	padding:5px;
	margin:10px 0 10px 5px;
	width:124px;
	}
	
img{
	padding:5px;
}

.bkg_home{
	background-image:url(../images/hook_bkg.jpg);
	background-repeat:no-repeat;
	}
	
.bkg_portfolio{
	background-image:url(../images/match_bkg.jpg);
	background-repeat:no-repeat;
	}
	
.bkg_portfolio2{
	background-image:url(../images/match_bkg2.jpg);
	background-repeat:no-repeat;
	}
	
.bkg_current{
	background-image:url(../images/bear_bkg.jpg);
	background-repeat:no-repeat;
	}
	
.bkg_proposal{
	background-image:url(../images/fire_bkg.jpg);
	background-repeat:no-repeat;
	}
	
.bkg_proposal2{
	background-image:url(../images/fire_bkg2.jpg);
	background-repeat:no-repeat;
	}
	
.bkg_gallery{
	background-image:url(../images/domino_bkg.jpg);
	background-repeat:no-repeat;
	}
	
/* Side Menu */
/* --------- */
#menu{
	width:140px;
	float:left;
	margin:70px 10px 10px 10px;
	font-weight:bold;
	clear:both;
	}
	
*html #menu{
	margin:60px 10px 10px 5px;
	}
	
#menu p{
	text-align:left;
	}

#menu a:link, #menu a:visited{
	color:#000000;
	text-decoration:none;
	font-size:small;
	display:list-item;
	margin:0 10px 0 12px;
}

#menu a:hover, #menu a:active{
	color:#9E1317;
	font-size:small;
	display:list-item;
	margin:0 10px 0 12px;
}

.trans {
  width: 100%;
  border: 2px solid #000;
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
  }
  
.light {
  background: #FFF;
  color: #FFF;
}

#register{
	width:135px;
	float:left;
	margin:10px;
	font-weight:bold;
	color:#000;
	padding:5px 0 0 5px;
	clear:both;
	}
	
*html #register{
	margin:10px 10px 10px 5px;
	}
/* Main Navigation */
/* --------------- */
.nav_top{
	border-bottom:1px solid #FFF;
	}
	
.nav_bottom{
	border-top:1px solid #FFF;
	clear:both;
	background-color:#000000;
	background-image:url(../images/mach_sig.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
	
#nav ul{
	margin: 0;
	padding:0 0 5px 0;
}
	
#nav li{
	display:inline;
	list-style-type:none;
	font-size: small;
	padding:0 50px 0 0;
}
	
#nav li a:link, #nav li a:visited{
	color:#FFF;
	text-decoration:none;
	}
	
#nav li a:hover, #nav li a:active, #nav li.on{
	color:#9E1317;
	text-decoration:none;
	}
	
#nav li.on a:link, #nav li.on a:visited{
	color:#9E1317;
	text-decoration:none;
	}

#nav li.on a:hover, #nav li.on a:active{
	color:#9E1317;
	text-decoration:underline;
	}

/* Breadcrumbs */
/* ----------- */
/*#breadcrumbs ul{
	margin:10px 0 0 0;
	padding-top:5px;
	}

#breadcrumbs li{
	display:inline;
	list-style-type:none;
	font-size: small;
	padding:0 5px 0 0;
}

#breadcrumbs li a:link, #breadcrumbs li a:visited{
	color:#5E73CA;
	text-decoration:underline;
	}
	
#breadcrumbs li a:hover, #breadcrumbs li a:active{
	color:#FFF;
	text-decoration:underline;
	}*/
	
#breadcrumbs{
	margin:10px 0 0 0;
	padding:0;
	}

#breadcrumbs a:link, #breadcrumbs a:visited{
	color:#5E73CA;
	text-decoration:underline;
	}
	
#breadcrumbs a:hover, #breadcrumbs a:active{
	color:#FFF;
	text-decoration:underline;
	}	
	
/* Form Elements */
/* ------------- */
.form{
	margin:10px 10px 0 0;
	}
	
input{
	font-size:x-small;
	vertical-align:bottom;
	background-color:#000;
	border:1px solid #FFF;
	color:#FFF;
	}
	
legend{
	font-size:small;
	font-weight:bold;
	color:#fff;
	}

fieldset{
	border:1px #9E1317 solid;
	width:90%;
	padding-left:10px;
	}

.red{
	color:red;
}

#enqForm th{
	text-align:left;
	font-size:small;
	vertical-align:top;
	font-weight:normal;
}

#enqForm th.tableBold{
	font-size:small;
	background-color:#9E1317;
	padding-left:4px;
	color:#fff;
	font-weight:normal
	}

#enqForm td{
	font-size:small;
	padding-left:4px;
	font-weight:normal;
}

/* ---------- Other Elements ---------- */

.clear{
	clear:both;
	padding-left:20px;
	}
	
.pageNum{
	position:absolute;
	left: 8px;
	top: 40px;
	width: 300px;
	height: 20px;
	z-index: 1;
	}
	
* html .pageNum{
	left: 14px;
	top: 28px;
	width: 300px;
	height: 20px;
	z-index: 1;
	}
	
.title{
	visibility:hidden;
	}