@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

/* TAGS */
* {margin:0;padding:0}
html {min-width:100%} 
body {background:url('../images/tail-top.png') repeat-x center 5px #f1f1f3;font-family:Arial,Helvetica,sans-serif;font-size:100%;line-height:1em;color:#000;min-width:100%;border-top:5px solid #ededed}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}

.sidebar {background:url('../images/peregrine.jpg') center top no-repeat;width:100%}

.margin {text-align:center;}

.pad {padding:8px;}

/* THUMBNAILS */

img.size {
	width:113px; 
	height:224px;
}
  
div.image
  {
  margin:2px;
  height:224px;
  width:auto;
  float:left;
  text-align:center;
  }

div.image image
  {
  display:inline;
  margin:3px;
  border:0px solid #000;
  }

div.label
  {

  text-align:center;
  font-weight:normal;
  width:90%;
  margin:2px auto;
  padding-top:359px;
  }  
  
div.box
  {
  margin:2px;
  height:427px;
  width:auto;
  float:left;
  text-align:center;
  }  
  
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}


/* TAILING */
.tail-middle1 {background:#f1f1f3}
.tail-middle2 {background:#f8f8fa}
.tail-bottom {background:url('../images/tail-bottom.gif') left bottom repeat-x}

/* LISTS */
.news {padding-bottom:15px}
.news li {padding:0 19px 0 22px;background:url(../images/marker.gif) no-repeat left 2px}
.news li a {font-size:.86em;text-decoration:none}
.news li a:hover {text-decoration:underline}
.logo-list {width:100%;overflow:hidden;padding-bottom:18px}
.logo-list li {float:left;border-right:1px solid #e1e1dc;padding-right:22px;margin-right:22px}
.logo-list li.last {border:0;margin:0;padding:0}
.list li {width:100%;overflow:hidden;vertical-align:top}
.list li img {float:left;margin-right:21px}
.list li a {text-decoration:none}
.list li a:hover {text-decoration:underline}
.list1 {padding-bottom:20px}
.list1 li {padding:0 0 0 20px;background:url(../images/button.gif) no-repeat left 4px;line-height:1.57em}
.address li {width:100%;overflow:hidden;vertical-align:top;line-height:1.57em}
.address li span {float:left;color:#8C006E;width:87px}
/* OTHER */
.img-box1 {width:100%;overflow:hidden;padding-bottom:12px}
.img-box1 img {float:left;margin:0 20px 0 0}
p {line-height:1.57em;margin-bottom:20px}
.p0 {margin:0}
/* TXT, LINKS, LINES, TITLES */
a {color:#8a00af;outline:none}
a:hover {text-decoration:none}
h1,h2,h3, nav {font-family: 'Open Sans', sans-serif; font-weight: 300;}
h1 {
	font-size:30px;
	line-height:1.2em;
	margin:0 0 14px 0;
	padding:0 0 8px 19px;
	position:relative;
	left:-19px;	
}
h2 {
	font-size:16px;
	line-height:1.2em;
	margin:0 0 14px 0;
}
h3 {
	font-size:28px;
	line-height:1.2em;
	border-bottom:1px solid #dedbd3;
	margin:0 0 14px 0;
	padding:0 0 8px 19px;
	position:relative;
	left:-19px;
}
h3 span, h3 b {color:#8c006e}
h3 b {font-weight:normal}
h4 {font-size:.86em;margin-bottom:5px}

h5 {font-size:.86em;text-align:center}

h5 a {color:#63F;outline:none}

.txt1 {color:#8C006E}

.grey {color:#999}

.purple {color:#8c006e}

.grey-small {
	font-size: .86em;
	color:#898989;
	line-height:100%;
}

.alert {
	font-size: 1.3em;
	line-height: 1.3em;
}

.fb-like {float:left;}

/* HEADER */
#header {font-family: 'Open Sans', sans-serif; font-weight:300;}
#header .row-1 {height:90px;width:96%;overflow:hidden}
#header .row-1 .fleft {padding-top:20px}
#header .row-1 .fright {padding-top:38px}
#header .row-1 .fright ul li {font-size:18px;line-height:1.2em;float:left;margin-left:1px;font-family: 'Open Sans', sans-serif; font-weight:400;}
#header .row-1 .fright ul li a {display:block;color:#fff;text-decoration:none}
#header .row-1 .fright ul li a em {display:block}
#header .row-1 .fright ul li a b {display:block;font-style:normal;font-weight:normal;padding:5px 29px 5px 29px}
#header .row-1 .fright ul li a:hover, #header .row-1 .fright ul li a.active {
		background-color:#8c006e;
		-moz-border-radius: 9px; 
		border-radius: 9px;
}
#header .row-2 { padding:35px 0 0 56px}
#header .row-2 ul {width:100%; padding:0px 0 0 0}
#header .row-2 ul li {padding:0 0 12px 19px;background:url('../images/arrow.gif') no-repeat left 5px}

ul li ul {
  position: absolute;
  top: 73px;
  left: auto;
  width: 70px;
  opacity: 0;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  display:block;
  padding:5px 29px 10px 29px;
  background-color:#8C006E; 
  -moz-border-radius: 9px;
  border-radius: 9px;
  z-index:1000;
}
ul li ul li { 
  background-color: #8C006E; 
  display: block; 
  color: #fff;
  padding: 0 10px 2px 0;
  float: left;
}
ul li:hover ul {
  display: block;
  opacity: 1;
  z-index:1000;
}
#header .extra {
	position:absolute;
	right:-158px;
	top:105px;
	width: 840px;
	height: 541px;
	z-index:0;
}

#header .extracrop {
	position:absolute;
	right:-158px;
	top:105px;
	width: 840px;
	height: 318px;
	z-index:0;
}
/*Fixed Nav*/
nav h1 {
	margin: 0 -10px 0 -5px;
	padding: 0;
	font-size: 24px;
}
nav h1 a {
	text-decoration:none;
}
.heading {
	width: 150px;
	float:left;
}
.fixed {
  position: fixed;
  top: 0;
  z-index: 10;  
  background-color: #f8f8fa;
  padding: 20px 0px 20px 20px; 
  margin:0px 0px -20px -25px;
}
nav {
	width: 100%;
}
.fixed-types {
  position: fixed;
  top: 0;
  z-index: 10;  
  background-color: #E7E7E7;
  padding: 0px 0px 0px 500px; 
  margin:0px 0px -20px -500px;
}
nav.types {
	width: 1500px;
}

.list2 li {padding:0 10px 0 15px;font-size: 1.2em; line-height:1.57em; float:left;}
.list2 li a {text-decoration:none}
.list2 li a:hover {margin-left:-17px;padding-left:17px;background:url('../images/button.gif') no-repeat 0px 2px;}

/* CONTENT */
#content .indent {padding:28px 10px 21px 140px}
#content .indent1 {padding:28px 36px 14px 56px}
#content .indent2 {padding-right:25px}
#content .indent3 {padding:28px 0 34px 56px}
#content .inner_copy, #content .inner_copy a {border:0;float:right;background:#000;color:#f00;width:100%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}
#content .row-3 ul li {font-size:.86em;background-repeat:no-repeat;background-position:0 2px;padding-bottom:8px}
#content .row-3 ul li.twitter {background:url(../images/twitter.gif) no-repeat}
#content .row-3 ul li.delicious {background:url(../images/delicious.gif) no-repeat}
#content .row-3 ul li.stumbleupon {background:url(../images/stumbleupon.gif) no-repeat}
#content .row-3 ul li.facebook {background:url(../images/facebook.gif) no-repeat}
#content .row-3 ul li a {color:#898989}
#content .row-3 .col-1 ul li {padding-left:23px}
/* FOOTER */
#footer p {font-size:.86em;line-height:2.17em;padding-top:22px}

@media (max-width:800px) {	
    #header .xmas, #header .extra { visibility: hidden; }
    h2 { font-size: 1.5em; padding-top: 20px;}
    ul li { font-size: 1.2em; padding: 15px; }
}