/*
Original design: In Response (v1.1 - May 15th, 2013)
For more information, see http://andreasviklund.com/dt_portfolio/in-response/
*/

*{margin:0; padding:0;}

/* General styles */
body {background:#fff; font:120% 'Josefin Sans',Tahoma,sans-serif; line-height:1.5em;}
a {color:#d06060; text-decoration:none; font-weight:400;}
a:hover {text-decoration:underline;}
p {margin:0 0 15px 0; line-height:1.6em;}
ul {margin: 0 0 12px 12px; padding-left: 12px; }
h1 {font-size:4em; margin-bottom:0; color:#108CC0;}
h2 {font-size:2em; color: #777; margin:0 0 10px; font-weight:400;}
h3 {font-size:1.4em; color: #777; margin:0 0 10px 0; font-weight: 600:}
h1,h2,h3 {font-family: 'Josefin Sans', sans-serif; line-height:1.4em;}
img.brdmain {border: solid 1px #777; width:98%}
img.brd {border: solid 1px #777;}
.box {
  display: inline-block;
  width: 202px;
  height: 152px;
  margin: 1.16em;
}
.box2 {
	border: dotted 1px #777;
	padding: 20px;
	background-color: #ffffcc;
	margin: 12px 0;
}
.floatl {text-align: left}
.floatr {float: right; margin: 5px 0 0 18px;}
hr {
	border: solid #108CC0;
	border-width: 1px 0 0 0;
	height: 0;
	margin: 20px 0;
}
.pic {
	text-align:center;
	margin: 24px 0;
}
.footer {
	text-align:center;
	font-size: 80%;
}



/* Main layout container */
#layout {margin:40px auto 0; width:960px;}

/* Footer */
#footer {background:#0a0a0a url(images/insidebg.jpg) top center no-repeat;}
#footer .col {color:#555; border-top:1px dotted #1a1a1a; padding:20px 0;}
#footer p {text-align:center;}
#footer a {color:#555; font-weight:400; text-decoration:none; border-bottom:1px dotted #333;}
#footer a:hover {color:#aaa; text-decoration:none; border-bottom:1px dotted #888;}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:10px auto 0; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.c1 {width:80px;}
.c2 {width:160px;}
.c3 {width:240px;}
.c4 {width:320px;}
.c5 {width:400px;}
.c6 {width:480px;}
.c7 {width:560px;}
.c8 {width:640px;}
.c9 {width:720px;}
.c10 {width:800px;}
.c11 {width:880px;}
.c12 {width:940px;}


/* Menu list styles */
ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #333;}
ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;}
ul.menu li a {font-size:1.2em; font-weight:400;}
ul.menu li a:hover {color:#eee; text-decoration:none;}

/* Additional text classes */
.slogan {color:#bbb; font-size:1.2em;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.nomargin {margin:0; padding:0;}
.separator {height:100px; margin:0; padding:0; background: #0a0a0a url(images/insidebg2.jpg) bottom center no-repeat; border-bottom:1px dotted #1a1a1a;}
.larger {font-size:1.2em;}
.smaller {font-size:0.9em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.border {border:1px solid red;}
body .navmenu a {font-size:1.4em;}
.border2 { border: solid 1px #999; padding: 12px; font-size:90%; margin-top:24px}

@media only screen and (max-width : 960px){
#layout {width:auto; margin:0; padding:20px 20px 0 20px;}
h1 {margin:-15px auto 5px; font-size: 2em; line-height:2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em; margin-top: 12px;}
.row {width:740px; margin:0 auto 0; overflow:hidden;}
font-size: 90%;
.c1 {width:40px;}
.c2 {width:100px;}
.c3 {width:160px;}
.c4 {width:220px;}
.c5 {width:280px;}
.c6 {width:340px;}
.c7 {width:400px;}
.c8 {width:460px;}
.c9 {width:520px;}
.c10 {width:580px;}
.c11 {width:640px;}
.c12 {width:700px;}
}

@media only screen and (max-width : 760px){
.row {width:100%;}
.col {margin: 0;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}
.floatl {text-align: center;}
}


@media only screen and (min-width : 1200px){
.box:first-child { margin-left: -10px !important; }
.box:last-child { margin-right: -10px !important; }