body {
	background-color:#23234F;
	height:100%;
	 }
 
/* include the following generic code =============================================== */
*
{
	padding:0;
	margin:0;
}	

html {
     overflow: -moz-scrollbars-vertical;
}

 .clear {
 clear:both;
 }
 		
.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.center
{
	text-align:center;
}

img 
{
	border: 0;
}


p
{
line-height:21px;
}

hr
{
	color: #90FC73;
	height: 2px;
	width: 100%;
}

input	, textarea, select	
{
	margin-top:5px;
	font: 11px verdana, arial, sans-serif;
	padding:0px;
	margin-bottom:20px;
	width:202px;
	color:#666;
	background: #ffffff;
}

textarea.wide
{
	width:400px;
}

.sidebar ul
{
	padding-left:15px;
	margin-left:15px;
}

.li {
line-height:19px;
margin:0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
text-align:left;
}

.li2 {
line-height:19px;
margin:0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
text-align:left;
}



/* headers ============================== */

h1
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
}

h2
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-weight:bold;
	
}

h3 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:21px;
	text-align:right;
}


/* Begin Content Areas   =============================================== */

#wrapper
{
	width:768px;	
	margin:0 auto;
	text-align: left;
}

#title
{
 float:inherit;
 width: 768px;
 height: 125px;
 background-image: url(../_graphics/cb_title.jpg);
}

#header {
 float:inherit;
 width: 768px;
 height: 230px;
 background-image: url(../_graphics/cb_header.jpg);
 background-repeat:no-repeat;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size:10px;
 }
 
   .header_title{
 padding-top: 64px;
 float:left;
 padding-left:22px;
 }
 
  #navigation{
 padding-top: 40px;
 float:right;
 padding-right:100px;
 }
 
  #navigation a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#ffffff;
  text-decoration:none;
  line-height:27px;
	}
	
#navigation a:hover
{ 
	color:#90FC75;
} 
 
 
 
 html>body #home
{
  width:768px;
}

 #home {
 float:inherit;
 width: 768px;
 height: 660px;
 background-image:url(../_graphics/cb_home_bg.jpg);
 background-repeat:repeat-y;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
 text-align: justify;
 padding-bottom:20px;
 }
 

 #home a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#666666;
	}
	
#home a:hover
{ 
	color:#CCCCCC;
} 

 #about {
 float:inherit;
 width: 768px;
 height: 700px;
 background-image:url(../_graphics/cb_home_bg.jpg);
 background-repeat:repeat-y;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
 text-align: justify;
 padding-bottom:20px;
 }
 
  #about a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#666666;
	}
	
#about a:hover
{ 
	color:#CCCCCC;
} 

#client {
 float:inherit;
 width: 768px;
 height: 1460px;
 background-image:url(../_graphics/cb_home_bg.jpg);
 background-repeat:repeat-y;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
 text-align: justify;
 padding-bottom:20px;
 }
 
  #client a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#666666;
	}
	
#client a:hover
{ 
	color:#CCCCCC;
} 

 #design {
 float:inherit;
 width: 768px;
 height: 820px;
 background-image:url(../_graphics/cb_home_bg.jpg);
 background-repeat:repeat-y;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
 text-align: justify;
 padding-bottom:20px;
 }
 

 #design a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#666666;
	}
	
#design a:hover
{ 
	color:#CCCCCC;
} 
 
.home_left
{
	float:left;
	width:470px;
	margin-top:10px;
	margin-left:10px;
	padding:20px;
}


.photo_left
{
	float:left;
	width:700px;
	margin-top:10px;
	margin-left:10px;
	padding:20px;
}


#home_right
{
	float:right;
	width:242px;
	height:540px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	background-image:url(../_graphics/cb_home_rightbg.jpg);
	background-repeat:no-repeat;
}

#contact_right
{
	float:right;
	width:242px;
	height:540px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	background-image:url(../_graphics/cb_contact_rightbg.jpg);
	background-repeat:no-repeat;
}

#photography_right
{
	float:right;
	width:242px;
	height:540px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	background-image:url(../_graphics/cb_photography_rightbg.jpg);
	background-repeat:no-repeat;
}

 #photography_right a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#666666;
  float:left;
	}
	
#photography_right a:hover
{ 
	color:#FFFFFF;
} 

 #home_right a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#666666;
  float:right;
	}
	
#home_right a:hover
{ 
	color:#FFFFFF;
} 

.home_right_innner

{
	 width:200px;
	 margin-left: 10px;
	 margin-top: 30px;

}



/* Begin Footer   =============================================== */

#footer
{
 width: 768px;
 height: 147px;
   font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  background-image:url(../_graphics/cb_footer.jpg);
  background-repeat:repeat;
  }
  
.footer_left
 {
  float:left;
  width:240px;
  padding-left:15px;
  padding-top:5px;
 }
  
.footer_center
 {
  float:left;
  width:120px;
  padding-left:10px;
  text-align:center;
   padding-top:5px;
}
  
.footer_right{
  float:right;
  width:360px;
  padding-right:15px;
  text-align:right;
   padding-top:5px;
}
  
/* End Footer   =============================================== */