img, div { behavior: url(iepngfix.htc) }
p {font-size:16px;}
a img {border: 0px; text-decoration:none;}


body  {
	font: 100% Helvetica, Arial, sans-serif  normal bold;
	
	background: #181818 url(../images/background.jpg) repeat-y center top;
	margin-top: 0px; 
	padding: 0;
	text-align: center; 
	color:#FFFFFF;
	text-decoration:none;
}

.body_c #container { 
	position: relative; 
	width: 922px;  
	height: 622px;
	background:url(../images/sample1.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0px solid #FFFFFF;
} 



.body_c #sidebar1 {
	position: absolute;
	top: 60px;
	left: 80px;
	margin:0px;
	width: 922px;
	padding: 0px 20px 20px 0px; /* padding keeps the content of the div away from the edges */
	border: 0px solid #00FF00;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.body_c .sidebar_class {

margin: 130px 10px 0px -140px;
width: 305px;
border: 0px #FF00FF solid;}

.body_c .sidebar_class p
{
font-size:14px;
text-align:left;
}
.body_c .sidebar_class a
{
font-size:14px;
text-align:left;
text-decoration: none;
}


.body_c #sidebar2 {
	position: absolute;
	top: 0;
	right: 0;
	margin:0;

	border: 0px solid #FF0000;
	padding-top:100px;
	width: 300px;
	
}

.body_c .img_roller{ 
position:absolute;
right:0;
margin:0px 1px 0px 0px;
padding:0px 0px 0px 0px;
border: 1px #00FF33 solid; 
}
.body_c #mainContent { 
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border: 0px solid #FFFFFF;
}
.body_c #online
{
	position: relative; 
	width: 922px;  
	font: 100% Helvetica, Arial, sans-serif  normal bold;
	padding-top:10px;
	padding-bottom:10px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #99CC00;
	text-align: left;
	
}
.body_c #scontainer
{
	position: relative;
	background-color:#FFFFFF;
	width: 922px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:justify; /* this overrides the text-align: center on the body element. */
	border: 1px solid #FFFFFF;
	

}
.body_c #scontainer p
{
	color:#000000;
	font-size:12px;
	padding:10px 20px 0px 20px;
}
.body_c #about
	{
	background-image:url(../images/about.png);
	
	height: 21px;
	width: 108px;
	border: 0px solid #FF9966;
	position: absolute;
	top: 10px;
	left: 20px;
	
	}
.body_c #spot
	{
	background-image:url(../images/spot.png);
	
	height: 310px;
	width: 303px;
	border: 0px solid #FF9966;
	position: absolute;
	bottom: 0;
	right: 0;
	}
.body_c #clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.body_c #footer {
 
	position: relative; 
	width: 922px;
	
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
	font-size:12px;
	
	
}

/*--------------------------------------------------------------*/

.body_c #mainContent #photography {
margin-left:145px;

}
.body_c #nav-menu1 ul
{
width:260px;
list-style: none;
padding: 20px 0px 0px 0px;
margin: 0px;
border: 0px solid #FFFFFF;
} 

.body_c #nav-menu1 li
{
color:#FFFFFF;
margin: 0px  0px -1px 0px;
padding: 0px;
} 

.body_c #nav-menu1 li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;


} 
a.sp {
color:#b0d232;
}


.body_c #f_main {
margin: 0px 337px;
border: 0px solid #000000;
}
.body_c #f_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	border: 0px solid #000000;
	text-align: right;

}
.body_c #f_right {
	position: absolute;
	top: 0px;
	right: 0;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border: 0px solid #000000;
}
/*------------------MENU2----------------------*/
.body_c #nav-menu2 ul
{
list-style: none;
padding: 0px;
margin: 0px;

} 

.body_c #nav-menu2 li
{
color:#FFFFFF;
margin: 0px  0px -3px 0px;
padding: 0px;
} 

.body_c #nav-menu2 li a
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;


} 
/*-----------------------MENU3-----------------------*/
.body_c #photo_menu{
position: absolute;
top: 0px;
right: 0px;
color:#000000;
width: 529px;
height: 435px;
background: #FFFFFF url(../images/photo_right.jpg)  no-repeat right  top;

}
.body_c #nav_menu3 {

}
.body_c #nav-menu3 ul
{

width:260px;
list-style: none;
padding: 150px 0px 0px 20px;
margin: 0px;
border: 0px solid #FFFFFF;
} 

.body_c #nav-menu3 li
{

margin: 0px  0px -1px 0px;
padding: 0px;
} 

.body_c #nav-menu3 li a
{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;


} 
/* -----------------WEB ------------------------*/
.body_c #container_web { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 435px;
	background:url(../images/web_bkg60.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0px solid #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
} 

.body_c #sidebar1_web {
	position: absolute;
	top: 0;
	left: 0;
	margin:0px;
	width: 240px; 
	padding: 15px 10px 20px 85px; 
	border: 0px solid #00FF00;
	
}
.body_c #sidebar2_web {
	position: absolute;
	top: 0;
	right: 0;
	width: 280px; 
	padding: 30px 10px 15px 10px; 
	border: 0px solid #FF0000;
	
}
.body_c #mainContent_web { 
	margin: 0 350px; 
	padding: 17px 10px 0px 25px; 
	border: 0px solid #FFFFFF;
	
}
.body_c #mainContent_web p{
font-size:14px;
font-weight:bold;}
.body_c #sidebar1_web p{
font-size:14px;
font-weight:bold;}

/*----------------CANVAS------------------------*/
.body_c #container_can { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 435px;
	background:url(../images/can_bkg60.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0px solid #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
} 

.body_c #sidebar1_can {
	position: absolute;
	top: 0;
	left: 0;
	margin:0px;
	width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 
	padding: 5px 0px 20px 35px; /* padding keeps the content of the div away from the edges */
	border: 0px solid #00FF00;
	font-size:11px;
}
.body_c #sidebar2_can {
	position: absolute;
	top: 0;
	right: 0;
	height: 435px;
	width: 311px;
	background:url(../images/canv_right60.jpg) no-repeat;
	padding: 0px 0px 0px 0px; 
	border: 0px solid #FF0000;
	
}
.body_c #mainContent_can { 
	margin: 0px 385px; 
	padding: 30px 0px 0px 0px; 
	height: 383px;
	width: 341px;
	background:url(../images/canvas60.png) no-repeat bottom;
	bottom:0;
	border: 0px solid #FFFFFF;
	
}
/*----------------CONTACT------------------------*/
.body_c #container_con { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 435px;
	background:url(../images/con_bkg60.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0px solid #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
} 

.body_c #sidebar1_con {
	position: absolute;
	top: 0;
	left: 0;
	margin:0px;
	width: 350px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 0px 20px 35px; /* padding keeps the content of the div away from the edges */
	border: 0px solid #00FF00;
	font-size:11px;
}
.body_c #sidebar2_con {
	position: absolute;
	top: 0;
	right: 0;
	height: 435px;
	width: 311px;
	background:url(../images/canv_right60.jpg) no-repeat;
	padding: 0px 0px 0px 0px; 
	border: 0px solid #FF0000;
	
}
.body_c #mainContent_ccon { 
	margin: 0px 385px; 
	padding: 30px 0px 0px 0px; 
	height: 383px;
	width: 341px;
	background:url(../images/canvas60.png) no-repeat bottom;
	bottom:0;
	border: 0px solid #FFFFFF;
	
}
/*----------------WALLPAPER------------------------*/
.body_c #container_wal { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 435px;
	background:url(../images/wal_bkg60.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0px solid #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
} 

.body_c #sidebar1_wal {
	position: absolute;
	top: 0;
	left: 0;
	margin:0px;
	width: 390px; 
	padding: 35px 0px 20px 35px; /* padding keeps the content of the div away from the edges */
	border: 0px solid #00FF00;
	text-align:justify;
	
}
.body_c #sidebar2_wal {
	position: absolute;
	top: 0px;
	right: 0;
	padding: 20px 20px 0px 20px;
	border: 0px solid #FF0000;
	height: 413px;
	
}
.body_c #sidebar2_wal img {
padding: 20px 10px 10px 0px;
}
.body_c #mainContent_wal { 
	margin: 0px 370px; 
	padding: 30px 0px 0px 0px; 
	
	bottom:0;
	border: 0px solid #FFFFFF;
	
}
.body_c #mainContent_wal img {
padding: 15px 0px 0px 120px;
}
/*----------------PRINT------------------------*/
.body_c #container_print { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 435px;
	background:url(../images/print_bkg60.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0px solid #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
} 

.body_c #sidebar1_print {
	position: absolute;
	top: 0;
	left: 0;
	margin:0px;
	width: 230px; 
	padding: 15px 10px 20px 70px; 
	border: 0px solid #00FF00;
	
	
}
.body_c .print {
position:absolute;
width:210px;

}
.body_c #sidebar2_print {

	position: absolute;
	top: 0px;
	right: 0;
	width:400px;
	padding: 20px 20px 0px 20px;
	border: 0px solid #FF0000;
	
	
}
.body_c #sidebar2_print a img {border: 0px #FF0033 solid;}




.body_c #sidebar2_info {
position:absolute;
width:400px;
border:0px #00FF33 solid;

}
.body_c #sidebar2_print img {
right:0;
padding-left:40px;

}
.body_c #mainContent_print { 
font-size:11px;
	margin: 0px 320px; 
	padding: 15px 140px 0px 0px; 
	bottom:0;
	border: 0px solid #FFFFFF;
	
}
/*------------------CONTACT---------------------*/


#contact-area {
	font-size: 80.5%;
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	width: 445px;
	margin-top: 45px;
	border: 0px #FF6633 solid;
	margin:40px 0px 0px 70px;
	padding: 0px 0px 0px 20px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
	
	overflow:auto;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #ccff00;
}

#contact-area input.submit-button {
	margin-right:40px;
	width: 60px;
	height:20px;
	float: right;
	font-size: 1.2em;
	padding:0px;
	font-weight:bold;
	
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 80px;
	padding-top: 5px;
	font-size: 1.4em;
}