body, div, h1, h2, h3, h4, p, a, ul, ol, li {margin:0; padding:0; outline:none;}

body {background:#f5f5f5 url(../images/bg.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif; color:#323232;}
.alignme {width:950px; margin:0 auto;}
.clearme {clear:both; max-height:1px; overflow:hidden; font-size:8px;}

#header {display:block; height:270px;}
  #logo {float:left;}
  #logo a {display:block; opacity:1.0; margin:75px 0 63px 0; width:232px; height:55px; background:url(../images/zenelements.png) top left no-repeat; border:none; text-indent:-7777px;transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;-webkit-transition:opacity .2s ease-in;}
  #logo a:hover {opacity:0.7;}
  #social {float:right; margin:10px 0 0 0; padding:0 10px; width:325px; height:30px; font-family:"Reader Medium", Arial, 'Helvetica Neue', Helvetica, sans-serif;; font-size:12px;}
	#social div {float:left; opacity:0.5;transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;-webkit-transition:opacity .2s ease-in;}
	#social:hover div {opacity:1.0;}
	#s_facebook {width:100px;}
	#s_twitter {width:165px;}
	#s_google {width:50px;}
  #hello {float:right; width:482px; padding:85px 0 0 0; margin:0; font-family: "Reader Medium", Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:46px; color:#c4c8cc; font-style:italic;}
    #hello span {color:#b91d22;}
  #menu {width:960px; margin:15px 0 0 0; clear:both;}
	#menu ul {list-style:none; margin:0;}
	#menu ul li {float:left; width:135px; display:inline; margin:0 25px 0 0; padding:0;}
	#menu ul li a {display:block; padding:5px 0 15px 0; width:135px; height:50px; font-size:16px; font-weight:bold; color:#959191; border:none;}
	#menu ul li a span {display:block; font-weight:normal; font-size:12px; margin:3px 0 0 0; padding:0; color:#959191;}
	#menu ul li a:hover {background:url(../images/ahover.png) bottom left no-repeat; color:#333; text-decoration:none;transition:color .1s ease-in;-moz-transition:color .1s ease-in;-o-transition:color .1s ease-in;-webkit-transition:color .1s ease-in;}
	#menu ul li a:hover span {}
	#menu ul li a:focus {background:url(../images/ahover.png) bottom left no-repeat; color:#333; text-decoration:none;}
	body#home .m1 a {color:#333; background:url(../images/ahover.png) bottom left no-repeat;}
	body#about .m2 a {color:#333; background:url(../images/ahover.png) bottom left no-repeat;}
	body#services .m3 a {color:#333; background:url(../images/ahover.png) bottom left no-repeat;}
	body#portfolio .m4 a { color:#333; background:url(../images/ahover.png) bottom left no-repeat;}
	body#blog .m5 a {color:#333; background:url(../images/ahover.png) bottom left no-repeat;}
	body#contact .m6 a {color:#333; background:url(../images/ahover.png) bottom left no-repeat;}
	
#display {margin:20px 0 0 0; padding:0 0 50px 0;}
  .lThree {float:left; width:230px;}
  .rThree {float:right; width:230px;}
  .lFour {float:left; width:310px;}
  .rFour {float:right; width:310px;}
  .lSix {float:left; width:470px;}
  .rSix {float:right; width:470px;}
  .lEight {float:left; width:630px;}
  .rEight {float:right; width:630px;}
  .lNine {float:left; width:710px;}
  .rNine {float:right; width:710px;}
  .pBreak {clear:both; height:1px; padding:25px 0 0 0; margin:0 0 25px 0;}
  .pBreakBorder {clear:both; height:1px; border-bottom:1px solid #d8d8d8; padding:25px 0 0 0; margin:0 0 25px 0;}
    
#footer {background:url(../images/bg_footer.gif); padding:15px 0 0 0; height:325px; color:#444; font-size:15px; overflow:hidden;}
  #footer h3 {border-left:3px solid #333; padding:1px 0 1px 17px; color:#232323; text-shadow:1px 1px 0 #ddd;}
  .footBlock {float:left; margin:10px 10px 10px 0; width:210px; padding:10px; height:180px; overflow:hidden; background:url(../images/oB10.png);}
    .footBlock ul {list-style:none; margin:10px 0 0 0; border-bottom:1px dotted #555;}
    .footBlock ul li {margin:0; padding:2px 0; border-top:1px dotted #555;}
    .footBlock ul li a {display:block; padding:3px 7px; color:#444; border:none;}
	.footBlock ul li a:hover {color:#444; border:none; background:url(../images/oB10.png);}
  .twitBlock {font-size:12px; float:left; margin:10px 10px 10px 0; width:210px; padding:10px; height:180px; overflow:hidden; background:url(../images/oB10.png);}
    .twitBlock p {text-align:center; margin:0; padding:7px 0 0 0;}
	.twitBlock p a {color:#444; font-size:18px; font-weight:bold; border:none;}
	.twitBlock p a:hover {color:#444; font-weight:bold; border:none;text-decoration:underline;}
	.twitBlock ul {list-style:none; margin:10px 0 0 0; border-bottom:1px dotted #555;}
	.twitBlock ul li {margin:0; padding:2px 0; border-top:1px dotted #555; line-height:1.5; font-size:90%;}
    .twitBlock ul li a {padding:2px 1px; color:#444; border:none;}
	.twitBlock ul li a:hover {color:#444; border:none; background:url(../images/oB10.png);}
  .footLast {float:left; margin:10px 0 10px 0; width:210px; padding:10px; height:180px; overflow:hidden; background:url(../images/oB10.png);}
	.footLast ul {list-style:none; margin:15px 0 0 0;}
	.footLast ul li {display:inline; margin:0 10px 0 0; padding:0; line-height:2;}
	.footLast ul li a {margin:0; padding:0; border:none;}
	.footLast ul li a:hover {border:none;}
    .footLast .s1 a img {background:url(../images/sprite_social.png) 0 0 no-repeat;}
	.footLast .s1 a img:hover {background:url(../images/sprite_social.png) 0 -45px no-repeat;}
    .footLast .s2 a img {background:url(../images/sprite_social.png) -45px 0 no-repeat;}
	.footLast .s2 a img:hover {background:url(../images/sprite_social.png) -45px -45px no-repeat;}
    .footLast .s3 a img {background:url(../images/sprite_social.png) -90px 0 no-repeat;}
	.footLast .s3 a img:hover {background:url(../images/sprite_social.png) -90px -45px no-repeat;}
    .footLast .s4 a img {background:url(../images/sprite_social.png) -135px 0 no-repeat;}
	.footLast .s4 a img:hover {background:url(../images/sprite_social.png) -135px -45px no-repeat;}
    .footLast .s5 a img {background:url(../images/sprite_social.png) -180px 0 no-repeat;}
	.footLast .s5 a img:hover {background:url(../images/sprite_social.png) -180px -45px no-repeat;}
    .footLast .s6 a img {background:url(../images/sprite_social.png) -225px 0 no-repeat;}
	.footLast .s6 a img:hover {background:url(../images/sprite_social.png) -225px -45px no-repeat;}
	#footer a:focus {color:#000;}

  #credits {clear:both; padding:1px 0 0 0; text-align:right; font-size:13px;}
	
TEXT STYLES {}
h1, h2, h3, h4 {font-family:"Reader Medium", Arial, 'Helvetica Neue', Helvetica, sans-serif; color:#b91d22;}
h1 {font-size:30px; font-weight:bold; text-shadow:0 1px 0 #FFF; padding:5px 0 0 0;}
h2 {font-size:24px; font-weight:bold; text-shadow:0 1px 0 #FFF; padding:1px 0 0 0;}
h3 {font-size:18px; font-weight:normal; text-shadow:0 1px 0 #FFF;}
body#services h2 {padding:1px 0 3px 0; font-size:20px;}

p {margin:14px 0; line-height:1.5;}
p.open {font-family:"Reader Medium", Arial, 'Helvetica Neue', Helvetica, sans-serif; font-style:italic; font-size:22px; color:#6d6e71; text-shadow:0 1px 0 #FFF;}

a {color:#b91d22; border-bottom:1px solid #b91d22; text-decoration:none; padding:1px 0;}
a:hover {color:#000; border-bottom:2px solid #b91d22; text-decoration:none;}
a:focus {color:#000; border-bottom:2px solid #b91d22; text-decoration:none;}
a:active {border-bottom:3px solid #b91d22;}
a img {border:none;}

ul {margin:0 0 0 15px;}
ul li {margin:5px 0; padding:0 0 0 20px;}

::-moz-selection {background:#b91d22; color:#fff; text-shadow:none;}
::selection {background:#b91d22; color:#fff; text-shadow:none;}