/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,input { margin: 0; padding: 0; }
html, body { text-align: center; background-color: #000; background: scroll #000 url("../images/generic/background_main.png") repeat-x; }
ul,ol { list-style: none; }
img { border: none; }
body { font: 11px/15px Arial, "Lucida Grande", Geneva, Verdana, sans-serif; color: #E6E6E6; }
a { text-decoration: none; font-weight: bold; color: #A7BE31; outline: none; }
a:hover { color: #FFF; }
.bold { font-weight: bold; }

#master_container {
	margin: 0 auto; /* It's important horizontal padding is set to auto otherwise object will not centre */
	width: 960px; text-align: left; }
#header_container { padding: 15px 10px 5px 10px; width: 940px; background: scroll #A7BE31 url("../images/generic/header_gradient.png") repeat-x; }
#content_container { width: 960px; min-height: 500px; height: 100%; border-width: 0; margin: 0; padding: 0; }



/* GLOBAL NAVIGATION */
#glabal_nav_container { width: auto; height: 48px; border-bottom: 1px solid #4B4F25; margin-bottom: 40px; }
#glabal_nav_container #glabal_nav { margin: 0; padding: 0; }
#glabal_nav_container #glabal_nav li { display: inline; }
#glabal_nav_container #glabal_nav li a { float: left; width: 102px; height: 0; padding-top: 38px; overflow: hidden; outline: none; }
#glabal_nav_container #glabal_nav li a { background: scroll url("../images/navigation/global_nav.png") no-repeat; }

/* Buttons */
#glabal_nav_container #glabal_nav li#nav1 a, #glabal_nav_container #glabal_nav li#nav2 a, #glabal_nav_container #glabal_nav li#nav3 a, #glabal_nav_container #glabal_nav li#nav4 a, #glabal_nav_container #glabal_nav li#nav5 a, #glabal_nav_container #glabal_nav li#nav6 a { width: 160px; }
#glabal_nav_container #glabal_nav li#nav1 a { }
#glabal_nav_container #glabal_nav li#nav2 a { background-position: -160px 0; }
#glabal_nav_container #glabal_nav li#nav3 a { background-position: -320px 0; }
#glabal_nav_container #glabal_nav li#nav4 a { background-position: -480px 0; }
#glabal_nav_container #glabal_nav li#nav5 a { background-position: -640px 0; }
#glabal_nav_container #glabal_nav li#nav6 a { background-position: -800px 0; }

/* Over states */
#glabal_nav_container #glabal_nav li#nav1 a:hover { background-position: 0 -80px; }
#glabal_nav_container #glabal_nav li#nav2 a:hover { background-position: -160px -80px; }
#glabal_nav_container #glabal_nav li#nav3 a:hover { background-position: -320px -80px; }
#glabal_nav_container #glabal_nav li#nav4 a:hover { background-position: -480px -80px; }
#glabal_nav_container #glabal_nav li#nav5 a:hover { background-position: -640px -80px; }
#glabal_nav_container #glabal_nav li#nav6 a:hover { background-position: -800px -80px; }

/* Active states */
#glabal_nav_container.nav1-active #glabal_nav li#nav1 a { background-position: 0 -40px; }
#glabal_nav_container.nav2-active #glabal_nav li#nav2 a { background-position:  -160px -40px; }
#glabal_nav_container.nav3-active #glabal_nav li#nav3 a { background-position:  -320px -40px; }
#glabal_nav_container.nav4-active #glabal_nav li#nav4 a { background-position:  -480px -40px; }
#glabal_nav_container.nav5-active #glabal_nav li#nav5 a { background-position:  -640px -40px; }
#glabal_nav_container.nav6-active #glabal_nav li#nav6 a { background-position:  -800px -40px; }



/* MAIN CONTENT */
/* Grid settings */
.column { float: left; margin-bottom: 20px; }
#grid1col, #grid2col, #grid3col { width: 945px; margin-left: 15px; }

#grid1col .colu mn { width: 930px; }

#grid2col .column, #grid3col .column { width: 290px; margin-right: 30px; }
#grid2col #column_a, #grid2col #column_b, #grid3col #column_a, #grid3col #column_b, #grid3col #column_c { vertical-align: top; }

#grid2col #column_a, #grid2col #column_a_spacer { width: 610px; }
#grid2col #column_b, #grid2col #column_a_spacer { margin-right: 0; }

#grid3col #column_a { }
#grid3col #column_b { }
#grid3col #column_c, #grid3col #column_c_spacer { margin-right: 0; }

#grid2col #column_a_spacer, #grid2col #column_b_spacer, #grid3col #column_a_spacer, #grid3col #column_b_spacer, #grid3col #column_c_spacer { padding-top: 78px; }



.simon_naylor_logo { margin-bottom: 15px; }
.main_image { border: 4px solid #808080; background-color: #FFF; }
.column p { margin-bottom: 15px; }
.column h1.primary_intro_text, .column h2.secondary_intro_text { margin-bottom: 20px; font-weight: normal; }
h1.primary_intro_text { font-size: 18px; line-height: 28px; color: #E6E6E6; }
h2.secondary_intro_text { font-size: 14px; line-height: 22px; color: #CCC; }

h3 { margin-bottom: 15px; font-size: 18px; line-height: 25px; color: #CCC; font-weight: normal; border-bottom: 2px solid #797979; }
h4 { margin-bottom: 3px; font-size: 15px; line-height: 18px; }

/* CV and contact */
.column ul.cvc_details h3 { font-size: 18px; line-height: 25px; color: #CCC; border-bottom: 2px solid #797979; }
.column ul.cvc_details { margin-bottom: 40px; }
.column ul.cvc_details ul { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #555; }
.column ul.cvc_details ul li { font-weight: bold; }
.column ul.cvc_details ul li .cvc_label { margin-right: 5px; font-weight: normal; color: #A6A6A6; }

/* Images */
#grid1col .column { text-align: center; }
#grid1col .column ul { }
#grid1col .column ul li { float: left; margin: 0 20px 20px 0; }
#grid1col .column ul li a { float: left; border: 4px solid #808080; background-color: #FFF;; }
#grid1col .column ul li a:hover { border-color: #A7BE31; }


/* Footer */
#footer_container { margin-top: 30px; padding-top: 5px; width: auto; height: 30px; font-size: 10px; line-height: 12px; color: #666; clear: both; border-top: 1px solid #4E4E4E; }