/* DESIGN ELEMENTS */


body {
  background-color: #000;
  color: #C2C8B7;
  font-size: medium;
  font-family: 'Palatino Linotype', Geneva, Georgia, serif;
}

#tm {
   font-size: 50% ;
   }
   
#titlearea {
   background-image: url('../images/banner2.png') ;
   background-repeat: no-repeat ;
   background-attachment: scroll ;
   background-position: left top ;
   background-clip: border-box ;
   background-origin: border-box ;
   background-size: 970px 100% ;
}
#titlearea {
	text-align: center;
	color: #6D4320;
	padding: 15px 0;
	line-height: 1.2;
}
.title {
	margin: 0;
	padding: 0;
	/*-shadow: 2px 2px 2px #A4AEB7;*/
	text-decoration: none;
}

.title {
	font-family: 'Papyrus', 'Palatino Linotype', Geneva, Georgia, serif;
	font-size: 42px;
	font-style: normal;
	font-weight: normal;
   text-shadow: 2px 2px 2px white;
}
.subtitle  {
	font-family: 'Palatino Linotype', Geneva, Georgia, serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #B8DAF1;
	padding: 15px 0;
	line-height: 1.0;
   text-shadow: 1px 1px 1px gray;
}
.ownername  {
	font-family: 'Times New Roman', Helvetica, serif;
	font-size: 32px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	padding: 0 0;
	line-height: 1.0;
   text-shadow: 1px 1px 1px white;
}
.reference {
   font-style:italic;
   font-size: smaller;
   text-align:center;
   padding: 0 ;
   margin: 0 ;
   }
   
a:link, a:hover, a:visited, a:active {
	color: #BDD3E3;
}
blockquote a:link, blockquote a:hover, blockquote a:visited, blockquote a:active {
	color: #222F44;
}
.container {
	background-color: #323433;
}
.container #heading h2 {
	margin: 0.8em 0em 1em 0em;
	color: #CFDEA7;
	font-size: 1.4em;
	padding: 0;
	text-align: center;
}	
.container #heading div {
	color: #9FD3E3;
	font-style: italic;
	font-size: 1.2em;
	margin: 0.1em 0em 0.4em 0em;
	padding: 0.2em 2em;
	background-color: #191C24;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}
.container #heading h2 a {
	display:block;
	margin: 0.8em 0em 1em 0em;
	color: #CFDEA7;
	text-decoration: none;
	text-align: center;
}
.container #heading h2 a:hover {
	color: #E2DEDB;
	text-decoration: underline;
}
.container h3 {
	font-family: 'Papyrus', 'Palatino Linotype', Geneva, Georgia, serif;
	border-bottom: 1px solid #4E788B;
	margin: 2em 0 0.8em 0;
	color: #9FD3E3;
	font-size: 1.4em;
	text-align: center;
	padding: 0 0 0.4em 0;
}

.sample1, .sample2, .sample3 {
	border: 1px solid #4E788B;
	margin: 0 ;
	padding: 10px 0px;
   display: block ;
   text-align:center ;
   text-indent: 0 ;
   }
.sample1 a, .sample2 a, .sample3  a {
	padding: 0 ;
	margin: 0 ;
}
.sample1 img, .sample2 img, .sample3 img {
   height: auto ;
   border: 0 ;
	margin: 0 ;
}

#about blockquote {
	background-color: #C2C8B7;
	color: #323433;
	font-style: italic;
	border: 1px solid #4E788B;
	padding: 10px;
	line-height: 1.6em;
	margin: 1em 0;
}
#about blockquote div {
	margin: 0.6em;
}

.container .company a.button, .container .clients a.button {
	display: block;
	color: #C2C8B7;;
	text-align: center;
	text-decoration: none;
	font-size: 1.0em;
	margin: 0.5em 0em;
	padding: 0.2em;
	background-color: #323c37;
	-moz-box-shadow: 2px 2px 6px 0px #161b18;
	-webkit-box-shadow: 2px 2px 6px 0px #161b18;
	box-shadow: 2px 2px 6px 0px #161b18;
	border: 1px solid #1f2623;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.container .company a.button:hover, .container .clients a.button:hover {
	text-decoration: underline;
	background-color:#2a322e;
}
.container .company {
	text-align:center;
}

.container .copyright {
	text-align:center;
	color: #9FD3E3;
	font-size: 0.8em;
}

.container .portfolio a.button, .container .clients a.button {
	display: block;
	color: #191C24;
	text-align: center;
	text-decoration: none;
	font-size: 1.0em;
	margin: 0.5em 0em;
	padding: 0.2em;
	background-color: #B8DAF1;
	-moz-box-shadow: 2px 2px 6px 0px #748B9A;
	-webkit-box-shadow: 2px 2px 6px 0px #748B9A;
	box-shadow: 2px 2px 6px 0px #748B9A;
	border: 1px solid #4E788B;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.container .portfolio a.button:hover, .container .clients a.button:hover {
	text-decoration: underline;
	background-color:#CFDEA7;
}
.container .portfolio {
	text-align:center;
}
.container .portfolio img {
	width: 60px;
	height: 60px;
	background-color: #999;
	border: 1px solid #000;
	margin: 2px;
}
#footer {
	border-top: 1px solid #4E788B;
	text-align: center;
	margin: 1em 0;
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#footer div {
	margin: 1em;
}