/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; xfont-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/* LAYOUT */
html { background-color:#333; }

/* TYPE */
body { 
	font: 12px/18px "Comme","Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	background-color: transparent;
	color: #333;
	
	font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	
}

h1{	font-size:25px;
	font-weight:bold;
	margin-bottom:8px;
}

h2{	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}

.left {float:left;}

.right {
	float:right;
}

ul {
	margin-bottom:15px;	
}

li{
	margin-left:18px;
}

#home{
	width:898px;
	margin-left:auto;
	margin-right:auto;
	background-color: #2a8bb8;
	margin-top:20px;
	border: solid 1px #333;
	text-shadow: #333 1px 1px 1px;
}

#content{
	width:898px;
	margin-left:auto;
	margin-right:auto;
	background-color: #2a8bb8;
	margin-top:20px;
	border: solid 1px #333;
}

#topbar{
	position:absolute;height:30px;width:400px;padding:8px 0 0 0;background-color: #333;width:898px;
	
}

#topbar ul{
	margin:0 0 0 35px; padding:0px; /* float:right; */
}

#topbar ul li{
	display: inline;
	height:30px;
	float:left;
	list-style:none;
	line-height:28px;
	padding:0 10px 0 10px;
	margin:0 10px 0 0;
}

#topbar ul li a{
	color: #fff;
	text-decoration:none;
	font-size:18px;
}

#topbar .selected{
	background-color: #06c;
}

#topbar ul li a:hover{
	color:#b7b7b7;
}

#header{
	background: url(/images/top-background.jpg) no-repeat;
	color:#fff;
	height:235px;
}
#header img{
	margin:120px 0 0 20px;
}

#header-content{
	background: url(/images/top-background.jpg) no-repeat;
	color:#fff;
}
#header-content img{
	margin:130px 0 0 20px;
}

#col1{
	width:255px;
	margin:15px 0 0 25px;
	color:#fff;
	float:left;
	line-height:21px;
	font-size:16px;
	position:relative;
}
#col1 p{
	margin-bottom:15px;
}

#col1-content{
	margin:15px 15px 45px 25px;
	font-size:14px;
	line-height:24px;
	position:relative;
}
#col1-content p{
	margin-bottom:15px;
}

.rounded-content-box{
	border:solid 1px #666;
	margin:25px;
	background-color:#fff;
	font-color:#000;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#col2{
	width:250px;margin:15px 0 0 15px;color:#fff;font-size:18px;float:left;font-size:14px;
	position:relative;
}
#iphone{
	float:right;margin:-130px 20px -145px;
	position:relative;
}
#app-button-links{
	clear:both;
}

#app-button-links img{
	margin:-25px 0 0 25px;
	border:0;
	position:relative;
}

#bottom{
	background: url(/images/bottom-background.jpg) no-repeat;
	background-position: bottom;
	color:#fff;
	height:350px;
	margin-top:-195px;
}

#footer{
	background-color: #000;
	color:#ccc;
	height:25px;
	line-height:25px;
	padding-left:25px;
}

#footer .left{
	float:left;
}

#footer .right{
	margin-right:35px;
}

#footer a{
	color:#ccc;
	text-decoration: none;
}

/* Override the default search result title colour */
a.search-widget-result-title {
    color: #1678c2 !important;
}
