body
{ font-family: verdana, arial, helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size : 14px ;
}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

span.small
{
	font-size:12px ;
}
div.mainphoto
{
	padding-left: 200px ; 
	width: 800px ; 
	height:800px;
}
div.gallery {
    float: left;
	 background-color:  #e7e7e7;
	 padding: 0px 4px 4px 0px ;
}
/* div.gallery:hover {
	background-color:red;
}
*/
div.gallery img {
    width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
    
}
a:hover {
   background-color: red;
    color: black;
}
.previous {
    background-color: grey;
    color: white;
    font-weight: bold ;
    font-size: 140%
}
.previous:hover{
	color: yellow ;
}
.next {
    background-color: grey;
    color: white;
    font-weight: bold ;
    font-size: 120%
}
.next:hover{
	color: yellow ;
}
.round {
    border-radius: 50%;
}
table.mainpic{
	background-color: light-grey; 
	width:100%;
}
td.description{
	font-family : Verdana, sans-serif; 
	padding:0px 3px 0px 13px; 
	border: thin grey ridge;
}
table.buttons{
	background-color: #fff; 
	width:110%;
}
 table.menu
 {
     width:100%;
 }
 td.menuitem{

     padding:0px 3px 0px 3px; 
     width:20%; 
     background-color: grey; 
     color: white ;			
     border: thin grey ridge;
 }
 a.menuitem
 {
     background-color: grey; 

     color: white ;			

 }
tr.jobsrow 
{
	border:thick black ridge
}
td.jobscol1
{
	border:thin black ridge; 
	width:30px; 
	padding-left:29px; 
	padding-right: 10px
}
td.jobscol2
{
	border:thin black ridge; 
	width:180px; 
	padding-left:20px;
}

td.jobscol3
{
	border:thin black ridge; 
	width:380px;
	padding-left:20px;
}