@charset "utf-8";
/* Designed by BeyondDesigning.com and Web20-templates.com */

@import url("reset.css"); /* ------- Reset all CSS Styles */

html { 
  padding:0px;
  margin:0px;
  height: 100%;
}

body {
  font-size: 13px;
  font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
  color:#7d7d7d;  
  padding:0px;
  margin:0px;
  background: #FFFFFF;
}

a
{
color: #6bc2f4;
text-decoration:none;
}

a:hover
{
color: #999;
text-decoration:none;
}

p 
{
	padding:2px;
	margin:2px;
}

h2
{
	font-size:20px;
	color: #6bc2f4;
	margin:0 0 5px 5px;
}

#header_title
{
	width:900px;
	margin:5px auto;
	height:101px;
	text-indent:-999px;
	display:block;
	background: url(images/header_title.jpg);
}

.wrapper
{
	width:900px;
	margin:5px auto;
}

.main_top
{
	width:900px;
	margin:0 auto;
	background: url(images/main_top.jpg) top center no-repeat;
	height:5px;
}

.main_bottom
{
	width:900px;
	margin:0 auto;
	clear:both;
	background: url(images/main_bottom.jpg) top center no-repeat;
	height:5px;
}

.content {
  margin: 0px auto;
  padding:5px 5px;
  background: #fffffe url(images/main_back.jpg) top left repeat-x;  
  width:888px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  float:left;
  height:420px;
  min-height:420px !important;
  height: auto;
}

.left{
float:left;
width:570px;
margin:0px;
padding:5px;
font-size:16px;
}

.right {
float:right;
width:300px;
margin:0px;
}

.sidebar_title{
width:294px;
height:30px;
background: url(images/sidebar_title.png) no-repeat;
margin:0px auto;
text-align:center;
line-height:30px;
font-weight:bold;
}

.side_wrap{
width:282px;
margin:0px auto;
}

.sidebar{
float:left;
width:272px;
background:#616060;
margin:0px;
padding:5px;
color: #f1f1f1;
}

.featured {
  margin: 0px auto;
  background: url(images/featured_back.jpg) top left repeat-x;  
  width:900px;
  height:276px; 
}

.featured_left {
  margin: 0px auto;
  background: url(images/featured_left.jpg) top left no-repeat;  
  width:900px;
  height:276px; 
}

.featured_right {
  margin: 0px auto;
  background: url(images/featured_right.jpg) top right no-repeat;  
  width:900px;
  height:276px; 
}

#iphone_main
{
	background: url(images/iphone_main.png) no-repeat;
	height:251px;
	width:372px;
	position:relative;
	float:right;
	top:15px;
	right:15px;
}

#featured_content
{
	width:500px;
	height:276px;
	float:left;
}

#featured_content p
{
	clear:both;
	padding:0px 5px 5px 15px;
	margin:5px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.5px;
	color: #e2e2e2;
}

#website_title
{
	background: url(images/website_title.jpg) no-repeat;
	height:33px;
	width:386px;
	margin: 20px 0 15px 18px;
	text-indent:-999px;
	display:block;
}

#website_title:hover
{

	margin: 20px 0 15px 19px;
}

.buynow_btn
{
	background: url(images/buynow_btn.gif) no-repeat;
	height:37px;
	width:180px;
	margin: 10px 0 0 18px;
	text-indent:-999px;
	display:block;
	float:left;
}

.credit_cards
{
	background: url(images/credit_cards.gif) no-repeat;
	height:25px;
	width:216px;
	margin: 16px 0 0 15px;
	float:left;
}

.buynow_btn:hover
{

	margin: 10px 0 0 19px;
}

/* << ----------------// Navigation //---------------->> */
#navigation {
margin:0 auto;
text-align:center;
margin-bottom:5px;
width:900px;
height:35px;
background: url(images/nav_back.jpg) top left repeat-x;
font-size:13px;
font-weight:bold;
}

.navleft{
background: url(images/nav_left.jpg) top left no-repeat;
height:35px;
}

.navright{
background: url(images/nav_right.jpg) top right no-repeat;
height:35px;
}

#navigation ul {
	margin:0 auto 0 65px;
	list-style: none;
	line-height: normal;
}

#navigation li {
	margin: auto;
	background: url(images/nav_border.jpg) top right no-repeat;
	padding-right:2px;
	float:left;
}

#navigation a{
padding:0px 10px;
color:#6f6f6f;
font-family: Arial, Helvetica, sans-serif;
line-height:35px;
display: block;
text-decoration:none;
}

#navigation a:hover{
color:#f6f6f6;
text-decoration:none;
background: url(images/nav_hover.jpg) top left repeat-x;
}

#navigation .active {
color:#fff;
text-decoration:none;
background: url(images/nav_active.jpg) top left repeat-x;
}

#footer {
margin:0 auto;
border-bottom:5px solid #FFFFFF;
width:900px;
height:54px;
background: url(images/footer_back.jpg) top left repeat-x;
height:54px;
color:#f1f1f1;
}

.footleft{
background: url(images/footer_left.jpg) top left no-repeat;
height:54px;
}

.footright{
background: url(images/footer_right.jpg) top right no-repeat;
height:54px;
padding:0 10px;
line-height:54px;
}

#copyright{
float:left;
}

#copyright a{
color:#f1f1f1;
}

#copyright a:hover{
color:#fff;
}

#designedby{
float:right;
width:155px;
}

#designed_text{
float:left;
display:block;
margin-right:15px;
}

.w2t{
background: url(images/designedby.jpg) no-repeat center left;
width:30px;
height:54px;
text-indent:-999px;
float:left;
display:block;
overflow:hidden;
}

#designedby .bd{
background: url(images/designedby.jpg) no-repeat center right;
width:25px;
height:54px;
margin-left: 3px;
text-indent:-999px;
display:block;
float:left;
overflow:hidden;
}