/* Default CSS */
/* Created by Jongkolnee */
@import url(http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700);

/* ----------- Laptop Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}
/* ----------- Tablet Screens ----------- */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}
/* ----------- Mobile Screens ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}
html {
  height: 100%;
}
body {  
  margin:0 auto;
  font-family: 'Vollkorn', serif;
  background-color: #df6104;
  height: 100%;
}

header {
  top:0px;
  background-color: #121212;   
  padding:5px;
  width:100%;
}

#logo {
  margin-left:200px;
  padding-top:5px;
  display:block;
  float:left;
  height:51px;
  width:53px;
}

.wrapper {
	margin:0;
	height: auto;
}

nav {
	margin-left:100px;
	padding-left:400px;
    color:#df6104;
	font-size:18px;
} 
nav ul li{
    display:inline;
	padding-left: 10px; 
} 
nav li{
    display:inline-block;
	list-style:none;
} 
nav a{
    text-decoration: none;
    color:#df6104;
} 
nav a:hover {
    text-decoration: none;
    color:#C0C0C0;
}

.content {
	margin:0 auto;
	min-height: 100%;
	width:1000px;
}

#table {
	margin-top:20px;
	width:490px;
	position:relative; 
    float:left;
}
#sidebox {
	padding:20px;
}
#sidebox img{
	padding:5px;
	border:6px solid #fff;
	border-radius: 100em;
}
.row1 {
	position:relative; 
    float:left;
}
.row1 img{
	width:200px;
	height:200px;
	padding:5px;
	border:4px solid #fff;
	border-radius: 100em;
}
.row2 {
	position:relative; 
    float:left;
}
.row2 img{
	width:200px;
	height:200px;
	padding:5px;
	border:4px solid #fff;
	border-radius: 100em;
}

.boxed {
	width:900px;
	background-color:rgba(255,255,255,0.6);
	padding:10px;
	margin-bottom:15px;
	position:relative;
}

.boxed p{
	padding-left:20px;
	text-decoration: none;
	display:inherit;
}
.boxed img, a{
	text-decoration: none;
	color:black;
}
.boxed a:hover{
	text-decoration: none;
	color:#909090;
}

.about-info {
	width:900px;
	background-color:rgba(255,255,255,0.6);
	padding:20px;
	margin-bottom:15px;
	position:relative;
}
.about-info p{
	text-indent: 50px;
}
.branch {
	padding-left:50px;
	-webkit-columns: 300px 2; /* Chrome, Safari, Opera */
    -moz-columns: 300px 2; /* Firefox */
    columns: 300px 2;
}
.branch img {
	border:4px solid #000000;
	 border-radius: 155px;
	/*border-top-left-radius: 10em;
	border-top-right-radius: 10em;
	border-bottom-left-radius: 10em;
	border-bottom-right-radius: 10em;*/
}

.menu {
	padding-left:50px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	background-color:rgba(255,255,255,0.6);
}
.menu h3 {
	text-decoration: underline;
}
.head-menu{
  display:inline;
  margin-top:10px;
}
.head-menu img{
  margin-right:10px;
  margin-left:50px;
  display:block;
  float:left;
}

.menu-list {
	margin-left:50px;
}

footer {
  margin:0px;
  position:relative;
  float:left;
  background-color:#121212;
  color:#ffffff;
  bottom: 0px;
  width:100%;
}
.footer-info {
    background-color:#121212;
	width:400px;
	float:left;
	padding:20px;
	margin-left:10%;
}
.footer-info ul li{
  list-style-type: none;
  padding: 0px;
  margin-left:-30px;
}
.designer {
	font-size:10px;
	color:#303030;
}