



   .nav4off
               {
               FONT-SIZE: 13px;
               COLOR: #8b0000;
               FONT-FAMILY: verdana,arial;
               FONT-WEIGHT: bold;
               }
 




   .sdate
               {
	       FONT-FAMILY: verdana,arial;
	       FONT-SIZE: 11px;
	       COLOR: #ffffff;
               FONT-WEIGHT: bold 
               }


   

   .mBody1
               {
               COLOR: #000000;
               FONT-SIZE: 13px;
               FONT-FAMILY: verdana,arial
               
               }
 


   .mBody14
               {
               COLOR: #b22222;
               FONT-SIZE: 13px;
               FONT-FAMILY: verdana,arial
               
               }


   .mBody12
               {
                COLOR: #FFFFFF;
                FONT-SIZE: 11px;
                FONT-FAMILY: verdana,arial
               }


   .mBody13
               {
                COLOR: #cc6600;
                FONT-SIZE: 11px;
                FONT-FAMILY: verdana,arial
               } 



   .mMess1
               {
               COLOR: #660000;
               FONT-SIZE: 13px;
               FONT-FAMILY: verdana,arial
               FONT-WEIGHT: bold
               }
 


   .mcorp1
               {
               COLOR: #FFFFFF;
               FONT-SIZE: 11px;
               FONT-FAMILY: verdana,arial
               }


    
    .mHead1    {
               COLOR: #000000;
               FONT-SIZE: 11px; 
               FONT-FAMILY: verdana,arial;
               FONT-WEIGHT: bold 
               }


    .mtext1    {
               COLOR: #000000;
               FONT-SIZE: 13px; 
               FONT-FAMILY: sans-serif,arial;         
               }


    
    





/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

/*
body {font:13px/1.22;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
*/


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/



/* base.css, part of YUI's CSS Foundation */
h1 {
	font-size:120%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:110%;
	padding: 0;
	margin: 0;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}

h1{
	margin: 0 0 .4em 0;
	padding: 0 0 .4em 0;

	border-bottom: 1px solid #D2D2D2;

}

h2,h3 {
	/* top & bottom margin based on font size */
	padding: .2em 0;
	margin:1em 0 .5em 0;
	border-bottom: 1px solid #D2D2D2;
}

h1,h2,h3,h4,h5,h6 {
	color: #000;
}
strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}

#event {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
    font: 10pt tahoma, arial, helvetica, sans-serif;
	text-align: center;
}

abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #fff;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	background: url('images/bullet.gif') top left no-repeat #fff;
	font-size: 93%;
	padding: 0 0 5px 20px;

}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}

p,fieldset,table, code {
	/*so things don't run into each other*/
	padding: 0;
	margin: 0 0 1em 0;
	color: #4F4F4A;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.3em;

}


a:link		{ color: #FFFFFF; text-decoration: none; font: 14pt tahoma, arial, helvetica, sans-serif;}
a:visited	{ color: #FFFFFF; text-decoration: none; font: 14pt tahoma, arial, helvetica, sans-serif;}
a:hover		{ color: #000; text-decoration: none; font: 14pt tahoma, arial, helvetica, sans-serif;}
a:active	{ color: #FFFFFF; text-decoration: none; font: 14pt tahoma, arial, helvetica, sans-serif;}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

html, body {


    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #000000 url(images/background.jpg) repeat;
	text-align: center;

}

	
#a5-body-center {

    margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	background: #ffffff;
	text-align: left;
	width: 800px;
	
	text-align:center;
	
	
	}

/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/
.pagewidth{
	width: 600px;
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	}

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

.hr {
	width: 100%;
	height: 1px;
	border-top: solid 1px #D2D2D2;
	margin: 10px 0 10px 0;
	float: left;
}

.large {
	font-size: 105%;
	line-height: 1.4em; 

}

.grey {
	color: #9A9A94;
}


.white {
	color: #ffffff;
}



.spacer {
	width: 100%;
	margin: 20px 0 20px 0;
	height: 10px;
}
/*---------------------------------------------------------------------------------
Layout Styles Global
---------------------------------------------------------------------------------*/
#page{
	padding: 0 30px 0 30px;
}

#topnavigation {
	background: url('images/attitude_design_logo.gif') top left no-repeat #fff;
	border-bottom: solid 1px #D2D2D2;
	padding: .5em 0;
}

#topnavigation ul{
	float: right;
	padding: 0;
	margin: 0;
}

#topnavigation li{
	float: left;
	list-style-type: none;
	padding: 0 .5em;
	font-size: 100%;
	background: none;
}

.narrowcolumn {
	width: 700px;
	float: left;
}

#sidebar {
	width: 180px;
	float: right;
}

#sidebar ul {
	padding: 0;
	margin: 0;
}

#sidebar li {
	list-style: none;
	padding: 0 0 3px 0;
	margin: 0;
	background: none;
}


#attitudeheader {
	background: url('images/header_bg.gif') bottom center no-repeat #FFFFFF; /*ADD THIS BACK IN*/
	height: 282px;
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-bottom: 25px;
	border-bottom: solid 1px #D2D2D2;
}

#attitudeheadertext h1{ /*ADD THIS BACK IN*/
	height:1px;
	padding: 0;
	overflow: hidden;
	border: none;
}

#attitudeheadertext a:link {
	color: #595757;
	}
#attitudeheadertext a:hover {
	color: #999;
	}
	
#sidebar li ul li ul{
	padding: 0 0 0 20px;
	margin: 0;
}



.lefthand_colomn {
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
}

.righthand_colomn {
	float: right;
	width: 570px;
}

.righthand_colomn_small {
	float: right;
	width: 210px;
	margin: 0 0 0 20px;
}

.righthand_colomn_comments {
	width: 300px;
	float: right;
	text-align: right;
}

.righthand_colomn_comments a{
	color: #9A9A94;
}

.righthand_colomn_comments a:hover{
	color: #000;
}

.lefthand_colomn_large {
	float: left;
	width: 560px;
}


.lefthand_colomn_small {
	float: left;
	width: 210px;
	margin: 0 20px 0 0;
}

.righthand_colomn_large {
	float: right;
	width: 560px;
}

.righthand_colomn_large_halfleft {
	float: left;
	width: 320px;
	margin: 0 20px 0 0;
}

.righthand_colomn_large_halfright {
	float: right;
	width: 320px;
}

.righthand_colomn_large .small_left {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
}

.righthand_colomn_large .large_right {
	float: left;
	width: 520px;
}

.smalltextunder {
	margin-bottom: 0;
}

.smalltext{
	font-size: 90%;
	color: #9A9A94;
	font-style:italic;
}

.thirdscontainer {
	width: 570px;
}

.righthand_colomnthird {
	width: 170px;
	float: left;
	margin: 0 20px 0 0;
}

.righthand_colomnthirdend {
	width: 184px;
	float: left;
	margin: 0;
}

.righthand_colomnthird p{
	font-size: 90%;
	color: #000;
	padding: 0 0 8px 0;
	margin: 0;
}

.righthand_colomnthirdend p{
	font-size: 90%;
	font-size: 90%;
	color: #000;
	padding: 0 0 8px 0;
	margin: 0;
}

.righthand_colomnthird img{
	margin: 0 0 20px 0;

}

.righthand_colomnthirdend img{
	margin: 0 0 20px 0;

}

.lineabove {
	margin: 6px 0 0 0;
	font-size: 90%;
}


/*---------------------------------------------------------------------------------
Footer -*/

#corner, .push {
	position: fixed; bottom: 0; left: 0;
	height: 160px; /* .push must be the same height as .footer */
}

#footer {
	border-top: 1px solid #D2D2D2;
	margin: 0.5px 0 120px 0;
	padding: 20px 0 20px 0;
}

#footer ul{
	padding: 0;
	margin: 0;
	float: right;
}

#footer li{
	float: left;
	list-style-type: none;
	padding: 0 0 0 10px;
	background: none;
}

.footer_cont {
	width:100%}


#footer li a:link		{ color: #888; text-decoration: none;}
#footer li a:visited	{ color: #888; text-decoration: none;}
#footer li a:hover		{ color: #6B0A0A; text-decoration: none;}
#footer li a:active		{ color: #888; text-decoration: none;}


/*---------------------------------------------------------------------------------
Home Page -*/

.latestposts ul{
	padding: 0;
	margin: 0;
}

.latestposts li{
	padding: 0;
	list-style-type: none;
	margin: 0 0 8px 0;
	background: none;
}

/*---------------------------------------------------------------------------------
Portfolio Page -*/

.portfolio_image{
	border-width: 1px;
	border-style: solid;
	border-color: #EBEAE1;
	padding: 2px;
	margin: 0 0 10px 0;
}
.portfolio_image img{
	border-width: 1px;
	border-style: solid;
	border-color: #EBEAE1;
}

.portfolioitem {
	margin: 0 0 40px 0;
}
.portfolio_smalltextunder {
	margin: 0;
	padding: 0;
}

.portfolio_text {
	font-size: 90%;
}


/*---------------------------------------------------------------------------------
About Us -*/

.process{
	padding: 10px 0 0;
	font-style:italic;
	color: #333;
	border: none;
	font-size: 30px;
	margin: 0;

}

.recognition {
	margin: 23px 0 0 0;
	float: left;
}


/*---------------------------------------------------------------------------------
Journal -*/


.post{
	margin: 0 0 40px 0;
}

.category a {
	color: #666;
}

.category a:hover {
	color: #000;
}

.post_title a{
	color: #000;	
}

.post_title a:hover{
	color: #6B0A0A;	
}

form #comment {
width: 300px;
}

.comments_colomn_left{
	width: 320px;
	float: left;
	padding: 0 30px 0 0;
}

.comments_colomn_right{
	width: 350px;
	float: right;
}

.archivelist li{
	border-bottom: 1px solid #D2D2D2;
	padding: 5px 0 5px 0;
}

.C2A {
	margin: 10px 0 10px 0;
}

.commentlist p{
	font-size: 90%;
	padding: 2px 0 0 0;
}

.commentlist li{
	padding: 5px 0 2px 0;
}

.commentlist li .commentmetadata {
	padding: 0 0 6px 0;
}


#C2A_long{
	text-align: center;
	margin: 0 auto 0 auto;
}

#searchform {
	padding: 10px 0 10px 0; 
}

#searchform #s{
	width: 180px;
	margin: 0 0 6px 0;
}

#content .post .entry p object{
	padding: 10px 0 10px 0;
}

.block {
padding: 20px 0 20px 0;
}

.social_bookmark {
	margin: 20px 0 20px 0;
	color: #555;
	font-style: normal;
}


#a5-body-center {

    margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	background: #ffffff url(images/bridge.gif) bottom no-repeat;
	text-align: left;
	width: 800px;
	height:100%;
	text-align:center;
	
	
	}	


#wrap {
    margin: 0 O 0 20px;
	color: #FFFFFF;
	font: 14pt tahoma, arial, helvetica, sans-serif;
	Position:absolute;
	top:700;
	
}

#copyright{

    margin: 0 O 0 260px;
	line-height: 5px;
	color: #ffffff;
	font: 15pt tahoma, arial, helvetica, sans-serif;
	bottom:1100;
	
	}

#side-a {
    margin:0 30px 0 5px;
	float: left;
	width: 240px;
	height:100px;
	border-left: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	color: #990000;
	font: 10pt  arial, tahoma, helvetica, sans-serif;
	text-align: left;
}

#side-b {
    margin:0 10px 0 5px; 
	float: left;
	width: 240px;
	height:100px;
	border-left: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	color: #990000;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	text-align: left;
}

#side-c {
    margin:0 5px 0 5px;
	float: right;
	width: 240px;
	height:100px;
	border-left: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	color: #990000;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	text-align: left;
}



#side-a2 {
    margin:20px 30px 0 5px;
	float: left;
	width: 240px;
	height:100px;
	border-left: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	color: #990000;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	text-align: left;
}

#side-b2 {
    margin:20px 10px 0 5px; 
	float: left;
	width: 240px;
	height:100px;
	border-left: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	color: #990000;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	text-align: left;
}

#side-c2 {
    margin:20px 5px 0 5px;
	float: right;
	width: 240px;
	height:100px;
	border-left: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	color: #990000;
	font: 10pt tahoma, arial, helvetica, sans-serif;
	text-align: left;
}



					
