/* Jonny's css*/
/* 2nd aug 2007*/

/* M A I N    T A G S */
/*===================*/

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}
		
html {
		font-size :100%;
		 background-image: url(bg-charcoal.gif);
		/* background-repeat: no-repeat;*/
		background-attachment: fixed
		}

		
a {/* default link style */
		color:#EBA34F;
		text-decoration: none;
	}

a:hover {/* default link style */
		text-decoration: underline;
	}

img {
	/*border: 1px solid #999999;*/ 	
	margin: 8px 8px 8px 8px;
}

body {
		margin: 5px 5px 5px 5px;
		font-size: 65.5%;
		}

h1 {/* cross-head */
		color:#EBA34F;
		font: bold 14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin: 15px 10px 5px 10px;
		}

p {
		color:rgb(220,220,220);
		text-align:justify;
		font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin: 5px 10px 5px 10px;
		}

ul {
		font: 1.0em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}	

li {
		 font: bold 1.0em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}
/*  M E N U    S Y S T E M*/
li.selected {
		font: bold 12px Arial;
		border-left: 1px solid #EBA34F;
		border-right: 1px solid #EBA34F;
		border-top: 1px solid #EBA34F;
		border-bottom: 1px solid #000000;
		background-color: #000000;
		padding: 6px 6px;
}

#mainNavigation {
		background-color: #393939;
		border-bottom: 1px solid #EBA34F;
        border-top: 1px solid #aaa;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		color: #EBA34F;
		}

#mainNavigation a {
		font: bold 12px Arial;
		color: #aaa;
		text-decoration: none;
		padding: 6px 10px;
		}
		
#mainNavigation a:hover {
		color: rgb(220,220,220);/*#EBA34F*/;
		text-decoration: underline;
		/*background-color: #202020;*/
		}
		

a img {/* remove borders from linked images */
/*		border: 0;*/
	border: 1px solid #999999; 	
		}
		

#logo {
	font-family: Trebuchet MS;
	letter-spacing: 0.20cm;
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	color:#EBA34F;
}

#sublogo {
font-family: Trebuchet MS ;
font-size: 200%;
/*font-style: italic;*/
text-align: center;
color: rgb(220,220,220);
padding: 10px 0px 10px 0px;
}

#footer { 
        font-family: Trebuchet MS; 
        /*font-size: small;*/
		background-color: #292929;
       /* padding:2px;*/
        /*margin:0px;*/
		/*margin: 10px auto 0 auto;*/
		padding: 10px 10px 10px 10px;
       /*border-bottom: 1px solid #9EC4E2;*/
        border-top: 1px solid #EBA34F;
        }



div.spacer {
  clear: both;
  }

div span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }

div span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
  
.containingbox
{
	width: 900px;
	border: 1px solid #EBA34F;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
		

div span.right a:hover {
		text-decoration: underline;
		}

#rightcolumn{
	float: right;
	width:350px;
}

#leftcolumn{
	float: left;
	width:350px;
}

#map{
	float: center;
	margin: 10px 10px 10px 100px;
}

#info { 
        font-family: Trebuchet MS; 
        font-size: x-small;
		background-color: rgb(79, 79, 79);
		color:#fff;
		padding: 2px 10px 2px 2px;
       /*border-bottom: 1px solid #EBA34F;*/
       /* border-top: 1px solid #9EC4E2;*/
		text-align: right;
}

#mytable {
	width: 400px;
	padding: 0;
	margin: 0;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

caption {
	padding: 5px 5px 1px 0;
	width: 400px;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #EBA34F;
	border-left: 1px solid #EBA34F;
	border-bottom: 1px solid #EBA34F;
	border-top: 1px solid #EBA34F;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background: rgb(220,220,220);
}


td {
/*	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #EBA34F;
	border-left: 1px solid #EBA34F;
	border-bottom: 1px solid #EBA34F;
	*/
	background-color:transparent;
/*	background: #000;*/
	padding: 12px 6px 0px 0px;
/*	color: #4f6b72;*/
}

table {
/*	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #EBA34F;
	border-left: 1px solid #EBA34F;
	border-bottom: 1px solid #EBA34F;
	*/
	background-color:transparent;
/*	background: #000;*/
	padding: 6px 6px 0px 6px;
/*	color: #4f6b72;*/
}

.myBox
{
    /*margin: 0 auto;*/
    /*border: 0px solid #ffffff;*/
    color: #ffffff;
    /*width: 60%;
    padding: 20px;*/
    text-align: center;
    background-color: #0000ff;
    border: 1px solid #ffffff;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}

.centeredImage
    {
    text-align:center;
    display:block;
    }

#looping_video 
{
	background: url(iphone/iPhone_img4.png) no-repeat 0px 0;
	width: 320px; 
	height: 550px;
	padding-top: 153px;
	padding-left: 40px;
text-align: center;
	/*vertical-align:middle;*/
	/*padding: 153px 0px 0px 86px;*/
}

.product_help
{
	width: 850px;
	padding-top: 20px;
	padding-left: 50px;
/*	margin: 20px 20px 20px 20px;*/
	border-top: 1px solid #EBA34F;
text-align: left;
}

#product_info 
{
	width: 500px;
	float:right;	
	margin: 20px 20px 20px 20px;
}

#wrap {
 width:750px;
 margin:0 auto;
 background:#000;
  }