=====CENTERING USING MARGIN-LEFT:===============

body {
	text-align:center;
}

#wrapper {
	width:720px;
	margin:0 auto;
	text-align:left;
}




==========CENTERING USING MARGIN 0 AUTO:========


#wrapper {
	width:926px;
	position:relative;
	left:50%;
	margin-left:-463px;
}


=============GLOBAL CSS:=========================

/* begin global styles*/
body,div,p,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th {
    margin:0px;
    padding:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

ul,ol {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0px;
}

body { 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#474747;
background: url(../../images/ad101610/backbroundPurple.jpg) #fff top left repeat-x;
}

img {
	border:0px;
}

a {
   outline: 0;
}

/* end global styles */



========SLIDING DOOR CSS:===================

<div id="box">
     <div id="outerbox">
            <div id="innerbox">
             </div>
      </div>
</div>



==========COMMON CSS:======================

1. /* */



2. <div id=""></div>


3. <link rel="stylesheet" type="text/css" href="css/deaconh.css" />


4. 
<ol id="">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
</ol>

//set list style and color of bullet
ul {
    color: #BFBFBF !important;
    list-style-type: disc;
    padding: 8px 10px 8px 25px;
}


5. 
<ul id="">
     <li></li>
     <li></li>
     <li></li>
     <li></li>
</ul>


6. 
{

}