body {text-align:center; background:url("img/background1.gif"); font:normal 16px/16px "verdana";}

.frame {border-left:1px solid #112244; border-right:1px solid #112244; border-bottom:1px solid #112244; width:750px;  margin:0 auto 0;}
*{margin:0; padding:0;}
#header{ width: 750px; height: 154px;}
/*menu_begin*/
#navcontainer {height:25px; overflow:hidden;}
#navcontainer ul li {list-style-type:none; display:block; float:left; font:11px/24px "verdana"; text-align:center;}
#navcontainer a {color:#99AABB; text-decoration:none; display:block;}
#navcontainer a:hover {background:url("img/menu2a.jpg") repeat-x; color:#ffffff;}
#navcontainer a#cont:hover {background:url("img/menu7a.jpg") repeat-x; color:#ffffff;}
#navcontainer li#active {background:url("img/menu2a.jpg") repeat-x;}
#navcontainer a#current {color:#ffffff; font-weight:bold;}

.index {background:url("img/menu2.jpg"); width:70px; height:25px;}
.about {background:url("img/menu3.jpg"); width:70px; height:25px;}
.portfolio {background:url("img/menu4.jpg"); width:70px; height:25px;}
.comics {background:url("img/menu5.jpg"); width:70px; height:25px;}
.contact {background:url("img/menu7.jpg"); width:78px; height:25px;}
.photos {background:url("img/menu9.jpg"); width:70px; height:25px;}
/*menu_end*/

/*content_definiton_begin*/
#area {width:750px; background:url('img/background3.gif') repeat-y top left;}
#left {width:505px; float:left;}
#right {width:245px; float:right;}

#top {background:#ffffff;}
#bottom {float:left; width:505px;}
#b_area1 {width:253px; float:left; background:url('img/background2.gif') repeat-y top left; display:inline;}
#b_area2 {width:252px; float:left; background:#ffffff; display:inline;}


.tit1 {background:url("img/hp_column1.gif") top left no-repeat; height:31px; padding:0px 0px 15px;}
.tit2 {background:url("img/hp_column3.gif") top left no-repeat; height:32px; padding:0px 0px 15px;}
.tit3 {background:url("img/hp_column4.gif") top left no-repeat; height:32px; padding:0px 0px 15px;}
.tit4 {background:url("img/hp_column2.gif") top left no-repeat; height:31px;}
.title1 {font:16px "verdana"; color:#335588; text-align:left; font-weight:bold; padding:0px 20px 0px;}
.title2 {font:16px "verdana"; color:#BB9955; text-align:left; font-weight:bold; padding:15px 20px 0px;}
.title3 {font:16px "verdana"; color:#666666; text-align:left; font-weight:bold; padding:0px 20px 0px;}
.text1 {font:12px "verdana"; color:#444444; text-align:justify; padding:7px 20px 0px; line-height:18px;}
.text2 {font:11px "verdana"; color:#777777; text-align:justify; padding:7px 20px 0px; line-height:16px;}
.text3 {font:11px "verdana"; color:#333333; text-align:justify; padding:7px 20px 20px; line-height:16px;}
.text4 {font:11px "verdana"; text-align:right; margin-top:-15px; padding:0px 20px 5px;}
/*content_definition_end*/

img {border:0px;}
img.ico {width:48px; height:48px; float:left; margin:5px 10px 0px 0px;}
.copy {clear:both; padding-top:0px; background:url("img/copy.gif"); width:750px; height:22px;}
.copy1 {font:11px "verdana"; color:#557788; text-align:center; padding-top:4px;}
.copy1 a {color:#557788; text-decoration:none; border-bottom:1px dashed #557788;}
.copy1 a:hover {color:#557788; text-decoration:none; border-bottom:0;}

a.news {color:#666666; text-decoration:none;}
a.news:hover {color:#666666; border-bottom:1px dashed #666666;}
a.sec {color:#BB9955; text-decoration:none;}
a.sec:hover {color:#BB9955; border-bottom:1px dashed #BB9955;}

.cleaner{
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 1px; /*needed for ie/win*/ 
	font-size: 1px; /*needed for ie/win*/ 
	visibility: hidden;
	border:0px;
	overflow: hidden;
}

#clearMenu{
	background: #ffffff;
	clear:both ; 
	font-size: 1px;  
	height:2px;
	margin: 0 auto 0;
	width: 752px;
}