* { padding : 0px ; margin : 0px ; }
body { text-align : center ; height : 100% ; width : 100% ; background-color : #c4a5a5 ; font-family : Calibri, Arial;}
h1 { text-align : left ; font-size : 38px ;  line-height : 38px ; margin : 15px 620px 10px 20px; display : inline-block ; background : url("images/purple.png") repeat-x center; padding : 0px 3px 0px 3px;}
h2 { text-align : left ; font-size : 38px ;  line-height : 38px ; margin : 15px 615px 10px 20px; display : inline-block ; background : url("images/purple.png") repeat-x center; padding : 0px 3px 0px 3px;}
/* span is used in the anchors as a clickable area */

span { display : inline-block ; width : 100% ; height : 100% ; }

#all { width : 980px ; height : 100%;  display : inline-block ; margin-right : auto; margin-left : auto ; text-align : left ; }
#main { width : 780px ; min-height : 1000px ; height : 100% ; float : left ; margin-top : 15px ; background : url("images/background.png") top center no-repeat;}
#address { float : left ; height : 200px ; width : 170px ; background : url("images/address.png") top left no-repeat ; margin-top : 30px ; display : inline-block ; text-align : right ;} 
#address p { margin-top : 40px ; margin-left : 5px ; padding-left : 0px ; font-size : 14px; font-weight : bold;}
#site1 { width : 187px ; height : 176px ; margin : 50px 0px 0px 100px ; float : left ; display : inline-block ;}
#site2 { width : 169px ; height : 200px ; margin : 40px 116px 325px 0px ; float : right ; display : inline-block ;}
#content { width : 780px; height : 100% ; background : white ; display : inline-block ; min-height : 300px ; }
#bottom { background : url("images/bottom.png") top center no-repeat; width : 780px ; height : 20px ; display : inline-block ;}

.heading { text-align : center ; font-size : 48px ; font-weight : bold ; line-height : 48px ; margin-top : 15px ;}
.heading2 { text-align : center ; font-size : 28px ;  line-height : 28px ; margin-top : 15px ; margin-bottom : 30px ;}

p { margin: 10px  20px 10px 20px ; text-align : left ;}