/*Copyright © 2008 - TheFreeiPhone.com - Omair Tayyeb*/

*{margin:0; padding:0;}

/*Body*/
body {background:url(bg.gif) top left repeat-x #f8fff2; font-size:62.5%; color:#203540; font-family:Trebuchet MS; text-align:center;}

/*Links*/
a, a:visited{color:#163859; text-decoration:none; font-weight:bold;}
a:hover{color:#46a028; text-decoration:none;}

/*Table*/
table {text-align:center; margin:auto; border:1px solid #f0f0f0; padding:0;}
td {border:1px solid #ddd;}
table.specs {text-align:center; margin:auto; border:1px solid #eee; padding:0; margin:auto;}
td.specs {border:1px solid #f0f0f0; padding:7px 0 7px 0;}

/*Text*/
p, h1, h2, h3 {margin:0px 8px 8px 0;}
p {font-size:1.25em; line-height: 1.5em; text-align:justify; padding:0 0 4px 0;}
p.center {text-align:center;}
p.table {font-size:1.3em; text-align:center; padding:3px; margin:0;}
p.caption {font-size:1.3em; font-weight:bold; padding:12px auto 0px auto; text-align:center;}
p.q {font-size:1.35em; color: #404040; font-weight:bold;}
p.top {color: #163859; text-align:right;}
p.top a:hover {text-decoration:underline;}

/*Headings*/
h1 {font-size:1.9em; color:#46a028; background:url(h1bg.gif) no-repeat; background-position: left 0.2em; padding:0 0 0 20px; margin: 0 0 8px 0; border-bottom:1px solid #b8ced9;}
h2 {font-size:1.65em; color:#f0f0f0; background:#406a80; text-transform:uppercase; padding-left:20px;}
h3 {font-size:1.5em; color:#46a028; padding:20px 20px 0 20px;}
h2.table {font-size:medium; padding:0; margin:2px; background:#f0f0f0; color:#203540;}
h3.table {padding:0;}
ol li {list-style-type:decimal; list-style-position:outside; font-size:1.7em; color:#6c92a6; margin-left:80px;}
li.spec-list {font-size:small; list-style-image:url(ul.gif); list-style-position:outside; padding:2px 0 6px 0; margin-left:24px;}
li.faq {font-size: 1em; list-style-image:url(ul.gif); list-style-position:outside; padding:0; margin-left:24px;}

/*List*/
ul {margin:0; padding:0;}
li.specs {font-size:small; text-align:left; list-style-type:none; margin:0; padding:0;}
li.help {font-size:1.2em; list-style:outside; margin:0 0 0 12px; padding:4px 0 4px 0;}

/*Header*/
#header {width:1020px; height:210px; background:url(header.jpg) center top no-repeat; margin:0 0 14px 0; border-bottom:1px solid #b8ced9;}
#header h1#logo {position:relative; top:130px; left:260px; width:120px; color:#46a028; font-size:18px; letter-spacing:-1px; padding:0; margin:0; background:none; font-weight:lighter; border:none;}

/*Menu*/
#menu {font:1.3em/36px Trebuchet MS; text-align:center; margin:14px 0 50px 0; padding:0; border-top:1px solid #406a80;}
#menu ul {background:#406a80; float:left; list-style:none; margin:0; padding:0;}
#menu ul li {display:inline;}
#menu ul li a {background:url(MenuBG.gif) top center; float:left; width:159px; margin:0 1px 0 0; padding:0; color:#333; text-decoration:none;}
#menu ul li a:hover {background:url(MenuBG.gif) top center; background-position:100% -36px; color:#f0f0f0;}
#menu ul li#current a {background:url(MenuBG.gif) top center; background-position:100% -72px; color:#f0f0f0;}

/*Content*/
#background {width:1020px; background:url(content.gif) center top repeat-y; margin:0 auto; text-align:left;}
#wrap {background:url(wrap.gif) center top repeat-y; margin:0px; padding:0px;}
#content-wrap {width:960px; padding:0; margin:0 auto;;}
#main-content {width:564px; padding:0; margin:0 186px 0 210px;}

/*Sidebar-Left*/
#sidebar-left {float:left; width:194px; padding:0; margin:0;}
#sidebar-left h1 {background:#b8ced9 url(sblh1.gif) left no-repeat; font-size:1.4em; line-height:24px; color:#102840; padding:1px 4px 1px 12px; margin:0; border:1px solid #d8e4eb;}
#sidebar-left p {text-align:left; padding:12px 6px 2px 6px; margin:0;}
#sidebar-left ul {text-align:left; list-style:none; margin: 4px 0 8px 0; padding:0;}
#sidebar-left ul li {font-size:1.2em; background:url(sbbull.gif) left no-repeat; background-position:left 13px; border-bottom:1px solid #ccc; padding-left:20px; padding-top:12px;}
#sidebar-left ul li:hover {background:#eee url(sbbullh.gif) left no-repeat; background-position:left 13px;}
#sidebar-left ul li a {font-weight:bold;}

/*Sidebar-Right*/
#sidebar-right {float:right; width:172px; padding:0; margin:0;}
#sidebar-right h1 {background:#b8ced9 url(sbrh1.gif) left no-repeat; font-size:1.4em; line-height:24px; color:#102840; padding:1px 4px 1px 12px; margin:0; border:1px solid #d8e4eb;}
#sidebar-right p {text-align:left; padding:12px 6px 2px 6px; margin:0;}
#sidebar-right ul {text-align:left; list-style:none; margin: 4px 0 8px 0; padding:0;}
#sidebar-right ul li {font-size:1.2em; background:#fff url(sidebarmenubull.gif) left no-repeat; border-bottom:1px solid #ccc; padding-left:20px; margin-top:12px;}
#sidebar-right ul li a {background:none; font-weight:bold;}
/*CopyScape*/.cs {padding:20px 0 0 0;}

/*Images*/
img {background:#fff; border: 1px solid #b8ced9; padding:1px;}
img.table {margin:4px;}
img.no-css {border:none; padding:0;}
img.no-css:hover {border:none; padding:0;}
img.float-right {float:right; margin: 0 0 0 8px;}
img.float-left {float:left; margin: 0 8px 0 0;}
img.TransCS {opacity:0.2; filter:alpha(opacity=20); -moz-opacity:0.20; margin:0; padding:0; border:none;}
img.TransCS:hover {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; margin:0; padding:0; border:none;}
img.Trans75-right {float:right; margin: 8px 0 8px 8px; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.75}
img.Trans75-left {float:left; margin: 8px 8px 8px 0; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.75}
img.Trans75-right:hover {border:2px solid #9bbf8f; padding:0px; opacity:1; filter:alpha(opacity=100); -moz-opacity:1;}
img.Trans75-left:hover {border:2px solid #9bbf8f; padding:0px; opacity:1; filter:alpha(opacity=100); -moz-opacity:1;}
img:hover {border:2px solid #9bbf8f; padding:0px;}

	/*Gallery*/
ul#gallery, ul#gallery li{margin:0; padding:0; list-style:none; }
ul#gallery{width:530px; height:465px; position:relative; background:#eee;}			
ul#gallery li{display:inline; margin:0 auto 0 auto;}								
ul#gallery a span{display:none; border:none;}
ul#gallery a:hover{background:none; z-index:100;}	
ul#gallery a:hover span{position:absolute; width:400px; height:300px; float:left; top:160px; left:65px; display:block;}

/*Footer*/
#footer {clear:both; background:#6c92a6; padding:6px; margin:0px 0 0 0; border:1px solid #aecca3;}
#footer a {color:#cfdee5;}
#footer a:hover {color:#fff; text-decoration:underline overline;}
#footer p {color:#cfdee5; font-size:1.3em; text-align:center; margin:4px;}