*{
    margin: 0;
    padding: 0;}
body{
    font-family: Arial;
    background: url("../images/background_repeat.jpg") top repeat-x #efefef;}
img{
    border: none;}
ul li{
    font-size: 13px;}
h1{
	font-size: 17px;}
h1, h3{
    padding: 10px 0;}
h4{
    padding: 15px 0 0 0;}
p{
    font-size: 0.8em;
    color: #4e4e4e;
    padding: 5px 0;}
p.p1{
    font-weight: bold;}
a{
    color: #7D9500;}
a:hover, a:visited:hover{
    color: #84472A;}
a:visited{
    color: #B7CA54;}

#aspnetForm{
    background: url("../images/background.jpg") no-repeat top center;}

#container{
    width: 903px;
    margin: 0 auto;}

/* Top Bar */
#top_bar{
    width: 903px;
    height: 148px;}
#top_bar ul{
    height: 50px;
    margin-top: 5px;
    float: right;
    width: 903px;}
#top_bar ul li{
    float: right;
    list-style: none;}
#top_bar ul li a{
    width: 66px;
    height: 17px;
    margin: 0 3px;
    display: block;    
    text-decoration: none;
    font-size: 10px;
    padding-top: 3px;
    text-align: center;
    color: #FFFFFF;
    background: url('../images/top_bar_button1.png') no-repeat top left;}
#top_bar ul li a:hover{
    margin-top: 2px;}
#top_bar ul li.skype a{
    width: 114px;
    height: 20px;
    padding-top: 0;
    background: none;}
a.logo{
    margin-top: 20px;
    width: 310px;
    float: left;
    height: 45px;}
a.logo:hover{
    background: url('../images/grahamattock_ro.png') no-repeat;}

/* Header */
#header{
    width: 903px;
    height: 208px;
    background: url('../images/header.png') no-repeat top left;}
#header h2, #header p{
    text-indent: -4000px;}
    
/* Top Menu */
ul#top_menu{
    height: 52px;
    width: 903px;
    overflow: hidden;
    background: url('../images/menu_bg.png') no-repeat top left;}
ul#top_menu li{
    float: left;
    padding: 0;
    list-style: none;
    background: url('../images/menu_separater.png') top right no-repeat;}
ul#top_menu li.menu_end{
    background: none;}
ul#top_menu li a{
    height: 45px;
    display: block;
    margin: 0 9px;
    padding: 7px 15px;
    float: left;
    font-size: 13px;
    text-decoration: none;
    color: #FFFFFF;}
ul#top_menu li a .subtitle{
    margin-top: 5px;
    font-size: 11px;
    color: #c1d554;}
ul#top_menu li a:hover{
    padding-top: 12px;
    color: #98B30D;
    background: url('../images/mro_bg.png') no-repeat top left;}
    
/* Content */
#content{
    width: 841px; /*903px*/
    padding: 17px 30px 10px 30px;
    float: left;
    background: #FFFFFF;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;}
#bulk{
    width: 550px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;}
#blog{
    width: 230px;
    float: right;
    border-bottom: 1px solid #cccccc;}
h3.page_title, h3.page_title{
    padding: 0;
    margin-bottom: 10px;
    float: left;
    border-bottom: 1px solid #cccccc;}
#bulk h1.page_title{
    width: 550px;}
#blog h3.page_title{
    width: 230px;}
ul.skill {
    padding-left: 20px;}
ul.skill ul li{
    margin-left: 30px;}
    
/* Footer */
#footer{
    width: 903px;
    height: 30px;
    float: left;
    padding-top: 25px;
    background: url('../images/content_bottom.png') top left no-repeat;}
#footer ul li{
    float: right;
    list-style: none;}