html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

body {text-align: center; /* IE Fix */
	background: transparent url(/wp-content/themes/arras-theme/images/bg_nav.gif) repeat-x 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	font-size: small; 
	text-align: center;
	background-color: #000;
	}
	
html, div {display:block;}
a:hover {text-decoration: underline;}
ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
ul, menu, dir {display:block;}

/* --- clearer --- */
.clear, .clearfix {clear:both;}
.clear:after, .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;}
.clear, .clearfix {display: inline-block; clear: both;}
.clear div {display:block;}
.clearboth {clear: both;}

#header_wrapper {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;	
	-moz-background-origin: padding;
	background: transparent url(/wp-content/themes/arras-theme/images/bg_nav.gif) repeat-x 0 0;
	width: 100%;
	height: 118px;
}

#header {
	width: 940px;
	text-align: center;
}

#head_logo {
	float: left; 
	width: 915px; 
	height: 57px; 
	margin: 25px 0 0 0;
	background: transparent url(/wp-content/themes/arras-theme/images/logo.gif) no-repeat;
	}

#nav {float:left;}

/* fixing z- index for explore */
ul#mobiltopia_menu{
 z-index: 998;
}

.navigation-bar {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	float: none;
	font-weight: bold;
	height: 33px;
	text-transform: uppercase;
	width: 940px;
}

.navigation-bar {
	cursor: pointer;
	display:block;
	float:left;
}
	
.buttons,.navigation-bar {
	float:left;
	padding:4px 0 0 0;
	margin:0;
}

.buttons li {
	float:left;
	margin-top: 0.5em;
	margin-right:1em;
	margin-bottom: 0;
	margin-left: 0;
	cursor: pointer;
}

.navigation-bar {
	float: none;
	height: 36px;
	width: 944px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: bold;
}
.navigation-bar li {
	font-size: 12px;
	float:left;
	margin: 0 0 0 0;
	height: 34px;
	position: relative;
	z-index: 897;
}
.navigation-bar a:link, .navigation-bar a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0 15px 0 15px;
	float: left;
}

.nav a:hover {
	background: url(/wp-content/themes/arras-theme/images/sprite.jpg) no-repeat 0 -32px !important;	
}

.facebook a:link, .facebook a:visited{
	background: url(/wp-content/themes/arras-theme/images/sprite.jpg) no-repeat -625px 0 !important;
	padding-left: 40px;	
}

.twitter a:link, .twitter a:visited{
	background: url(/wp-content/themes/arras-theme/images/sprite.jpg) no-repeat -799px 0 !important;	
	padding-left: 40px;	
}

.facebook a:hover {
	background: url(/wp-content/themes/arras-theme/images/sprite.jpg) no-repeat -625px -32px !important;	
	padding-left: 40px;	
}

.twitter a:hover {
	background: url(/wp-content/themes/arras-theme/images/sprite.jpg) no-repeat -799px -32px !important;	
	padding-left: 40px;	
}

#content_wrapper {
	background:#FFF;
	width: 100%;
	padding: 10px 0;
	height:0.1%;
}
.body_container {
	background:#FFF;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	width: 940px;
	z-index: 0;
}	

#footer {
	background:#000;
	height:0.1%;
	padding:0;
	padding-bottom: 50px;
	display: block;
	text-align: center;
	width: 100%;
}	

#footer_inside {
	width: 940px !important;
	display: block;
	text-align: center;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;	
	-moz-background-origin: padding;
	margin:0 auto;
	padding: 15px 0 0 0;
	position:relative;
	}

#footer p {color: #CCC;}
#footer p a{color: #CCC;}

.clear {clear: both;}

#main {
	float:left;
	text-align: left;
	width: 940px;
	height: 308px;
	background: transparent url(/wp-content/header-images/ipad_phones.png) no-repeat;
}

#main h1 {
	font-size: 38px;
	padding-bottom: 5px;
	font-weight: bold;
}

#main p {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #757575;
}

#main2 {
	float:left;
	text-align: left;
	width: 940px;
	height: 309px;
	background: transparent url(/wp-content/themes/arras-theme/images/main.jpg) no-repeat;
}

#main2 h1 {
	font-size: 38px;
	padding-bottom: 5px;
	font-weight: bold;
}

#main2 p {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #757575;
}

#leftcopy {
	float: left;
	text-align: left;
	width: 320px;
	padding: 15px 0 0 15px;
}

#promo-1, #promo-2, #promo-3, #promo-4{
	height: 130px;
	overflow:hidden;
	cursor:pointer;	
}


#promo-1 { background: #fff url('/wp-content/themes/arras-theme/images/panel1.jpg') no-repeat top left;}

#promo-2 {background: #fff url('/wp-content/themes/arras-theme/images/panel2.jpg') no-repeat top left;}

#promo-3 {background: #fff url('/wp-content/themes/arras-theme/images/panel3.jpg') no-repeat top left;}

#promo-4{background: #fff url('/wp-content/themes/arras-theme/images/panel4.jpg') no-repeat top left;}


.textbox, .textboxalt {
	float:left;
	color: #333;
	padding: 15px;
	width: 103px;
	text-align: left;
}

.textbox p, .textboxalt p  {
	padding-bottom: 3px;
}

.textbox a, .bluelink a {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold !important;
}

.textboxalt a {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}

/* buttons */

.buttonfix {
	float:left;
	width: 110px;}
	
.greenbutton, .bluebutton {
	float: left;
	width:70px;
	height:27px;	
	padding: 3px 10px 0 10px;
	margin: 0 15px 0 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}

.greenbutton {
	background: transparent url('/wp-content/themes/arras-theme/images/buttons.jpg') no-repeat 0 0;
}

.bluebutton {
	background: transparent url('/wp-content/themes/arras-theme/images/buttons.jpg'); 
	background-position: -90px 0;
}

.greenbutton:hover {
	text-decoration:none;
	background: transparent url('/wp-content/themes/arras-theme/images/buttons.jpg'); 
	background-position: 0 -30px; no-repeat 0 0;
}

.bluebutton:hover {
	text-decoration:none;
	background: transparent url('/wp-content/themes/arras-theme/images/buttons.jpg'); 
	background-position: -90px -30px; no-repeat 0 0;
}


h3	{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;	
}

.promo {
	float: left;
	width: 225px;
	padding-bottom: 15px;
}

#promo-1,#promo-2,#promo-3,#promo-4 {
	float:left;
	text-align:left;
}

.promo h3, .promo h3 a {
	color: #FFFFFF;
	margin-bottom: 6px;
}

.promo p {
	font-size: 12px;
	line-height: 15px;
}


.b5 {padding-bottom: 5px;}
.b10 {padding-bottom: 10px;}
.b15 {padding-bottom: 15px;}
.b20 {padding-bottom: 20px;}
.t10 {padding-top: 10px;}
.t15 {padding-top: 15px;}
.t20 {padding-top: 20px;}
.l10 {padding-left:10px;}
.l15 {padding-left:15px;}
.l20 {padding-left:20px;}
.r10 {padding-right:13px;}
.r15 {padding-right:15px;}
.r20 {padding-right:20px;}

.left {float:left;}
.right {float:right;}

/* inside pages */

.col1 {
	float:left;
	text-align: left;
	width: 605px;
	padding: 0 0 0 12px;
	margin: 0;
	text-align: left;
}

.col2 {
	float:left;
	text-align: left;
	width: 300px;
	padding: 0 0 0 20px;
}

.entry-title a {
	font-family: arial, geneva, helvetica;
	font-size: 36px;
	line-height: 50px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

.entry-404 {
	font-family: arial, geneva, helvetica;
	font-size: 36px;
	line-height: 50px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

.entry-content h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

.entry-content h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

.widgettitle {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

.entry-content {
	padding: 0;
	margin: 0;
}
.entry-content p, .sidebar p, .entry-content li, .widget p {
	font-size: 13px;
	line-height: 19px;
	padding: 0 0 15px 0;
	margin: 0;
	position: relative;
	color: #333;
}

.entry-content p a, .sidebar p a, .widgetcontainer a, .entry-content li a, .widget p a {
	color: #0DB1E2;
	font-weight: bold;
	text-decoration: none;
}

#events {
	width: 940px;
	height: 60px;
	background: transparent url('/wp-content/themes/arras-theme/images/events.jpg') no-repeat 0 0;
	padding: 15px 0 0 95px;
	text-align: left;	
}

#featured h2, #events h2 {
	font-size: 28px;
	color: #FFF;
}

#events h2 a, #featured h2 a, .white, .white a, p .white, p .white a  {
	color: #FFF;
	text-decoration: none;
	}
	
#featured {
	width: 940px;
	height: 60px;
	background: transparent url('/wp-content/themes/arras-theme/images/featured.png') no-repeat 0 0;
	padding: 15px 0 0 95px;
	text-align: left;	
}
	
	
.white a:hover, p .white a:hover {
	color: #FFF;
	text-decoration: underline;
	}

.widget h3, .widget h4 {
	width: 300px;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
}

.widget h4 {
	font-size: 18px;
	font-weight: bold;
	color:#999;
	padding-bottom:10px;
	}

.st-tag-cloud a, #commentsform p a {
	color: #0DB1E2;
	font-weight: bold;
	text-decoration: none;
}

#commentsform p, .nocomments {
	color: #999;
	line-height: 22px
}

.widget {
	padding-top: 10px;
}

.widget ul {
	list-style: none outside none;
	display: block;
}

.widget li {
	padding: 0 0 5px 0;
}

.rss {
	padding-left: 20px;
	background:url(http://www.mobiltopia.com/wp-content/themes/arras-theme/images/rss.png) no-repeat;
}

li .rss {
	list-style: inline;
	display: block;
}

.widget  li a{
	color: #0DB1E2;
	text-decoration: none;
}

.widget h3 {
	padding-bottom: 10px;
	color: #999;
}