@charset "utf-8";
/* CSS Document */

#footer{
	  width:960px;
	  min-height:120px;
  }
  #upperfooter{
	  width:960px;
	  height:40px;
background-color:#3f3f3f;
padding-top:20px;

  }
#middlefooter{
	  width:940px;
	  height:20px;
background-color:#1a1a1a;
padding-left:20px;
padding-top:10px;

  }

  #lowerfooter{
	  width:960px;
	  min-height:40px;
background-color:#1a1a1a;
padding-top:20px;
  }
#leftlowerfooter{
width:640px;
float:left;
padding-left:20px;
}
#middlelowerfooter{
width:160px;
float:left;
}
#rightlowerfooter{
width:140px;
float:right;
}
/* Stylesheet: wdd-footer Modified On 2012-05-28 09:16:49 */
@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-color:#FFF;
	/*background-image:url(/uploads/images/background/dam1920V2.jpg);
	background-repeat:repeat-x;*/
        /*background-image:url(/uploads/images/background/greyStripe.jpg);*/
        background-image:url(/uploads/images/background/blackwhitegradient.jpg);
        background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
}
img{
		border:none;
		margin:0px;		
}

/*set container*/

#container{	
	width: 960px;
	min-height:550px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}




/*wrapper*/

 #wrapper{
	 width:960px;
	 min-height:600px;
	 background-color:#FFF;
 }
 
 .clear{
	 clear:both;
 }
 
#mainheading{
	width:960px;
	height:200px;
}
#slogan{
width:540px;
height:30px;
padding-left:400px;
padding-top:20px;
padding-bottom:5px;
padding-right:20px;
}
#mission{
	width:960px;
	height:320px;
}
#twoboxlinks{
	width:320px;
	height:320px;
	float:left;
}
#twobox1{
        width:320px;
        height:160px;
        float:left;

}
#twobox2{
        width:245px;
        height:90px;
        float:left;
}



#statement{
	width:600px;
	height:300px;
	float:left;
        padding:20px;
        background-color:#cccccc;
padding-top:0px;
}
 
  #boxes{
	  width:960px;
	  height:160px;
  }
  #box1{
	  width:320px;
	  height:160px;
	  float:left;
          
         
  }
  #box2{
	  width:160px;
	  height:160px;
	  float:left;
  }
  #box3{
	  width:260px;
	  height:90px;
	  float:left;
          background-color:#b52a2d;
          padding-left:60px;
          padding-top:70px;
  }
  #box4{
	  width:160px;
	  height:160px;
	  float:left;
  }
#generalcontent{
width:960px;
min-height:160px;
}
#uppercontent{
width:960px;
height:160px;
background-color:#CCC;
}
#graphicbox{
width:320px;
height:160px;
float:left;
}
#descriptionbox{
width:620px;
height:140px;
padding-left:10px;
padding-right:10px;
float:left;
font-height:16px;important!
}

#descriptionbox a{
color:#333;
text-decoration:none;
font-weight:bold;
}
#descriptionbox a:hover{
color:#b52a2d;
text-decoration:underline;
}

#upperbox{
width:610px;
height:80px;
padding-top:20px;
padding-left:10px;
}

#lowerbox{
width:610px;
height:40px;
padding-left:10px;
}



/*for wdd-slideshow template*/
#textbox{
width:280px;
height:280px;
padding:20px;
float:left;
}
#leftuppercontent{
width:320px;
height:480px;
float:left;
}
#rightuppercontent{
width:640px;
height:470px;
float:left;
}
#slideshow{
width:640px;
height:460px;
background-color:#FFF;
}

/*extended gallery*/
#extended{
width:640px;
min-height:460px;
background-color:#FFF;
}

/*for minimal framed content*/
#framedContent{
width:914px;
padding:20px;
border-style:double;
}
/*lower content*/

#lowercontent a{
color:#333;
text-decoration:none;
font-weight:bold;
}
#lowercontent a:hover{
color:#b52a2d;
text-decoration:underline;
}
#greystrip{
width:960px;
height:3px;
background-color:#445565;
background-image:url(/uploads/images/background/greystrip.jpg);
background-repeat:no-repeat;
}
#lowercontent{
width:920px;
padding:20px;
}
 

/* Stylesheet: wdd-general Modified On 2012-07-30 21:25:37 */
@charset "utf-8";
/* CSS Document */

/* by Alexander Endresen and mark */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	background-color: #243135;
/* IE6 Hack */
	height: 1%;
	width: auto;
/* one border at the top */
	border-top: 1px solid #3F565C;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
}
#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
/* sets width of second level ul to background image */
	width: 210px;
	margin: 0px;
	padding: 0px;
/* make the ul stay in place so when we hover it lets the drops go over the content instead of displacing it */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* room at top for li so image top shows correct */
	padding-top: 9px;
/* set your image here, tall enough for the ul */
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ultopup.png) no-repeat left top;
}
/* IE6 hacks on the above code */
* html #primary-nav ul {
	padding-top: 13px;
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ultopup.gif) no-repeat left top;
}
#primary-nav ul ul {
/* insures no top margins */
	margin-top: 0px;
/* pulls the last ul back over the preceding ul */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the preceding ul */
	left: 100%;
/* negative margin pulls the left centered in li next to it */
	top: -3px;
/* set your image here, tall enough for the ul, this is the left arrow for third level ul */
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ultoprt.png) no-repeat left top;
}
/* IE6 hacks on the above code */
* html #primary-nav ul ul {
	margin-top: 0px;
	padding-left: 5px;
	left: 100%;
	top: -7px;
/* IE6 gets gif as it can't handle transparent png */
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ultoprt.gif) no-repeat right top;
}
#primary-nav li {
/* a little space to the left of each top level menu item */
	margin-left: 5px;
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
}
#primary-nav li li {
/* a little more space to the left of each menu item */
	margin-left: 8px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* IE6 hacks on the above code */
* html #primary-nav li li {
	margin-left: 6px;
/* helps hold it inside the ul */
	width: 171px;
}
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: #fff;
/* doing tab menus require a bit different padding, this will give room on right for image to show, adjust to width of your image */
	padding: 0px 11px 0px 0px;
/* makes it hold a shape */
	display: block;
/* remove default "a" underline */
	text-decoration: none;
}
ul#primary-nav li a span {
/* takes normal "a" padding minus some for right image */
	padding: 12px 4px 12px 15px;
/* makes it hold a shape */
	display: block;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}
ul#primary-nav li {
/* set your image here */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/navrttest.gif) no-repeat right -51px;
}
ul#primary-nav li span {
/* set your image here */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/navlefttest.gif) repeat-x left -51px;
/* set text color here also to insure color */
	color: #fff;
/* just to be sure */
	font-weight: normal;
}
ul#primary-nav li li {
/* remove any image set in first level li */
	background:  none;
}
ul#primary-nav li li span {
/* remove any image set in first level li span */
	background:  none;
/* set text color here also to insure color */
	color: #fff;
/* just to be sure */
	font-weight: normal;
}
ul#primary-nav li:hover,
ul#primary-nav li.menuh,
ul#primary-nav li.menuparenth {
/* set hover image, right side */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/navrttest.gif) no-repeat right 0px;
}
ul#primary-nav li:hover span,
ul#primary-nav li.menuh span,
ul#primary-nav li.menuparenth span {
/* set hover image, left side */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/navlefttest.gif) repeat-x left 0px;
/* change text color on hover */
	color: #000;
	font-weight: normal;
}
/* IE6 hacks, the JS used for hover effect in IE6 puts class menuh on li, unless they have a class then just an "h" as seen above and below */
ul#primary-nav li li.menuh {
	background:  none;
	font-weight: normal;
}
/* IE6 hacks */
ul#primary-nav li.menuparenth li span {
	background:  none;
	color: #000;
	font-weight: normal;
}
/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuparent span {
/* gif for IE6, as it can't handle transparent png */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/parent.gif) no-repeat right center;
	color: #000
}
/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuh span {
	background:  none;
	color: #FFF;
	font-weight: normal;
}
/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuparenth {
	background:  none;
	color: #FFF;
	font-weight: normal;
}
ul#primary-nav li.menuactive a {
/* set your image here for active tab right */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/navrttest.gif) no-repeat right 0px;
}
ul#primary-nav li a.menuactive span {
/* set your image here for active tab left */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/navlefttest.gif) repeat-x left 0px;
/* non active is #FFF/white, we need #000/black to contrast with light background */
	color: #000;
/* bold to set it off from non active */
	font-weight: bold;
}
#primary-nav li li a {
/* second level padding, no image and not as big */
	padding: 5px 10px;
/* to keep it within li */
	width: 165px;
/* space between them */
	margin: 5px;
	background: none;
}
/* IE6 hacks to above code */
* html #primary-nav li li a {
	padding: 5px 10px;
	width: 165px;
	margin: 0px;
	color: #000;
}
#primary-nav li li:hover {
/* remove image set in first level */
	background: none;
}
#primary-nav li li a:hover {
/* set different image than first level */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/darknav.png) repeat-x left center;
/* we need #FFF/white to contrast with dark background */
	color: #FFF;
}
#primary-nav li.menuparent li a:hover span {
/* insures text color */
	color: #FFF;
}
ul#primary-nav li:hover li a span {
/* first level is #FFF/white, we need #000/black to contrast with light background */
	color: #000;
/* just to insure normal */
	font-weight: normal;
}
#primary-nav li li.menuactive a.menuactive, #primary-nav li li.menuactive a.menuactive:hover {
/* set your image here, lighter than hover */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/nav.png) repeat-x left 0px;
/* non active is #FFF/white, we need #000/black to contrast with light background */
	color: #000;
}
#primary-nav li li.menuactive a.menuactive span {
/* insures text color */
	color: #000
}
#primary-nav li li.menuactive a.menuactive:hover span {
/* insures text color */
	color: #000;
}
/* IE6 hacks to above code */
#primary-nav li li.menuparenth a.menuparent span {
/* right arrow for menu parent, IE6 gif */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/parent.gif) no-repeat right center;
	color: #000
}
/* IE6 hacks to above code */
#primary-nav li li.menuparenth a.menuparent:hover span {
	color: #FFF
}
#primary-nav li li.menuparent a.menuparent span {
/* right arrow for parent item */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/parent.gif) no-repeat right center;
}
#primary-nav li.menuactive li a:hover span {
/* black text */
	color: #000
}
ul#primary-nav li li a.menuactive  span {
/* remove image set in first level */
	background:  none;
	font-weight: normal;
}
#primary-nav li.menuactive li a {
/* second level active link color */
	color: #0587A9;
	text-decoration: none;
	background: none;
}
#primary-nav li.menuactive li a:hover {
/* dark image for hover */
	background:  url(http://www.whiteduckdesign.com.au/uploads/ngrey/darknav.png) repeat-x left center;
}
#primary-nav li.menuactive li a:hover span {
/* white text to contrast with dark background image on hover */
	color: #FFF;
}
ul#primary-nav li:hover li a span, ul#primary-nav li.menuparenth li a span {
	padding: 0px;
	background:  none;
}
/* this is a special li type from the menu template, used to hold the bottom image for ul set above */
#primary-nav ul li.separator, #primary-nav .separator:hover {
/* set same as ul */
	width: 210px;
/* height of image */
	height: 9px;
/* negative margin pulls it down to cover ul image */
	margin: 0px 0px -8px;
/* set your image here */
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ulbtmrt.png) no-repeat left bottom;
}
/* same as above for next level to insure it shows correct */
#primary-nav ul ul li.separator, #primary-nav ul ul li.separator:hover {
	height: 9px;
	margin: 0px 0px -8px;
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ulbtmrt.png) no-repeat left bottom;
}
/* IE6 hacks */
* html #primary-nav ul li.separator {
	height: 2px;
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ulbtmrt.gif) no-repeat left bottom;
}
/* IE6 hacks */
* html #primary-nav ul li.separatorh {
	margin: 0px 0px -8px;
	height: 2px;
	background: url(http://www.whiteduckdesign.com.au/uploads/ngrey/ultop.gif) no-repeat left top;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/* Stylesheet: wdd-horizontalNav Modified On 2012-04-06 11:28:20 */
@charset "utf-8";
/* CSS Document */

/* Sample FormBuilder CSS base */
form {
	margin-top: 10px;
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #CCC;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #ccc;
	font-style: italic;
	font-size: 1.2em;
font-weight:bold;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f00;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
.staticText{
font-weight:bold;
color:#b52a2d;
}
/* Stylesheet: wdd-form Modified On 2012-04-13 21:13:24 */
@charset "utf-8";
/* CSS Document */

/*header*/

#header{
	width:960px;
	height:155px;
}
#titleBar{
       width:925px;
        height:30px;
        background-color:#000;
        padding-left:35px;

}
#topbar{
	width:960px;
	height:50px;
	background-color:#000;
        
}
#print{
       width:70px;
       height:40px;
       float:left;
       padding-top:10px;
padding-left:30px;
}
#breadcrumbs{
       width:275px;
       height:40px;
       float:left;
       padding-left:35px;
       padding-top:10px;
}
#searchbar{
       width:300px;
       height:50px;
       float:right;
}
#socialLinks{
       width:210px;
       height:30px;
       float:left;
padding-top:5px;
padding-bottom:15px;
padding-left:30px;
}
#googlePlus{
       width:5px;
     height:45px;
     float:left;
     padding-top:5px;
}
#navbar{
	width:935px;
	height:20px;
	background-color:#000;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:25px;
}
#redline{
width:960px;
height:3px;
background-color:#ce1403;
}
/* Stylesheet: wdd-header Modified On 2012-06-18 17:15:46 */
@charset "utf-8";
/* CSS Document */

.twobox1 a {
display: block;
width: 320px;
height: 160px;
background: transparent url(/uploads/images/links/multisquares3.jpg) no-repeat;
}

.twobox1 a:hover {
background-position: -100px 0;
background:transparent url(/uploads/images/links/processback1.jpg) no-repeat;
}

.twobox2 a {
display: block;
width: 320px;
height: 160px;
background: transparent url(/uploads/images/links/webdesign.jpg) no-repeat;
}

.twobox2 a:hover {
background-position: -100px 0;
background:transparent url(/uploads/images/links/whiteduckPortfolio2.jpg) no-repeat;
}
.box1 a {
display: block;
width: 320px;
height: 160px;
background: transparent url(/uploads/images/links/graphics.jpg) no-repeat;
}

.box1 a:hover {
background-position: -100px 0;
background:transparent url(/uploads/images/links/graphicsPortfolio4.jpg) no-repeat;
}
.box2 a {
display: block;
width: 160px;
height: 160px;
background: transparent url(/uploads/images/links/logo1.jpg) no-repeat;
}

.box2 a:hover {
background-position: -100px 0;
background:transparent url(/uploads/images/links/logos.jpg) no-repeat;
}

.box3 a {
background-color:#b52a2d;
color:#000;
text-decoration:none;
}

.box3 a:hover {
color:#FFF;
}
.box4 a {
display: block;
width: 160px;
height: 160px;
background: transparent url(/uploads/images/links/man.jpg) no-repeat;
}

.box4 a:hover {
background-position: -100px 0;
background:transparent url(/uploads/images/links/3D.jpg) no-repeat;
}

.generalLink a{
color:#CCC;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.generalLink a:hover{
color:#b52a2d;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}


.imageBorderGeneral{
	border:1px solid #887767;
	padding:5px;
	width:auto;
}

/*css for breadcrumbs*/

.breadcrumbs{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.breadcrumbs a{
color:#b52a2d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.breadcrumbs a:hover{
color:#b52a2d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
}

.classid{
color:#b52a2d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
}

 .currentclassid{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
}

.marginleft{
margin-left:0px;
}
.marginright{
margin-right:0px;
}

.paddingleft{
padding-left:0px;
}
.paddingright{
padding-right:0px;
}



/* Stylesheet: wdd-links Modified On 2012-04-12 07:29:09 */
@charset "utf-8";
/* CSS Document */

/* CSS Document */

.offscreen {
  position: absolute;
  
}

div#navbar {
   margin: 0;
   background: #000;
   width:940;
   text-align: left;
}

div#navbar ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

div#navbar ul li {
   margin: 0;
   padding: 0;
   display: inline;
}

div#navbar ul a:link{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #CCC;
}

div#navbar ul a:visited{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #CCC;
}

div#navbar ul a:active{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #CCC;
}

div#navbar ul a:hover{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #FFF;
   background-color: #CCC;
}

div#leftupperfooter {
   margin: 0;
   text-align: left;
padding-left:20px;
}

div#leftupperfooter  ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

div#leftupperfooter  ul li {
   margin: 0;
   padding: 0;
   display: inline;
}

div#leftupperfooter  ul a:link{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #777;
}

div#leftupperfooter  ul a:visited{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #777;
}

div#leftupperfooter  ul a:active{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #777;
background-color:#CCC;
}

div#leftupperfooter ul a:hover{
   margin: 0;
   padding: .3em .8em .3em .8em;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #F00;
   background-color: #CCC;
}
/* Stylesheet: wdd-navbar Modified On 2012-04-06 11:30:22 */
@charset "utf-8";
/* CSS Document */
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#b52a2d;
	font-weight:bold;
        width:925px;
        height:30px;
        background-color:#000;
        padding-left:35px;
}
.h1{
font-size:60px;
}
.h2{
font-size:48px;
}
.h3{
font-size:36px;
}
.h4{
font-size:24px;
}
.h5{
font-size:18px;
}
.h6{
font-size:16px;
}
.h7{
font-size:14px;
}
.h8{
font-size:12px;
}
.h9{
font-size:10px;
}
.italic{
font-style:italic;
}
.bold{
font-weight:bold;
}
.white{
color:#FFFFFF;
}
.black{
color:#000000;
}
.palegrey{
color:#CCC;
}
.darkgrey{
color:#777;
}
.red{
color:#b52a2d;
}
.center{
text-align:center;
}
.italictext{
font-family:Textile, Comic Sans MS, Helvetica, Arial, sans-serif;
}
.displayinline{
display:inline;
}
/* Stylesheet: wdd-typography Modified On 2012-06-18 18:03:52 */