/* CSS Document */

/*the things is. If you design medium it will just center on a big screen, but if you design big it will always move on a medium screen*/
* {
margin:0pt;
padding:0pt;
}

body{
background:#D62D00;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

#page {
	width: 850px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	padding: 0px;
	background-color: #D62D00;
	
} 

#header{
margin-top:-15px;
margin-left:0px;
padding-top:0px;
width:850px;
height:114px;
background-image:url(graphics/header.jpg);
background-repeat:no-repeat;
}

#navi {
margin-left:0px;
width:850px;
height:41px;
background-color:#631C06;
margin-top:0px;
	
}

 #navi ul {
 padding-top:10px;
 padding-right:0px;
 padding-left:0px;
 margin-left:0px;
 text-align: center;
 list-style:none;
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
 font-weight:bold;

 

 } 
 
 #navi ul a{
	 font-weight:bolder;
	 color:#f98200;
	 text-decoration:none;
	
	  } 
 
 #navi ul a:hover{
	 font-weight:bolder;
	 color:#f98200;
	  } 
	  
 #navi ul a:active{
	 text-decoration:none; 

  }   
	   
#navi li {
  margin: 15px;
  display:inline;
  color:#f98200; 
} 
 
.box {
	border-left: 5px 5solid #8B947C;
	background-color: #FFCC33;
	padding: 5px 5px 5px 10px;
	font-size: 11px;
	line-height: 20px;
	

} 
.box a {
	 color:#D62D00;
} 

 
#maincontainers01{
margin-top:25px;
margin-left:0px;
width:807px;
background-color:#FFFFFF;
border:2px solid #FFCC33;
float:left;
padding:0 20px;



}

#leftcolumn01 .fordele ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size:9;
	
}

#leftcolumn01 .fordele li {
	background: url("graphics/bullets.gif") no-repeat 2px 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-right:5px;

}
#leftcolumn01 .fordele h5{
color:#d62d00;
font-size:12px;
margin-left:15px;
margin-top:15px;

}
#leftcolumn01{

margin-top:20px;
margin-bottom:20px;
width:171px;
/*border:1px solid #D4D4D4;*/
float:left;
background-color:#FFFFFF;
}
#leftcolumn01 .first{
width:153px;
height:219px;
background-repeat:no-repeat;
margin-left:9px;
margin-top:10px;
}


#leftcolumn01 .image02{

width:157px;
height:37px;
background-repeat:no-repeat;
margin-left:7px;
margin-top:70px;
}

A:visited {color:#FFFFFF}

#leftcolumn01 .image042{

width:159px;
height:194px;
background-repeat:no-repeat;
margin-left:7px;
margin-top:0px;
}
#leftcolumn01 p{
margin-left:20px;
margin-right:5px;
}
#middlecontainer{
width:417px;
background-color:#FFFFFF;
/*border:1px solid #D4D4D4;*/
margin-left:20px;
margin-top: 20px;
margin-bottom:20px;
float:left;

}
#middlecontainer .info {
	
	width: 300px;
	margin-left:32px;
	margin-top:10px;
	padding:10px;

}

#middlecontainer .info img{
border: 1px solid #EDEDED;
padding: 3px;}

#middlecontainer .news a {
color:  #FF6600;
text-decoration:none;
font-size:12px;
}

#middlecontainer .info a {
color: #FF6600;
text-decoration:none;
font-size:12px;
font:bold;
}

.box {
background-color:#EFFFD3;
border-left:5px solid #8B947C;
font-size:11px;
line-height:20px;
padding:5px 5px 5px 10px;
margin-left:32px;
margin-top:20px;
margin-right:25px;
}
.fordele_link {
background:#F1F1F1 none repeat scroll 0%;
border-color:#CCCCCC;
border-style:solid none;
border-width:1px 0pt;
font-size:12px;
line-height:16px;
padding:4px 10px;
text-align:center;
margin-left:32px;
margin-right:25px;

}
h2{
color:#ED7A4D;
font-size:44px;

}
h5{
font-size:16px;
color:#5C5F64;
padding-top:5px;
padding-left:15px;
}

h4{
color:#FF3399;
font-size:12px;}

h6{
color:#FF6600;
font-size:16px;}


#middlecontainer .arunimage{
width:287px;
height:176px;
background-image:url(arunimage.gif);
background-repeat:no-repeat;
margin-left:60px;
margin-top:85px;
}
#middlecontainer .contact{
width:250px;
height:90px;
margin-left:35px;
margin-top:30px;
}
#middlecontainer h3{
margin-left:20px;
margin-top:20px;
}
#middlecontainer h5{
margin-left:35px;
margin-top:15px;
}
#middlecontainer .contact p{
padding-left:12px;
color:#000000;
font-size:12px;
font-weight:bold;
}
#middlecontainer .contact a, a:active{
color:#D62D00;
}
#middlecontainer .contact a:hover{
text-decoration:none}


#middlecontainer .readmore a, a:active{
color:#D62D00;

}
#middlecontainer .readmore a:hover{
text-decoration:none}


#middlecontainer .content{
width:291px;
height:193px;
background-image:url87(content.gif);
background-repeat:no-repeat;
margin-top:-110px;
}
#middlecontainerform{
margin-left:50px;
margin-top:10px;
}
#rightcolumn01{
margin-top: 20px;
margin-left:20px;
margin-bottom:20px;
width:171px;
/*border:1px solid #D4D4D4;*/
float:right;
background-color:#FFFFFF;
}

#rightcolumn01 h5{
color:#d62d00;
font-size:12px;
margin-left:5px;
}

#rightcolumn01 .first{
margin-top:14px;
margin-left:10px;
width:148px;
background:#FFFFFF;

}
#rightcolumn01 .first p{
margin-left:15px;

}

#rightcolumn01 .line{
background:url(line.gif);
background-repeat:no-repeat;
}
#rightcolumn01 .second{
margin-top:30px;
margin-left:40px;
width:84px;
height:103px;
background:#FFFFFF;

}
#rightcolumn01 .last{
margin-top:10px;
margin-left:40px;
margin-bottom:20px;
width:84px;
height:115px;
background:#FFFFFF;

}

#rightcolumn01 .friends{
	margin-top:10px;
	margin-left:0px;
	margin-bottom:20px;
	color:#d62d00;
	
}

#rightcolumn01 .friends ul{
list-style-type: none;
	padding: 0;
	margin: 0;
	font-size:9;
	
}


#rightcolumn01 .friends a{
	text-decoration:none;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:20px;
	color:#d62d00;
	font-weight:bold;
}

#rightcolumn01 .friends li{
background: url("graphics/bullets.gif") no-repeat 2px 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-right:5px;
}

#rightcolumn01 .friends h5{
color:#d62d00;
font-size:12px;
margin-left:15px;
margin-top:15px;
}

#rightcolumn01 .friends a:hover{
	text-decoration:underline;
	
}
#rightcolumn01 .friends p{
	margin-top:10px;
	margin-left:0px;
	margin-bottom:20px;
	color:#d62d00;
	
}
h3{
font-size:22px;
color:#2D7E21;
padding-left:25px;
}

p{
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
}


.pizza {
	font-size: 12px;
	color: #066;
}
.about {
	font-weight: bold;
}