/*******************************
		Table of Contents

	1.0 Typography
    2.0 Logo
    3.0 Feature Icons
	4.0 Copyright
	5.0 Twitter Feed
	6.0 Social Section

*******************************/

/* === Typography === */
@font-face {
    font-family: 'DroidSerifItalic';
    src: url("../fonts/DroidSerif-Italic-webfont.eot");
    src: url("../fonts/DroidSerif-Italic-webfont.eot-#iefix") format('embedded-opentype'),
         url("../fonts/DroidSerif-Italic-webfont.woff") format('woff'),
         url("../fonts/DroidSerif-Italic-webfont.ttf") format('truetype'),
         url("../fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic") format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #fff url("../images/background.png") repeat;
  	color: rgb(45,45,45);
  	height: auto;
  	padding-bottom: 20px;
}

body#pr_page {
	background: #fff;
  	color: rgb(45,45,45);
  	height: auto;
  	padding-bottom: 20px;
}

p{
	margin-bottom:35px;
	text-align: center;
}

h2{
	text-align:center;
	font-family:'DroidSerifItalic', Arial, sans-serif;
	font-size:22px;
	color: rgb(89,89,89);
	font-weight:normal;
}

h3 {
  font-size: 16px;
  text-align:center;
  margin-bottom:15px;
  color:#2d2d2d;
}

/* custom selection colors */
::-moz-selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #ea4c89;
}

::selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #ea4c89;
}

/* === Logo === */
.logo {
	width: 400px;
	height: 120px;
	margin: 48px auto 30px auto;
	border:0;
	display:block;
}

/* === Icons === */
div#buybutton{
	width:133px;
	height:42px;
	margin: 0 auto 0;
}

div#buybutton > a > img:hover { opacity: .75; -ms-filter: “alpha(opacity=75)”; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75;}

div#phones{
	width:940px;
	margin: 20px auto 60px;
}

div.feature_icon{
	width:100%;
	text-align:center;
	margin: 0 0 15px 0;
	height:70px;
	position: relative;
	text-align: center;
	vertical-align: bottom;
	line-height: 70px;
}

div.feature_icon > img:hover { opacity: .75; -ms-filter: “alpha(opacity=75)”; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75;}

div#contact, div#buy_bottom{
	width:100%;
	text-align:center;	
}

div#buy_bottom{
	margin-bottom:25px;
}
div#buy_bottom > a > img:hover { opacity: .75; -ms-filter: “alpha(opacity=75)”; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75;}
div#contact > a > img:hover { opacity: .75; -ms-filter: “alpha(opacity=75)”; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75;}
/* === Copyright === */
div#copyright{
	font-family:'DroidSerifItalic', Arial, sans-serif;
	text-align:center;
	margin:15px 0 40px;
	font-size:11px;
	color: rgb(89,89,89);
}

div#copyright_pr{
	font-family:'DroidSerifItalic', Arial, sans-serif;
	margin:10px 0 50px;
	font-size:11px;
	color: rgb(89,89,89);
}

/* === Twiter === */
#ticker{font:120% Georgia,"Times New Roman",Times,serif;text-align:center;}
#ticker p{font-size:120%;}
.tweet_text a{color:#768340 !important; text-decoration: underline !important;}
@media (max-width: 767px) {.jumbotron{padding:20px 20px;margin-top:-20px;margin-right:-20px;margin-left:-20px;}}
@media (max-width: 480px) {.mockup{background-size:100%;}}

/* === Flickr Feed === */
.thumbs { margin: 0 auto; padding: 20px 0; overflow: hidden; max-width:611px}
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none; height: 45px; width: 45px;}
.thumbs li a img:hover { opacity: .75; -ms-filter: “alpha(opacity=75)”; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75; background:#000}