/* CSS Document */

 html,body{
 
   }


BODY {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
    }
	
a {
	color: #922d46;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}
	
#border {
	width: 798px;
	height:auto;
	padding-top:16px;
	padding-right:16px;
	margin-left:auto;
	margin-right:auto;
	}
	
#topSection {
	clear:both;
	height:90px;
	
}
	
	
#logo {
    float:left;
	margin-top:28px;
	margin-left:58px;
}

#call {
	float:right;
	margin-right:28px;
	margin-top:28px;

}

/* Navigation */

#nav {
	width:500px;
	float:right;
	}

ul#navlist {
        background-image:url("images/navBG.gif"/*tpa=http://www.trilogyam.com.au/images/navBG.gif*/);
		background-repeat:no-repeat;
		margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
		float:right;
		
		
}

ul#navlist li {
        float: left;
        font-family: arial;
        font-size: 12px;
        margin: 0;
        padding: 34px 0 4px 0;
        
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 34px 16px 4px 12px;
        color: #5e5e5e;
        background-image:url("images/navBG.gif"/*tpa=http://www.trilogyam.com.au/images/navBG.gif*/);
		background-repeat:no-repeat;
        text-decoration: none;
}


ul#navlist li#active {
        color: #c9e0e4;
       
}

#navlist a:hover {
        color: #FFF;
        background-color: #3da0ac;
}


-->

/* banner area */

#flashMain {
	margin-top:10px;

}

#banner {
	margin-top:10px;
	width:798px;
	height:208px;
	background-image:url("images/bannerBG.gif"/*tpa=http://www.trilogyam.com.au/images/bannerBG.gif*/);
	background-repeat:no-repeat;
}

.bannerImage {
	float:right;
	padding-right:14px;
}

.bannerHeading {
	float:left;
	font-size:24px;
	color:#FFF;
	width:406px;
	margin-left:14px;
	margin-top:100px;
	text-align:center;

}

/* left column */

#leftColumn {
	padding-left:18px;
	margin-top:34px;
	width:490px;
	float:left;
}

#columnInternal {
	padding-left:18px;
	width:775px;
	float:left;
}

.written {
	margin-top:20px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.thanks {
	margin-top:20px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	height:300px;
}


.moreButton {
	clear:both;
	float:right;
	margin-top:26px;
	padding-right:15px;
}

.image {
	border:1px solid #333;
	float:right;
	clear:both;
	margin-left:15px;
	margin-bottom:15px;
}

/* right column */

#rightColumn {
	float:left;
	margin: 30px 0 0 17px;
	width:260px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #d0c8c8;
}

#rightColumnInternal {
	float:left;
	margin: 20px 0 0 50px;
	width:160px;
	padding: 0 0 20px 0;
}

#rightColumn .title {

}

#rightColumn .description {
	margin-top:20px;
	font-size:11px;
	color:#666;
	padding-left:18px;

}

#rightColumn #navContainer {
    clear:both;
	width:260px;
	margin-top:10px;
	background:none;
	border:none;
	
}

#rightColumn UL.navItem {
	padding-bottom: 0px;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	list-style-type:none;
	border:none;
	float:left;
	
}

#rightColumn UL.navItem LI {
	padding-right: 0px; 
	padding-left: 0px; 
	clear:both;
	padding-bottom: 0px; 
	margin-bottom: 10px; 
	padding-top: 0px; 
	background-image:url("images/arrow.gif"/*tpa=http://www.trilogyam.com.au/images/arrow.gif*/); 
	background-repeat:no-repeat;
	white-space: nowrap; 
	text-decoration: none;
	border:none;

	
}

#rightColumn UL.navItem LI A {
	padding-left: 20px; 
	font-size: 11px;
	color: #9b171b; 
	text-decoration: none;
	
}

#rightColumn UL.navItem LI A:hover {
    color: #000; 
	text-decoration: none
}

.quote {
	font-size:18px;
	color:#666;
	line-height:20px;
}

.redhighlight {
	color:#922d46;
}

.quote2 {
	font-size:14px;
	color:#008292;
	font-weight:bold;
	line-height:24px;
}

.h1 {
	font-size:15px;
	color:#922d46;
	font-weight:bold;
}

.map {
border:1px solid #999;
margin-left:20px;
margin-top:20px;
}

/* sub navigation */

#subNav {
	width:175px;
	margin-top:12px;
	background:none;
	border:none;
	float:left;
	padding-right:20px;
}

#subNav UL.navItem {
	padding-bottom: 0px;
	padding: 0 0 0 0;
	list-style-type:none;
	border:none;
	float:left;
	width:100%;
	
}

#subNav UL.navItem LI {
	padding-right: 0px; 
	padding-left: 0px; 
	clear:both;
	padding-bottom: 10px; 
	padding-top: 10px; 
	background-image:url("images/arrow2.gif"/*tpa=http://www.trilogyam.com.au/images/arrow2.gif*/); 
	background-repeat:no-repeat;
	white-space: nowrap; 
	text-decoration: none;
	border-top:1px solid #d0c8c8;
	border-right:none;
	width:100%;
	
}

#subNav UL.navItem LI A {
	padding-left: 20px; 
	font-size: 11px;
	color: #9b171b; 
	text-decoration: none;
	
}

#subNav UL.navItem LI A:hover {
    color: #000; 
	text-decoration: none
}

/* clients */

.clients td {
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px dotted #999;
	color:#008292;
	font-weight:bold;
	font-size:14px;
}


/* gallery */

.thumb {
	border: 1px solid #000;
	padding:1px;
}

/* staff */

.staffImage {
	border:1px solid #666;
	margin-right:32px;
}

.staff {
	text-align:justify;
}

/* footer */

#footer {
	float:left;
	clear:both;
	background-image:url("images/footerBG.gif"/*tpa=http://www.trilogyam.com.au/images/footerBG.gif*/);
	background-repeat:no-repeat;
	width:100%;
	margin-top:25px;
	margin-bottom:10px;
	height:23px;
	font-size:11px;
	color:#999;
}

#footerleft {
    float:left;
	padding-top:25px;
}

#footerright {
    float:right;
	padding-top:25px;
}

#menu {
	position:absolute;
	top:0px;
	left:0;
	width:800px;
	z-index:10000;
	}
	
	
/* contact us */

.form_heading {margin:50px 0 15px 0; font-size:20px;}
.personal_info p{margin:-5px 0;}
.personal_info label{width:42px; margin:0.5em 0.3em 0.4em 0; vertical-align:middle; display:block; float:left; }
.personal_info input{width:200px;}
.additional_info{margin:0 0 0 0px;}
.additional_info p{margin:20px 0 5px 0px;}
.additional_info input{margin:4px 4px 0 0px}
.message {width:100%; margin: 2px 0 0 0;  height:200px; font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif;}
.send_btn {width:100px; height:27px;}
.comments{padding:10px 0 0 0; zoom:1;}