/* **********************************************************************************

Table of Contents:

	1.  BASIC FORMATTING
	2.  TOP BAR CONTENT
	3.  TOP NAVIGATION
	4.  MAIN CONTAINER
	5.  LEFT COLUMN FORMATTING
	6.  PORTFOLIO FORMATTING
	7.  RIGHT COLUMN FORMATTING
	8.  FOOTER FORMATTING
	9.  NEWS CALENDAR FORMATTING
	10. RIGHT NAV FORMATTING
		
Color Scheme:
	
	#ffffff -- White
	#ffffff	-- Body Background
	#FCB131 -- Paragraph
	#FCB131 -- Orange

/* ********************************************************************************** */


/* ---------------------------- 1. BASIC FORMATTING --------------------------------- */

body {
	background-color: #fff;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.clear{
clear: left;
}

img{
border:none;
}

.imgleft{
float:left;
border: 1px solid #ccc;
padding: 4px;
margin-right: 10px
}

a{
color: #333333;
text-decoration: none;
}

a:hover{
color: #fcb131;
text-decoration: underline;
}

.orange {
color:#FCB131;
font-weight:bold;
text-decoration: none;
}

.dottedline {
background-image:  url(../img/dotted_line.gif);
background-repeat: repeat-x;
background-position: left;
height:25px;
width:545px;
}

.img_borderright {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-left: 7px;
margin-top: 4px;
margin-right: 10px;
}

/* ---------------------------- 2. BASIC FORMATTING --------------------------------- */

#topblack {
background-image:  url(../img/top_back_green.png);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 0px;
height: 130px;
width: auto;
}

#blackbar {
height: 100px;
width: 765px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-repeat: repeat-x;
background-position: right top;
}

#etiq a{
margin: 0px;
padding: 0px;
height: 100px;
width: 765px;
font-family:sans-serif, arial;
font-size:65px;
font-style:oblique;
font-weight:bold;
color: #ff8c00;
}

#etiq a:hover {
text-decoration:none;
}

#etiq span {
font-family:sans-serif,arial;
font-size: 65px;
font-style:oblique;
font-weight:bold;
color: #000;
}

#etiq li{
display:inline;
font-size: 30px;
font-style:oblique;
color: #080808;
}

#etiq ul{
display:inline;
font-size: 16px;
font-weight:bold;
color: #ff8c00;
}

#logo h1{
margin: 0px;
padding: 0px;
background-image:  url(../img/comel_banner.png);
background-repeat: no-repeat;
height: 150px;
width: 765px;
}

#logo h1 span{ 
display:none;
}

#logo h1 a {
display: block;
margin: 0px;
padding: 0px;
height: 150px;
width: 765px;
}

/* ---------------------------- 3. TOP NAVIGATION --------------------------------- */

#topnav{
width: 765px;
height: 20px;
font-family: Arial, "Small Fonts", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 18px;
text-align: center;
background-color: #669933;
margin-top:6px;
}
#topnav a {
display: block;
float:left;
width: 74px;
height: 20px;
background-color: #669933;
color: #669933;
text-decoration: none;
margin: 0px 0px 0px 1px;
}

#topnav a:hover {
display: block;
float:left;
width: 74px;
height: 20px;
background-color: #333333;
color: #333333;
text-decoration: none;
margin: 0px 0px 0px 1px;
}

#topnav a.home{
width: 74px;
margin: 0px 0px 0px 0px;
}

#topnav a.home:hover{
width: 74px;
margin: 0px 0px 0px 0px;
}

#topnav a.on {
background-color: #FCB131 !important;
color: #000 !important;
width: 74px;
}

#topnav span {
text-align: center;
}

#topnav ul {
display: inline;
padding: 0px; 
margin: 0px;
}

#topnav ul li {
display: inline;
list-style-type: none;
padding: 0px; 
margin: 0px;
}



/* ---------------------------- 4. MAIN CONTAINER --------------------------------- */

#maincontainer{
height: auto;
width: 765px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-repeat: no-repeat;
background-position: right top;
}

#maincontainer h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FCB131;
font-size: 22px;
font-weight: bold;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
	
body > #maincontainer h1 {
font-family: "Trebuchet MS", verdana, Arial, sans-serif;
color: #FCB131;
font-size: 22px;
font-weight: bold;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

#bottom {
background-image:  url(../img/bottom_bg_green.gif);
background-repeat: repeat-x;
background-color: #669933;
margin: 0px;
height: auto;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 45px;
padding-left: 0px;
}

.maincontent {
width: 765px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
}

/* ---------------------------- 5. LEFT COLUMN FORMATTING --------------------------------- */

#leftcontent {
	float: left;
	width: 545px;
	padding: 5px;
	margin: 0px;
}

#leftcontent p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
font-weight: normal;
line-height:18px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
	
#leftcontent h2{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
font-size: 18px;
font-weight: normal;
line-height:18px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
	
/* ---------------------------- 6. PORTFOLIO FORMATTING --------------------------------- */
	
#folio_preview {
padding-top:8px;
padding-left:4px;
}
	
.folio_bg {
float:left;
background-image: url(../img/folio_bg.gif);
width:76px;
height:64px;
text-align:center;
padding-top:12px;
margin-bottom:5px;
}
	
.folio_bg img {
width: 53px; 
height: 53px; 
border: 0px; 
}
	
.leftbot {
float: left;
width: 565px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: center;
vertical-align: top;
}

/* ---------------------------- 7. RIGHT COLUMN FORMATTING --------------------------------- */

#rightcontent {
float: left;
margin: 0px;
padding: 0px;
margin-left:10px;
float: left;
width: 190px;
background-color: #fff;	
}

#rightcontent p {
font-family: Arial, Helvetica, sans-serif;
color: #919191;
font-size: 10px;
font-weight: normal;
line-height:15px;
padding: 10px;
}	

#rightcontenttop {
background-image:  url(../images/latest_news.gif);
float: right;
margin: 0px;
padding: 0px;
float: left;
width: 200px;
background-color: #ccc;	
}

#rightcontentbot {
background-image:  url(../images/rightbot.jpg);
float: right;
margin: 0px;
padding: 0px;
float: left;
width: 200px;
background-color: #ccc;	
}

#rightcontentheader{
font-family: Arial, Helvetica, sans-serif;
color: #919191;
font-size: 14px;
font-weight: bold;
padding: 7px;
}

.rightcont img {
clear: right;
float: right;
padding-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
}

.rightbottom {
margin: 0px;
padding: 0px;
float: left;
width: 765px;
}

/* ---------------------------- 8. FOOTER FORMATTING --------------------------------- */

.footertext{
float: left;
width: auto;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #B9B9B9;
background-color: inherit;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.footertext a {
margin: 0px;
padding: 0px;
}

.copyright {
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #666;
width: auto;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-color: inherit;
text-align: right;
}

.xhtml {
float: left;
}

.xhtml a {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FCB131;
background-color: inherit;
text-decoration: none;
}

.xhtml a:hover {
color: #ccc;
background-color: inherit;
}

/* ---------------------------- 9. NEWS CALENDAR FORMATTING --------------------------------- */

div.newsinfo {
display: block;
float: left;
text-align:center;
width: 68px;
height: 97px;
background:  url(../img/date.jpg) no-repeat top left;
margin-left:0; 
margin-right:5px; 
margin-top:0; 
margin-bottom:0px
}

div.newsinfo span {
display: block;
text-align: center;
}

div.newsinfo span.day {
font-size: 35px;
line-height: 30px;
color: #FCB131;
margin-top:5px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

div.newsinfo span.month {
margin-top: 2px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin-bottom:0px;
line-height: 16px;
color: #333;
}

div.newsinfo span.year {   
font-size: 12px;
text-transform: uppercase;
line-height: 10px;
font-weight: bold;
padding-top:3px;
color: #333;
}

/* ---------------------------- 10. RIGHT NAV FORMATTING --------------------------------- */

.rightnavtop {
height: 20px;
margin-top: 0px;
padding: 3px 5px 0px 7px;
background-color: #E4E4E4;
border-left: 0px solid #139BFE;
display: block;
color: #333;
background-image:  url(../images/down.gif);
background-repeat: no-repeat;
background-position: right;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.rightnav {
margin: 0px 0 0px 0;
padding: 0px;
border: 0px;
background-color: #FFF;
font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.rightnav ul {
/* border-top: 1px solid #FFF;*/
margin: 0px;
padding: 0px;
list-style-type: none;
}

.rightnav li {
border-bottom: 1px solid #EFEFEF;
border-left: 0px solid #CCC;
border-right: 0px solid #CCC;
margin-left: 8px;
padding: 0px 0 0px 0;
height: auto;
line-height: 1.4em;
display: block;
}

.rightnav ul li a {
height: auto;
margin: 0px;
padding: 3px 5px 2px 7px;
text-decoration: none;
background-position: right;
background-repeat: no-repeat;
display: block;
color: #333;
}

.rightnav ul li a:hover {
height: auto;
margin: 0px;
padding: 3px 5px 2px 7px;
background-color: #F4F4F4;
border: 0px;
display: block;
color: #333;
text-decoration:none;
}

#rightactive {
height: 25px;
margin: 0px;
padding: 5px 5px 0px 7px;
background-color: #E4E4E4;
border: 0px;
display: block;
color: #000;
}

#clientlist ul{
font-family: Tahoma, "Small Fonts", Arial, Helvetica, sans-serif;
font-size: 9px;
list-style-type:none;
margin: 0px;
padding: 0px;
}

#clientlist ul li {
font-family: Tahoma, "Small Fonts", Arial, Helvetica, sans-serif;
font-size: 9px;
list-style-type:none;
margin: 0px;
padding: 0px;
width: 103px;
float:left;
color: #aba6a2;
}