/* Alan Murray - 14.02.05 */

body {
     margin:0px; 
     padding:0px; 
     height:100%;
     text-align:center;
     background-color:#e9e9e9;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     }

a, a:visited, p {color:#000;}

#container {
     background:#fff;
     border:0;
     width:680px;
     margin:40px auto 0 auto;
     padding:0;
     text-align:left;
	 }

#footer {height:60px; background-color:#e9e9e9; clear:both;}
#footer p {margin:0; padding-top:20px; font-size:60%; padding-bottom:20px; background-color:#e9e9e9; text-align:right;}
#footer a:hover {text-decoration:none;}
#logo_realise {border:0; position:relative; top:5px; left:0;}

#top_content {
     margin:0;
     padding:0;
     border:1px solid #000;
     height:336px;
	 }
#top_content object {text-align:center;}
div#index_swf_replace {text-align:center;}

/* Main navigation */
img#skip_nav {border:0; height:1px; width:1px; display:inline;}
div#nav_container {
     border-left:1px solid #000; 
     border-right:1px solid #000;
	 }
#nav_menu {
     margin:0;
     padding:0;
     }
#nav_menu p {
     padding:0;
     margin:0;
     height:23px;
     margin-left:70px;
     }
#nav_menu a, #nav_menu a:visited {
     font-size:70%;
     font-weight:normal;
     border:0;
     border-left: 1px solid #000;
     color:#000;
     text-decoration: none;
     text-align: center;
     margin:0;
     padding:5px 0.9em 5px 0.9em;
     float:left;
     }
#nav_menu a#last {border-right:1px solid #000;}
#nav_menu a:hover, #nav_menu a:active {background-color:#FADBCB;}

ul {
     list-style-type:none;
     font-weight:normal;
     font-size:70%;
     padding:0; 
     margin:0 70px 5px 5px; /* 70px right for approach page to avoid BG words. */
     margin-left:1px; /* Adjust its indent here! ;) */
     }

li {
     background-image: url("/img/bullet.gif");
     background-repeat: no-repeat;
     background-position: 0 .6em;
     padding-left: 1.3em;
     padding-bottom:0.25em;
	 margin:0.2em .4em 0.2em 0;
     vertical-align:middle;
     }

.recent_work ul {padding-top:9px; margin:0;}
.recent_work li {line-height:18px; margin:0 0 0 18px; padding-bottom:0;}
.recent_work img {
     margin-top:6px;
	 /* IE hack... :( */
     _margin-top:0;
	 }

/* NOTE: Contact page li's on main.css */

/* Used on Portfolio page */
.main_content ul ul {
     list-style-type:none;
     font-weight:normal;
     font-size:100%;
     padding:0;
     margin:0 0 0 0.4em; /* Adjust its indent here! ;) */
     }
.main_content ul ul li {
     padding-left: 1.5em;
     padding-bottom:0.2em;
	 }

.left_column {
    float:left; 
	width:336px;
    background-image:url(../img/dashed_vertical.gif);
    background-position:right;
    background-repeat:repeat-y;
	padding-right:18px;
	}

.main_content .right_column hr {margin:0; margin-bottom:6px;}
.right_column {
     float:right;
     width:228px;
	 height:470px;
	 padding:0 39px 0 0;
     _padding:0 30px 0 0;
     }
.right_column ul li {line-height:20px;}
.right_column ul {
     padding:10px 0 20px 0;
     /* IE hack */
     _padding-bottom:12px;
     }

/* Subscribe to Newsletter */ 
.right_column form {display:inline;}
#news_signup p {padding:0; margin:0;}
#news_signup {
     width:221px;
	 margin:15px 0 8px 0;
     padding:8px 0px 8px 9px;
     background-color:#E5E5E5;
     text-align:left;
	 }
#newsletter input {
     border:1px solid #000;
     font:normal 70%  Verdana, Arial, Helvetica, sans-serif;
	 }

ul.arrow {
     padding:10px 0 10px 0;
	 /* IE hack */
	 _padding-bottom:2px;
     margin:0;
     line-height:14px;
     }

ul.arrow li {
     background-image: url("/tpl/img/bullet_arrow.gif");
     background-repeat: no-repeat;
     background-position: 0 0;
     padding-left: 2.3em;
     padding-bottom:0.5em;
     margin-left: 2px;
     vertical-align:middle;
     }

.clear {clear:both; line-height:1px;}
.clear_skip {clear:both; display:none;}

.main_content hr {
     height:1px;
     padding:0;
     margin:11px 0 6px 0px;
     border:0;
     border-bottom:1px dashed #000;
     clear:both;
     color:#fff;
}

/* Main content styles */
.main_content {
     margin:0;
     background-color:#fff;
     background:url(/img/base_words_index.gif) bottom left no-repeat;
     padding:30px 0 10em 40px;
     border:1px solid #000;
     }
	 
.main_content p {font-size:70%; margin:0px; padding-top:10px;}
.main_content h2 {font-weight:bold; font-size:105%; color:#000; margin:10px 0 10px 0; padding:0;}
.main_content h3 {font-weight:bold; font-size:70%; padding-top:15px; margin:0;}
.main_content a:hover {color:#E7633C;}
.main_content img {padding-top:0px;}

 ol li{font-size:70%; padding-right:70px;}