/* GENERAL ELEMENTS */


html {
 min-height: 100%;
 height: auto;
}

BODY {
 text-align: center;
 font-family: Helvetica,Tahoma,Arial,sans-serif;
 font-size: 11px;
 color: #626262;

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

 margin: 0px auto;
 text-align: center;
}

IMG, A {
  border: 0px;
}

A { color: #b0d23a; text-decoration: none; }
A:hover { text-decoration: none; color: #4da7d7; }

H2 { font-size: 16px; }


.clear {
 clear:both;
}

#container {
 width: 900px;
 text-align: center;
 margin: 0px auto;
 margin-top: 20px;
 height: auto;

}

/* HEADER */

#headerContainer {
 width: 900px;
 height: 100px;
 text-align: left;
}

#logo {
 padding-left: 60px;
 width: 280px;
 height: 100px;
 float:left;
}

/* HEADER - MENU ELEMENTS */

#menu { 
 width: 560px;
 height: 100px;
 float:left;
}

#menu ul {
 padding: 78px 60px 0px 0px;
 margin: 0px;
}

#menu li {
 font-size: 12px;
 font-weight: bold;
 color: #515151;
 float: right;
 display: inline;
 padding-left: 30px;
}

.clicked {
 color: #4da7d7;
}

#menu a {
 font-weight: bold;
}

/* FOOTER  */

#footer {
 position: relative;
 width: 900px;
 height: 110px;
 background: url(images/periszkop_footer_bg.png) top no-repeat;
}


/* C O N T E N T S */

/* HOME */ 

#intro {
 width: 900px;
 height: 268px;
 background:  url(images/periszkop_header_bg.png) center top no-repeat;
}

#introBoxHolder {
 width: 900px;
 height: 180px; 
 margin: 0px auto;
 text-align: center;
 padding-top: 84px;
}

#introbox1 {
 padding-left: 60px;
 list-style: none;
 font-size: 16px;
 font-weight: bold;
 line-height: 20px;
 text-align: left;
 color: #d0eaf1;
 width: 200px;
 margin-right: 48px;
 float: left;
}

.introbox {
 color: #fff;
 float: left;
 width: 130px;
 padding-top: -5px;
 margin-right: 65px;
 display: inline;
 text-align: left;	 
}

/* CONTENT */

#contentHolder {
 width: 900px; 
 background: url(images/periszkop_content_bg.png) repeat-y;
 text-align: center; 
 margin: 0px auto;
}

#mainContent {
 width: 824px;
 background: #fff;
 text-align: center;
 margin: 0px auto;
}

#contentTextHolder {
 width: 404px;
 float: left;
 margin-left: 10px;
}

#contentTextHolder2 {
 width: 450px;
 float: left;
 margin-left: 20px;
 text-align: left;
}
/* BOXES*/
#boxesHolder {
 width: 400px; 
 float:left;
 text-align: left;
}

#boxesHolder2 {
 width: 330px; 
 float:left;
 text-align: left;
 padding-top: 15px;
}

#boxesHolder3 {
 width: 300px; 
 float:left;
 text-align: left;
 margin-left: 30px;
}


#boxUL {
 margin: 0px;
 padding: 0px;
 list-style-position: outside;
 list-style-type: none;
 display: inline;
}

#boxUL LI {
 padding: 0px;
 margin: 0px;
}


#boxUL li a {
 width: 300px;
 height: 100px;
 display: block;
 text-decoration: none;
 color: #696969;
 padding-left: 100px;
 padding-top:0px;
 padding-bottom:10px;
}


#boxUL H2 {
 margin-bottom: 3px;
 color: #696969;
}

.boxC H2 {
 margin-top: 12px;
 margin-bottom: 3px;
 _margin: 20px;
 color: #696969;
}


.boxC {
 /* border-left: #eee 1px solid; */
 /*padding: 20px 10px 14px 20px;*/
 width: 380px; 
 text-align:left; 
 padding-left: 10px;
}

.boxC2 {
 /* border-left: #eee 1px solid; */
 /*padding: 20px 10px 14px 20px;*/
 width: 400px; 
 text-align:left; 
 padding-left: 0px;
 font-size: 12px;
}

.boxC P {
 padding: 0px;
 margin-bottom: 10px;
 margin-top: 5px;
}



a#boxlink1 {   
  background: #fff url(images/index_box1_off.png) 0px 10px no-repeat;
}

a#boxlink1:hover { 
  background: #fff url(images/index_box1_on.png) 0px 10px no-repeat;
}


a#boxlink2 { 
  background: #fff url(images/index_box2_off.png) 0px no-repeat;
}

a#boxlink2:hover { 
  background: #fff url(images/index_box2_on.png) 0px no-repeat;
 }

a#boxlink3 { 
  background: #fff url(images/index_box3_off.png) 0px no-repeat;
}

a#boxlink3:hover { 
  background: #fff url(images/index_box3_on.png) 0px no-repeat;
}

.bold {
	color: #b9d55a;
	font-weight: bold;
}

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

#contentHead {
 width:900px;
 height: 47px;
 background: url(images/periszkop_header_blank.png) center top no-repeat;
}

#contentMain1 {
 float: left;
 text-align:left; 
 margin-left: 20px;
 margin-right: 20px;
 width:780px; 
 padding-bottom: 40px;
 font-size: 12px;
}

h1 {
 color: #4da7d7;
 font-size: 20px;
}


#boxServUL {
 margin: 0px;
 padding: 0px;
 list-style-position: outside;
 list-style-type: none;
 display: inline;
}

#boxServUL LI {
 padding: 0px;
 margin: 0px;
}


#boxServUL li a {
 width: 300px;
 height: 20px;
 display: block;
 text-decoration: none;
 color: #696969;
 padding-left: 30px;
 padding-top:10px;
 padding-bottom:5px;
 border-bottom: #ccc 1px solid;
}


#boxServUL li a:hover {
 background-color: #f3fbc3;
}