/* ----------------------------------------------------

   AUTHOR           :  	C. Udeogu
   WEBSITE          :   http://www.udeogu.com/
   TEMPLATE NAME    : 	CCMC
   TEMPLATE CODE    : 	cu001
   VERSION          :   1.0
   LAST MODIFIED    :   June 26, 2011

------------------------------------------------------- */
 
/* ----------------------------------------------------
   HTML ELEMENTS
------------------------------------------------------- */

/* top elements */
* { padding: 0; margin: 0; outline: 0; }

body {
	font: 13px/165% 'Comic Sans MS', Verdana, Helvetica, sans-serif;
	color: #666666; 	
	margin: 0 0 10px 0; padding: 0; 
	background: #F6F5F5 url(../images/bg.gif) repeat-x; 
	text-align: center;
}

/* Lists */
ul{
	margin: 10px 5px;
	padding: 0 0 0 10px;
	list-style: disc;
}
ul  .square{ 
	list-style:square;
}



/* Links */
a:link, a:visited { 
	text-decoration: none;
	color: #AE855C;	
}
a:hover {
	border-bottom: 1px dotted #AE855C;	
}

/* ----------------------------
	  LAYOUT
------------------------------- */
#wrapper {
	width:770px;
	margin: 0 auto;
	text-align:left;
}

#header {
	position: relative;
	margin: 0 auto;
	background: url(../images/headerBg.png) repeat-x left bottom;
	height: 291px;
}

/*  navigation  */
#header #nav {
	position: absolute;
	margin: 0; padding: 0;		
	width: 770px;	
	left: 0;	top: 5px;		
}
#header #nav ul {
	float: left;	
	list-style: none;	
	margin: 5px 0 0 0;
	height: 45px;
	padding: 0 0 0 15px;					
}
#header #nav ul li {
	float: left;
	margin: 0; padding: 0 0 0 10px;		
}
#header #nav ul li a {
	float: left;
	margin: 0;
	padding: 0 15px 0 5px;
	color: #666666;
	font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	text-transform: uppercase;	
}
#header #nav ul li a:hover, 
#header #nav ul li a:active {
	border: none;
	color: #111;
	background: transparent;
}
#header #nav ul li#current {
	background: transparent url(../images/left-tab.gif) no-repeat;	
}
#header #nav ul li#current a {	
	color: #444;
	background: transparent url(../images/right-tab.gif) no-repeat right top;	
}

#header #logo-image {
	position: absolute;
	background: url(../images/logo.png) no-repeat;
	width: 200px;
	height: 200px;	
	left: 10px; top: 70px;	
}

#header #logo-text{
	position:absolute;
	width:510px;
	right:10px;
	top:85px;
}

#header #logo-text #name {
	font: bold 14px/40px 'Cooper Black';
	text-transform: uppercase;
	color:#669966;
	text-align:center;
}

#header #logo-text #red{
	color:#FF0000;
	margin:10px;
	text-align:center;
}

#header #logo-text #black{
	margin:10px;
	text-align:center;
}

#header #logo-text #small{
	border-top:solid 1px #669966;
	margin:30px 10px;
}

/* Vision Block */
#vision {
	position:relative;
	
	padding:10px 0px;
	width:770px;
	height:150px;
}

#vision img{
	padding:5px;
	border: solid 1px #669966;
	float:left;
	margin-top:10px;
}

#vision #text{
	width:308px;
	float:right;
	padding:0px 0px 0px 10px ;
}

#vision #text p{
	text-indent:10px;
}

#vision #text h2{
	color:#669966;
	padding-bottom:5px;
	border-bottom:1px solid #669966;
	text-align:center;
}

#content{
	position:relative;
	padding:10px 0px;
	width:770px;
	border-top: 2px solid #669966;

}

#content #leftbar{
	border-right: solid 1px #669966;
	float:left;
	width:431px;
	margin-left:10px;
	padding-right:10px;
}

#content #leftbar p{
	text-indent:10px;
}

#content #leftbar h2{
	color:#669966;
	padding-bottom:5px;
	border-bottom:1px solid #669966;
}

/* form elements */

#content #leftbar form {
	margin: 10px; 
	padding: 15px 25px 25px 20px; 
	border: 1px solid #F0F0F0;
	background: #f8f8f8;
}
#content #leftbar form p {
	border-bottom: 1px solid #E6E6E6;
	padding: 12px 0 5px 0;	margin: 0;	
	color: #669966;
}
#content #leftbar label {
	font-weight: bold;
	color: #669966;
}
#content #leftbar input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #669966;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 	
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
#content #leftbar input:focus, select:focus, textarea:focus {
	color: #7BA857;
	background: #EFFAE6;
}
#content #leftbar #name, #content #leftbar #email, #content #leftbar #message {
	width: 350px;
}
#content #leftbar input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #669966;
	

}

#content #rightbar{
	text-align:center;
	padding-top:10px;
	
}


#content #rightbar img{
	width:220px;
}

#content #rightbar p{
	margin-bottom:7px;
}


/*  footer */
#footer {
	position: relative;
	margin: 10px auto;
	height: 115px;
	padding:5px 10px 0px 10px;
	background: url(../images/footerBg.png) repeat-x left top;
	border-bottom: 15px solid #669966;
}

#footer #left{

}

#footer #right{

}

#footer #slogan{
	position:absolute;
	left:260px;
	text-align:center;
	padding:3px;
	color:#ffffff;
	background:#669966;
	font-weight: bold;
	width:250px;
	margin:5px auto;
}

#footer #copy{
	position:absolute;
	top:115px;
	color:#ffffff;
	left:300px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }
.inline { display:inline;}
.left-margin{ padding-left:40px;}

/* additional classes */
.clear { clear: both; }
.green  { color: #669966; }
.red { color: #FF0000; text-transform: uppercase; }
.uppercase { text-transform: uppercase; }

/*
	background: url(../images/footerBg.png) repeat-x left bottom;
*/