/* CSS Document */

body{
	width:760px;
	height:100%;
	font-family:helvetica, arial, san-serif;
	line-height:+1.5;
	font-size:12px;
	color:#666666;
	background-color:#FdFdFd;
	margin:10px 0 0 100px;
	}
	
	#container{/*no bg image*/
	width:703px;
	float:left;
	margin:0 0 0px 0px;
	
	}
	
	#container img{
	border:none;
	}
		

	#container h1{
		font-size:24px;
		font-weight:100;
		}
	#container h2{
		font-size:15px;
				}
				
	#container h2 a:hover{
	color:#007777;
	}
	
				
	#container h3{
		font-size:14px;
		}
	#container h4{
		font-size:13px;
		}
		
	#container h5{
	font-size:12px;
	text-align:right;
	font-weight:600;
	}

	#container h6 a{
	font-size:14px;
	font-weight:200;
	color:#CCCCCC;
	}
	
	#container h6 a:hover{
	text-decoration:none;
	}
	
	#container h7{
	font-size:10px;
	}

/*header__________________________________*/

#pageheader_all{
	width:703px;
	height:153px;
	margin:0;
	padding:0px;
	
	}
	
.header {
	float:left;
	width:703px;
	height:61px;
	margin:0;
	padding:0;
	background:url(../images/pages/header_top.jpg) no-repeat;
	}

/*menubars____________________________*/
.menu {
	float:left;
	width:703px;
	height:92px;
	margin:0;
	padding:0;
	

	}
	
.menu ul {
	float:left;
	width:auto;
	list-style:none;
	margin:0;
	padding:0;
	}
	
.menu li {
	float:left;
	width:auto;
	}
	
.menu .leftside {
	float:left;
	width:47px;
	height:92px;
	margin:0;
	padding:0;
	background:url(../images/pages/menu_leftside.jpg) no-repeat;
	}
.menu .design a {
	float:left;
	width:136px;
	height:92px;
	margin:0;
	padding:0;
	background:url(../images/pages/menu_design_inactive.jpg) no-repeat;
	}
	
.menu .design a:hover {
	background:url(../images/pages/menu_design.jpg) no-repeat;
	}
.menu .multimedia a{
	float:left;
	width:141px;
	height:92px;
	margin:0;
	padding:0;
	background:url(../images/pages/menu_multimedia_inactive.jpg) no-repeat;
	}
	
.menu .multimedia a:hover{
	background:url(../images/pages/menu_multimedia.jpg) no-repeat;
	}
	
	
.menu .art a {
	float:left;
	width:139px;
	height:92px;
	margin:0;
	padding:0;
	background:url(../images/pages/menu_art_inactive.jpg) no-repeat;
	}
	
.menu .art a:hover {
	background:url(../images/pages/menu_art.jpg) no-repeat;
	}
	
.menu .rightside {
	float:left;
	width:240px;
	height:92px;
	margin:0;
	padding:0;
	background:url(../images/pages/menu_rightside.jpg) no-repeat;
	}


/*left column________________________*/

	#container2{
	margin:0;
	width:703px;
	height:100%;
	background-image:url(../images/pages/body.jpg);
	float:left;/*this is essential to make the image continue to the bottom*/
	margin:0px 0 0px 0;
	}
	
	
	
	#container2 dl {
	margin: 10px 10px 0 10px;/*needed*/
	float:left;/*needed*/
	width:182px;/*needed*/
	}
	
	#container2 .wide{
	width:420px;
	margin: 10px 0px 10px 0px;/*needed*/
	height:130px;
	float:left;
	}
	
	#container2 .line{
	width:400px;
	height:10px;
	float:left;
	}
	
	
	#container2 dt{
	margin:0 0 0 0;
	float:right;
	}
	
	#container2 dd{
	margin:0 0 20px 0;
	float:none;
	}
	
	#container2 .right{
	margin-left:280px;
	font-size:9px;
	}
	
	
	
	#leftcol {
	background-image:url(../images/pages/body.jpg);
	background-repeat:repeat-y;
	float:left;
	width:459px;
	height:100%;
	margin:0;
	

			}
			
	#leftcol .contents{
	padding:10px 15px 0 40px;
	height:100%;
	float:left;
	}
			
	#leftcol .bg{
	float:left;
	background-image:url(../images/pages/leftcolbody.jpg);
	background-repeat:no-repeat;
	width:459px;
	margin: 0px 0 0 0;

	}

	
	#leftcol a img{
	border:none;
	}
		
	#leftcol ul {
	list-style-type: none;
	}
	
	#leftcol a{
	color:#336666;
	list-style-type:none;
	text-decoration:none;
	}
	
	#leftcol a:hover {
  	text-decoration : underline;
	}
	
	
	#leftcol img a:hover {
  	text-decoration : none;
	}
	

/*rightside_______________________*/


#rightside{
margin:0px 0 0 459px;

	}


/*right column______________________*/
	
	#rightcol {
	width:244px;
	float:left;
	
	height:100%;
	}
	
	
	
	#rightcol .top{
	float:left;
	background-image:url(../images/pages/rightcoltop.jpg);
	background-repeat:no-repeat;
	width:244px;
	height:269px;
	}
	
	#rightcol .contents{
	float:none;
	text-align:right;
	margin:0 20px 0 0;
	height:100%;

	}
	
	
	#rightcol h6{
		font-size:13px;
		font-weight:800;
		color:#fff;
		}
	
	#rightcol a{
	color:#111111;
	list-style-type:none;
	text-decoration:none;
	}
	
	#rightcol a:hover {
	color:#333333;
  	text-decoration : underline;
}



	
	/*footer___________________________*/
	
#footer {
	background-image:url(../images/pages/footer.jpg);
	background-repeat:no-repeat;
	width:703px;
	height:60px;
	margin:0 0 0px 0px;
	padding:40px 0 0 0 ;
	color:#ffffff;
	text-align:center;
	clear:both;
	font-size:9px;
	}
	
#footer2 {
	width:693px;
	height:30px;
	margin:0;
	text-align:right;
	float:left;
	}