body {

	font-family: tahoma, helvetica, arial, sans-serif;

	text-align: center;

	color: #6f6f6f;

}

  

html, body, #wrapper, h1, #nav, #nav ul, #nav li {

	margin: 0;

	padding: 0;

	list-style: none;

}



body, th, td {

	font-size: 12px;

}



img { border: 0; }



#wrapper {

	margin: 16px auto;

	width: 1000px;

	text-align: left;

	position: relative;

}





#fbBOX{

	position:static;

	border: 1px solid #cccccc;

	width: 380px;

	background: #333333;

	padding: 4px;

	margin-top:10px;

	margin-right: 2px;

	margin-left: 2px;

	}











h1 {

	margin: 0;

	padding: 0;

	font-size: 22px;

}



h2 {

	margin: 0 0 5px 0;

	padding: 0;

}



h3 {

	padding: 4px 0 0 0;

}



p {

	margin-top: 1em;

	margin-right: 0;

	margin-bottom: 1em;

	margin-left: 0;

	line-height: 20px;

}



.block {

	display: block;

}



.indexindi {

	

	height: 280px;

	width: 210px;

	margin: 5px 0 5px 0;

	padding: 5px;

	border: 1px solid #cccccc;



	text-align: center;

	line-height: 15px;

}



.anyIMG {

	padding: 8px;

	border: 1px solid #cccccc;

	text-align: center;

	line-height: 15px;

	margin-top: 5px;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0;

	background-color: #FFCCCC;

}


.ipadindi {

	height: 320px;
	width: 320px;
	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: center;
	line-height: 15px;
}

.ipadanyIMG {

	padding: 8px;
	border: 1px solid #cccccc;
	text-align: center;
	line-height: 15px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	background-color: #CCCCCC;
	height:980px;
	width:980px;

}


.iphone4simg {

	padding: 8px;
	border: 1px solid #cccccc;
	text-align: center;
	line-height: 15px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	background-color: #FFCCCC;
	
	height: 600px;
	width: 400px;

}


.dwnloads {

	

	margin: 5px 0 5px 0;

	padding: 5px;

	border: 1px solid #cccccc;



}



#myFormID input, #myFormID textarea { ... } 



.stepsIMG

{

	

	height: 375px;

	width: 250px;

	margin: 5px 0 5px 0;

	padding: 5px;

	border: 1px thin #cccccc;



	text-align: center;

	line-height: 50px;

}





.randomsbox{

	border: 1px solid #cccccc;

	width: auto;

	margin: 0px 8px 3px 0px;

	background-color: #99FFCC;

	padding: 8px;

	

}











.indexindiSMALL {

	

	height: 280px;

	width: 210px;

	margin: 5px 0 5px 0;

	padding: 5px;

	border: 1px solid #cccccc;



	text-align: center;

	line-height: 50px;

}





.tutorials{

padding-left:18px;

padding-right:15px;

}

* html .clear {

	margin-top: -5px;

	margin-bottom: -4px;

}



#body.inner.left {

	float: left;

	margin: 1px 10px 0px 0px;

}



.content {

	width:750px;

	size:650px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 200px;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 10px;

}a





.Search {

	width:850px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 150px;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 5px;

}a





.content1 {

	width:650px;

	size:650px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 160px;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 5px;

}



.ipadcontent {

	width:1024px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 5px;
}





.contentCATEGORY {

	width:650px;

	size:650px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 40px;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 5px;

}



.rightupdates

{

	float: right;

	width: 201px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-right: 10px;

	margin-top: 10px;

	padding-top: 0px;

	padding-right: 1px;

	padding-bottom: 5px;

	padding-left: 1px;

	position: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.9p;

}



.rightimg

{

	float: right;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-right: 10px;

	margin-top: 10px;

	padding-top: 0px;

	padding-right: 1px;

	padding-bottom: 5px;

	padding-left: 1px;

}



.softright {

	text-align: right;

}





.innercat

{

	float:left;

	width: auto;

	background-color:#0099FF;

	padding: 5px;

	border: 1px solid #cccccc;

	

}











.cssform p{

width: 300px;

clear: left;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 155px; /*width of left column containing the label elements*/

border-top: 1px dashed gray;

height: 1%;

}



.cssform label{

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

}



.cssform textarea{

width: 250px;

height: 150px;

}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}









/* ***** */



body {

	background: #fff;

	padding-bottom: 12px;

}



#wrapper {

	width: 1040px;

}



h1 {

	margin-bottom: 2px;

}



a {

	color: #6131BD;

}



a:hover {

	text-decoration: none;

}



/* navigation */



#nav {

	position: absolute;

	top: 81px;

	right: 0px;

	width: 500px;

}



#nav li {

	width: 7em;

	float: left;

	margin: 0 0.3em;

	padding: 0;

}



#nav a {

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	padding: 4px 0;

	display: block;

	text-align: center;

}



#nav a:hover {

	text-decoration: underline;

}



#nav li.a   { background: url(images/menu_a_bg.gif) no-repeat; }

#nav li.a a { background: url(images/menu_a_r.gif)  top right no-repeat; }

#nav li.b   { background: url(images/menu_b_bg.gif) no-repeat; }

#nav li.b a { background: url(images/menu_b_r.gif)  top right no-repeat; }

#nav li.c   { background: url(images/menu_c_bg.gif) no-repeat; }

#nav li.c a { background: url(images/menu_c_r.gif)  top right no-repeat; }

#nav li.d   { background: url(images/menu_d_bg.gif) no-repeat; }

#nav li.d a { background: url(images/menu_d_r.gif)  top right no-repeat; }























/* PAGE NUMBER BAR*/

#menu1 {

	height:35px;

	line-height:35px;

	padding:5px 15px 5px 15px;

	border:thin;

	background:#000000;

	}





#menu1 ul {

	list-style-type:none;

	background:#CCCCCC;

	

	}

#menu1 li {

	float:left;

	

	}

	

	

#menu1 li a {

	padding:5px 15px 5px 15px;

		color:#000000;

		 border:thick;

 border-bottom-color:#99FF00;

		font-family:"Trebuchet MS";

		font-size:12px;

		color:#000000;

	margin-right:2px;

	background:#CCCCCC;

 



	}

	

		

#menu1 li a:hover {

padding:5px 15px 5px 15px;

background:#333333;

color:#fff;

 border:thick;

 border-bottom-color:#99FF00;

}





#menu1 li a:visited {

padding:5px 15px 5px 15px;

background:#000000;

color:#fff;

 border:thick;

 border-bottom-color:#99FF00;

}



















/* body */



#body { width: 100%; }



#body { background: #fff url(images/bg.JPG); }

#body div { background: url(images/body_tl.JPG) top left no-repeat; }

#body div div { background: url(images/body_tr.jpg) top right no-repeat; }

#body div div div { background: url(images/body_dl.JPG) bottom left no-repeat; }

#body div div div div { background: url(images/body_dr.jpg) bottom right no-repeat; }

#body .inner div {

	background: none;

	width: 780px;

	position: right;

}



.inner1 div1{

	background: none;

	width: 60px;

	position: right;

}



#body .inner {

	color: #000000;

	

	padding: 18px 20px 20px 10px;

}



#body h2 {

	margin-top: 3px;

	text-indent: -3px;

}



* html #body h2 {

	margin-top: 21px;

	marg\in-top: 3px;

}



#body p {

	margin: 1px 1px;

}



#body #dividerx {

	clear: both;

	margin: 0 1em;

	padding: 12px 0;

	background: url(images/divider_h.gif) 12px 12px repeat-x;

}



/* darkboxes */



* html #boxes, * html #boxes .inner { width: 100%; }

* html #body #boxes #left .inner  { width: 100%; w\idth: 90%; }

* html #body #boxes #right .inner { width: 100%; w\idth: 95%; }



#body #boxes { background: #fff repeat-y; }



#body #boxes div div { background: url(images/box_b.gif) bottom left no-repeat; }

#body #boxes .inner div { background: none; }



#body #boxes .inner {

	color: white;

	

	padding: 0;

}



#left {

	float: left;

	width: 194px;

}



.leftbar 

{

	float: left;

	width: 180px;

	border: 1px solid #cccccc;

	background-color: #ffffff;

	margin-left: 2px;

	margin-top: 10px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 1px;

	position: left;

}







#right1 {

	float: left;

	width: 404px;

}



#body #boxes #left .inner,

#body #boxes #right .inner {

	padding: 10px 11px 0px 11px;

}



#boxes ul {

	margin: 0;

	padding: 0;

}



* html #boxes ul {

	margin-left: -0.7em;

	marg\in-left: 0.0em;

}



#boxes li {

	margin: 0.4em 1.8em 0.2em 0.1em;

	padding: 0;

	list-style: none;

}





#left .lowright {

	float: right;

	margin: 0 0 0 1em;

	display: inline;

}



* html #left .lowright {

	margin-bottom: -5px;

}



/* footer */



#footer {

	margin-top: 3px;

	text-align: center;

}



#footer, #footer a {

	font-weight: normal;

	font-size: 9px;

	color: #ffffff;

}



#footer a:hover {

	color: #fff;

	text-decoration: underline;

}

#wrapper #nav {

}