@charset "UTF-8";
/* CSS Document */

body {
	background-color:white;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#header {
	position:fixed;
	top:0;
	width:100%;
	background-color:#3a322d;
	/*background-color: rgba(57,24,0,0.85);*/
	height:50px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

#header .logolinks {
	width:850px;
	margin:0 auto;
	margin-top:5px;
}

#header h1 {
	font-weight: normal;
	font-size:1.7em;
	float:left;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	text-transform: lowercase;
}

#header h1 a {
	text-decoration:none;
	color:white;
}


.logolinks ul{
	float:right;
}

.logolinks ul li {
	list-style-type:none;
	float:left;
	padding:3px 20px 0 0;
	font-size:1.1em;
	font-weight:normal;
	color:#f9e8cb;
}

.logolinks ul li a:link,
.logolinks ul li a:visited{
	color:#f9e8cb;
	text-decoration:none;
	font-weight:normal;
}

.logolinks ul li a:hover,
.logolinks ul li a.current{
	color:#a1703b;
	text-decoration:none;
}

#container {
	margin:0 auto;
	margin-top:50px;
	width:800px;
	height:589px;
	background-image:url(images/texturebg.png);
	background-position:top left;
	background-repeat:no-repeat;
}


/*homepage codes*/

#container.home {
	margin:0 auto;
	margin-top:70px;
	width:800px;
	height:604px;
	background-image:url(images/texturebgHome.png);
	background-position:top left;
	background-repeat:no-repeat;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}


.home .wdesign {
	position:absolute;
	margin:86px 0 0 490px;
	width:190px;
}

.wdesign p {
	padding:10px;
	margin: 100px 0px 0 66px;
}

#container.home .gdesign {
	position:absolute;
	margin:245px 0 0 90px;
}

.gdesign p {
	margin: 25px 0px 0 -70px;
}

#container.home .illustration {
	position:absolute;
	margin:357px 0 0 600px;
}

.illustration p {
	margin: 25px 0px 0 -70px;
}

.gdesign div, .wdesign div, .illustration div {
	float:left;
	border:4px solid #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 2px 2px 5px #999999;
	-webkit-box-shadow: 2px 2px 5px #999999;
	box-shadow: 2px 2px 5px #999999;
	width:100px;
	height:100px;
	overflow: hidden;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;

}

.gdesign div:hover, .wdesign div:hover, .illustration div:hover {
	border:4px solid #cecece;

}


.gdesign a:link, .wdesign a:link, .illustration a:link,
.gdesign a:visited, .wdesign a:visited, .illustration a:visited {
	font-size:18px;
	color:#c15238;
	text-decoration:none;
}

.gdesign a:hover, .wdesign a:hover, .illustration a:hover {
	color:#92351f;
	text-decoration:none;
}

/*end homepage codes*/


/*inner codes*/
h1 {
	color:#5F5646;
	font-size:29px;
	font-weight:normal;
	padding: 30px 0 0 185px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

#content {
	margin-left:230px;
	width:530px;
	padding-left:60px;
	color:#552b02;
	display:block;
	overflow: hidden;
}

#content img {
	border:none;
	margin:0 20px 20px 10px;
	-moz-box-shadow: 2px 2px 5px #999999;
	-webkit-box-shadow: 2px 2px 5px #999999;
	box-shadow: 2px 2px 5px #999999;
	
}

#content .item {
	width:150px;
	margin: 0 20px 20px 0;
	float:left;
	font-size:.7em;
	font-style:italic;
	color:#666;
	/*background-image:url(images/webdesign/externallinkIcon.png);
	background-position:bottom right;
	background-repeat:no-repeat;*/
	padding-bottom:20px;
}

#content p {
	margin-right:60px;
	font-size:.95em;
	line-height:130%;
}

#content a:link,
#content a:visited,
#footer a:link,
#footer a:visited {
	color: #c15238;
	text-decoration:none;
}
	

#footer {
	text-align:right;
	font-size:.8em;
	width:800px;
	margin:0 auto;
	color:#d0bfa2;
}

div#preload {
	display: none; 
}

@media screen and (max-width: 640px) {
	
  #container,
  #container.home,
  #header.logolinks,
  #footer {
    width: 100%;
	background-image:none;
	background-color:#ffffff;
	height:auto;
  }
  
  #container,
    #container.home {
	clear:both;
	position:absolute;
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	background-image:url(images/texturebgMobile.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-height: 589px;
  }
  
  
  body #header {
	position:relative;
	top:0;
	margin:0 auto;
	width:100%;
	background-image:none;
	height:70px;
}

body #header .logolinks {
	margin:0 auto;
	padding-top:0;
	text-align:center;
	width:auto;
}

#header h1 {
	padding-top:0;
	text-align: center;
	margin:0 auto;
	float:none;
	clear:both;
}

.logolinks .menu {
	margin:0 auto;
	display:block;
	width:100%;
	text-align:center;
	float:none;
}

.logolinks ul{
	width:95%;
	display:block;
	margin:0 auto;
	text-align:center;
}

.logolinks ul li {
	list-style-type:none;
	
	font-size:80%;
	color:#f9e8cb;		
	text-align:center;
	display:block;
}

.logolinks ul li a:link,
.logolinks ul li a:visited{
	color:#d9c9ae;
	text-decoration:none;
}

.logolinks ul li a:hover,
.logolinks ul li a.current{
	color:#ffffff;
	text-decoration:none;
}

  
#container.home .wdesign, 
#container.home .gdesign, 
#container.home .illustration {
	position:relative;
	margin:0 auto;
	width:100%;
	display: block;
}

.gdesign div, .wdesign div, .illustration div {
	float:none;
	margin: 0 auto;
}

.wdesign p, .gdesign p, .illustration p {
	text-align: center;
	margin:0 auto;
	padding:10px;
	clear: both;
}

.gdesign img, 
.wdesign img, 
.illustration img {
	float:none;
	margin:0 auto;
	display: block;
	clear: both;
}

#container h1 {
	color:#72340C;
	font-size:29px;
	font-weight:normal;
	padding:0;
	margin:0 0 10px 0;
}

#content {
	margin:0 auto;
	margin-left:8%;
	width:90%;
	color:#552b02;
}

#content img {
	border:none;
	margin:0 10px 20px 0;
	-moz-box-shadow: 2px 2px 5px #999999;
	-webkit-box-shadow: 2px 2px 5px #999999;
	box-shadow: 2px 2px 5px #999999;
	float:none;
}

#footer {
	display:none;
}

div#preload {
	display: none; 
}

}