.clearboth { clear: both; }

h4 { font-size: 10px; color: #c0c0c0;}


body{ background: #000000}

#wrap{width: 800px;
margin: auto;


}

#header{height: 110px;}

        	
#header-content {	
	margin: 0 auto;
        padding: 0px ;
        border-bottom: 1px solid #c0c0c0;
        

}		

#header img{
padding: 0px 0px 10px 35px;
}


/*----------------------------------*/
/*NAVIGATION BAR                    */

div#menu{
width: 800px;
padding: 0px;
margin: auto;

}


#menu ul{
dislay: block;
font:  bold 15px Lucida Sans;
line-height: 0px;
padding: 0px 5px 0px 0px;
font-size: extra-small;

text-align: right;



}

#menu ul li
{
text-align: center;
margin: 0 0.25em;
list-style-type: none;
display: inline;



}

#menu ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding: 3px;
text-decoration: none;
color: #666666;
}


#menu ul li a:hover
{
transparent url(images/list-on.gif) left center no-repeat;
text-decoration: none;
color: #56288E ;
}

#menu ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #56288E;
text-decoration: none;
}




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

/*MAIN CONTENT                           */
 



#main {
	
	width: 800px;	
	margin: 0;
	height: auto;
	

        
}

#main-content{
          width: 800px;
          margin: 20px 5px 10px 20px;
          padding: 0px;
	
	  
          
}





ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 800px;margin:70px auto 0;text-align:center}
ul#about li{float:left;width: 150px; height:100px;
    padding: 20px 10px 20px 20px;margin:0px 8px 0px 3px;}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
li#ab3{background: #F60}
li#ab4{background: #39F}

/*FOOTER                */


#footer {
	width: 800px;
	margin: 20px 0px 0px 0px; 
          border-top: 1px solid #c0c0c0;

text-align: center;       	
}












http://sevadaphotography.com/niftyCorners.css

/*Nifty Corners Cube CSS by Alessandro Fulciniti

The following classes are added dinamically by javascript,

and their use should be avoided in the markup */



b.niftycorners,b.niftyfill{display:block}

b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;

    overflow:hidden;border-style:solid;border-width: 0 1px}

/*normal*/

b.r1{margin: 0 3px;border-width: 0 2px}

b.r2{margin: 0 2px}

b.r3{margin: 0 1px}

b.r4{height: 2px}

b.rb1{margin: 0 8px;border-width:0 2px}

b.rb2{margin: 0 6px;border-width:0 2px}

b.rb3{margin: 0 5px}

b.rb4{margin: 0 4px}

b.rb5{margin: 0 3px}

b.rb6{margin: 0 2px}

b.rb7{margin: 0 1px;height:2px}

b.rb8{margin: 0;height:2px}

b.rs1{margin: 0 1px}

/*transparent inside*/

b.t1{border-width: 0 5px}

b.t2{border-width: 0 3px}

b.t3{border-width: 0 2px}

b.t4{height: 2px}

b.tb1{border-width: 0 10px}

b.tb2{border-width: 0 8px}

b.tb3{border-width: 0 6px}

b.tb4{border-width: 0 5px}

b.tb5{border-width: 0 4px}

b.tb6{border-width: 0 3px}

b.tb7{border-width: 0 2px;height:2px}

b.tb8{border-width: 0 1px;height:2px}

b.ts1{border-width: 0 2px}

/*Contact form*/
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin: 10px 0px 0px 0px;
width:400px;
padding:14px;

float: right;

}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #56288E;
background: #transparent;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#FFFFFF;
margin-bottom:20px;
border-bottom:solid 1px #c0c0c0;
padding-bottom:10px;
}
#stylized label{
color: #56288E;
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color: #FFFFFF;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #c0c0c0;
width:200px;
margin:2px 0 20px 10px;
}

#stylized input2{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #c0c0c0;
width:200px;
height: 50px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#56288E url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#ffffff;
font-size:11px;
font-weight:bold;
}
/* Gallery Styles */

#motioncontainer {
margin: 30px 0 0 0;  
width: 100%; /* Set to gallery width, in px or percentage */
height: 310px; /* Set to gallery height */
	         
}

#motioncontainer img {

border: 5px solid #ffffff; /* Set image border color */
			     
}

#motioncontainer a:hover img {
border: 5px solid #ffffff; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


/* End Gallery Styles */