@charset "utf-8";
/* CSS Document */
*{outline:none;}
body{background:url(../Images/bobybg11.png) no-repeat  fixed center top / cover;}

    #wrapper {
    width: 98%;
    max-width: 960px;
    margin: auto;
    padding: 1%;
	
    }
    #main {
    width: 100%;
    float: left; background:url(../Images/background.png)repeat;border-radius:5px;
    }
   
    /* Nav */
     nav {
    float: right;
    margin-top: 0px; margin:20px 20px 0px 0px;
    }
    header nav li {
    display: inline;
    margin-left: 15px;
    }
	header nav li a{
  font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; text-decoration:none; padding:5px 10px 5px 10px;-webkit-transition-duration:0.3s; /*Webkit: Animation duration*/
-moz-transition-duration:0.3s; /*Mozilla duration version*/
-o-transition-duration: 0.3s;
    }header nav li a:hover{color:#D6281D;box-shadow:-1px 1px 10px #333333}
     #maincontent {
    width: 100%;
    float: left;
    }
	.content{margin:20px 0px 0px 0px; background:url(../Images/background.png) repeat; float:left;}
	.left{float:left; margin:0px 0px 0px 0px; width:320px; padding:0px;}
	.left h1{float:left; margin:10px 0px 0px 10px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#DC291E; width:300px;}
	.menu{float:left; margin:10px 0px 10px 0px; width:320px;}
	.menu ul{ float:left; margin:0px 0px 0px 0px; width:320px; display:inline-block; list-style:none;left:0px; right:0px; top:0;}
   .menu ul li {list-style:none;margin:15px 0px 15px -30px; text-align:left; left:0px; right:0px;
    }
	
	.menu ul li a {
    padding: 0px;text-decoration:none; margin:5px 0px 5px 0px; padding:10px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000;-webkit-transition-duration:0.3s; /*Webkit: Animation duration*/
-moz-transition-duration:0.3s; /*Mozilla duration version*/
-o-transition-duration: 0.3s;}
.menu ul li a:hover{color:#D6281D;}
.right{float:right; margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; width:640px;  }
.right h1{float:left; margin:0px 0px 0px 10px;padding:5px 5px 5px 0px; width:600px;font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000;}
.right h2{float:left; margin:0px 0px 0px 10px;padding:5px 5px 5px 0px; width:600px;font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000;}
.right p{float:left; margin:0px 0px 0px 0px;padding:5px 10px 5px 10px; width:617px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:justify;}
.right p img{float:right; margin:0px 0px 0px 10px; padding:0px; width:150px; height:150px; border:5px solid #7B726E;-webkit-transition-duration:0.3s; /*Webkit: Animation duration*/
-moz-transition-duration:0.3s; /*Mozilla duration version*/
-o-transition-duration: 0.3s;}
.right p img:hover{border:5px solid #DC291E;}
.img_gallery{float:left; margin:10px 0px 20px 0px; width:640px;}
.img_gallery div{float:left; margin:0px 10px 30px 10px; width:190px; height:auto;}
.img_gallery img{float:left; margin:0px; width:190px; height:180px;border:5px solid #7B726E;-webkit-transition-duration:0.3s; /*Webkit: Animation duration*/
-moz-transition-duration:0.3s; /*Mozilla duration version*/
-o-transition-duration: 0.3s;}
.img_gallery div:hover img{border:5px solid #DC291E;}
.img_gallery b{float:left; margin:10px 0px 0px 0px; width:180px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; text-align:center;}
.read{float:right; margin:20px 0px 0px 0px; padding:8px 5px 8px 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#7B726E; text-decoration:none; font-weight:bold; border-radius:5px;-webkit-transition-duration:0.3s; /*Webkit: Animation duration*/
-moz-transition-duration:0.3s; /*Mozilla duration version*/
-o-transition-duration: 0.3s;}
.read:hover{color:#fff; background:#DC291E;}


.footer{width: 100%;
    float: left;background:url(../Images/background.png) repeat; border-radius:5px; margin:30px 0px 0px 0px;}
.copyright{float:left; margin:20px 0px 0px 5px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DC291E;}
.footer img{float:right; margin:0px 0px 0px 0px; padding:5px 5px 5px 0px; width:auto;}
.enquiry_form
{
height:495px;
width:420px;
float: left;
margin:10px 0px 20px 0px;
}

.enquiry_form h1
{
height: auto;
width:440px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#747474;
font-size:22px;
font-weight:normal;
font-family: Trebuchet MS;
border-bottom:#CCCCCC 1px solid;
}
.enquiry_form div
{
width:450px;
float: left;
height:auto;
color:#747474;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
margin-left:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
color:#535651;
}
.enquiry_form input:hover
{

}
.txt_box
{
color:#67575F; background:#fff !important;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px; border:1px solid #000;

}
.txt_area
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;background:#fff !important;
margin:0px; border:1px solid #000;
}
.enquiry_form  select 
{
height:23px;
width:330px;
float:right;
color:#67575F;background:#fff !important;
font-family:Trebuchet MS;
font-size:11px; 
font-weight: normal; border:1px solid #000;

}
.enquiry_form textarea 
{
color:#67575F;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px; border:1px solid #000;

}
.enquiry_form textarea:hover
{

}
.enquiry_form select:hover
{
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;background:#fff !important;
color:#747474!important;
font-family: Arial!important;
 border:2px solid #747474;
 font-weight:bold;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;

}

	
    /* Media Queries */
    @media screen and (max-width: 480px) {
    #skipTo {
    display: block;
    }
    header nav, #main, aside {
    float: left;
    clear: left;
    margin: 0 0 10px;
    width:100%;
    }
    header nav li {
    margin:0;
    background:#efefef;
    display: block;
    margin-bottom: 3px;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;
    }
    header nav a {
    display: block;
    padding: 10px;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;
    }


