html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1.5em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.sf-menu {
    line-height:	.5;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
    border-bottom: 1px solid #333;
}
.sf-menu ul li.last	{
    border-bottom: none;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
    z-index:		99; /* keeps menus on top of things in IE 7 */
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0em;
    top:			32px; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			14em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			14em; /* match ul width */
    top:			0;
}

/*** DEMO SKIN ***/


/*** shadows for all but IE6 **
.sf-shadow ul {
	background:	url('../../_images/_common/menu/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
*/

/* ----------------------------
	 Template Grid Styles
---------------------------- */

body { background-image: url('../images/common/main_background.jpg'); padding:0; margin:0;}

p a {color:#02321f;}

#menu_wrapper, #header_wrapper {width:100%; padding:0; margin:0;}
#header_wrapper{ background-image: url('../images/common/header_background.jpg'); }
#content_wrapper {margin:0 auto; padding:0; width:960px; background-image: url('../images/common/content_bground.jpg'); background-position: top right; background-repeat: no-repeat;  background-color: #ecebdb;}
#header_wrapper {background-color: #1b1b1b; height:250px;}

#menu_wrapper {background-color: black; height:36px;}

#header {background-image: url('../images/home/puzzle_image.jpg'); background-repeat: no-repeat; background-position: top right; margin:0 auto; padding:0; width:960px; height:250px;}
#footer {border-top:1px solid #000; margin:0 auto; padding:10px 0 0 0; width:910px;}

#content_col1, #content_col2, #content_col3 { padding:20px 25px; width:290px;}

#content_col2 { float:right;}
#content_col3 { float:right;}

#clear_float {clear:both;} /* This solves an issue with floated columns extending beyond the borders of wrapper_container */

.float_right { float:right; }
.float_left { float:left; }


/* -------------------------------------------
	 Page Specific Styles
------------------------------------------- */

.home #content_col1 { padding:20px 25px; width:420px;}
.home #content_col3 { padding:20px 25px; width:430px;}
.home #login_box 	{background-color: #08402a; margin: 0 auto; text-align: center; width:350px;}


.bio #content_col1, .contact #content_col1 { padding:20px 25px; width:450px;}
.bio #content_col3, .contact #content_col3, .privacy #content_col3 { padding:20px 25px; width:400px;}

.services #content_wrapper {margin:0 auto; padding:0; width:960px; background-image: url('../images/services/services_bground.jpg'); background-position: top left; background-repeat: no-repeat;  background-color: #ecebdb;}
.services #content_wrapper #content_col1, .services #content_wrapper #content_col2, .services #content_wrapper #content_col3 { padding:20px 25px; width:260px; }

.clients .tip {padding:0 0 30px 0;}
.clients #content_col1 { padding:20px 25px; width:650px;}
.clients #content_col3 { padding:20px 25px; width:200px;}

#clients_main {margin:0 auto; padding:15px 0; width:900px;}

.privacy #content_col1 { padding:20px 25px; width:910px;}

body { font-family: Georgia, "New Century Schoolbook","Nimbus Roman No9 L",serif;}


/* -----------------------
	 Menu Styles
----------------------- */

.sf-menu	{float:right; padding:0; margin:0;}

#nav_main {
    font-family: Verdana, Geneva, sans-serif;
    background-color: #000;
    margin:0 auto;
    padding:0;
    width: 960px;
}

#nav_main ul { background-color: #000; padding: 0; margin: 0;}

#nav_main ul li, #nav_global ul li a { padding: 0; margin: 0;}

#nav_main ul li a {
    padding: 15px;
    margin: 0;
    border-left: 1px solid #333;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    color: #dab77f;
    width: auto;
}

#nav_main ul li ul li a	{ padding: 6px 10px; white-space: normal; line-height: 15px; }
#nav_main li:hover ul, #nav_main li.over ul{ display: block; }
#nav_main ul li a:hover	{ color: #FFF; background-color: #6B001D;}
#nav_main ul li ul, .sf_hover a	{ background-color: #000; width:11em; margin:4px 0 0 0;}
#nav_main ul li.sf_hover ul li a:hover	{background-color: #000 !important;text-decoration: none;}



/* -----------------------
	 Header Styles
----------------------- */
h1 {padding:40px 0 30px 20px;}
h2, h3, h4, h5, p { margin:0; }
h2 { font-size: 1.2em; font-weight:lighter; line-height:1.7em; padding:0 0 5px 0; }
h3 { font-size: .8em; padding:5px 0 0 0; }
h4 { font-size: .75em; padding:5px 0 0 0; }

#header h2 {color:#fff; font-size: 1.4em; line-height:1.3em; padding:0 0 5px 20px;}




/* -----------------------
	 Paragraph Styles
----------------------- */

p { font-size: .75em; padding:0 0 10px 0; line-height:1.45em;}
#content_wrapper #footer p { font-family:Verdana, Geneva, Tahoma, sans-serif; font-size: 11px;}



/* -----------------------
	 list Styles
----------------------- */

ul, ol {font-style: italic; list-style-position: inside;}




/* -----------------------
	 Form Styles
----------------------- */

input, textarea {border:none; padding:5px; font-size: 14px; width:250px; background-color: #fff;}
#login_box .button {font-size: 13px; height:26px; width:98px; margin:20px 0; background: url('../images/home/submit_button_bground.png'); text-transform: uppercase; letter-spacing: .1em;}

#login_box {font-family:Verdana, Geneva, Tahoma, sans-serif;}
#login_box p, #login_box h2 {color:#dab77f; padding:0; margin:0;}
#login_box h2 {text-transform: uppercase; font-size: 1em; letter-spacing: .2em; padding: 10px 0; font-family: Georgia, "New Century Schoolbook","Nimbus Roman No9 L",serif;}
#login_box legend	{display: none;}
#login_box input	{padding:5px 5px; font-size: 15px; background: none; background: url('../images/home/text_box_bground.png'); width:231px; height:25px;}
#login_box a {color:#fff; font-size: 11px; text-decoration: none; color:#dab77f}

#login_box #error_msg {font-size: 12px; color:#fc3; padding:0 0 10px 0;}
.form_error {font-size: 12px; color:#fc3; padding:5px 0 0 0;}

#about.privacy #content_wrapper #content_col1 input {padding:5px 5px; font-size: 15px; background: none; background: url('../images/home/text_box_bground.png'); width:231px; height:25px;}
#about.privacy #content_wrapper #content_col1 .button {font-size: 13px; height:26px; width:98px; margin:20px 0; background: url('../images/home/submit_button_bground.png'); text-transform: uppercase; letter-spacing: .1em;}
#about.privacy #content_wrapper #content_col1 ul {list-style-type: none;}


/* -----------------------
	 Home Page Styles
----------------------- */
#home #content_wrapper #content_col1 h2 {font-size: 1.1em; line-height: 1.45em;}
#home #content_wrapper ul, #about #content_wrapper ul { font-size: .9em; padding:0 0 20px 0; list-style-type:disc;}
#home #content_wrapper ul li, #about #content_wrapper ul li {padding-left:10px;}
#home #content_wrapper ul li ul,  #about #content_wrapper ul li ul {font-size: 1em; list-style-type:circle; padding:0;}

#home #content_wrapper ul {text-transform: uppercase; font-size: 11px; letter-spacing: .1em; font-style: normal; font-weight: bold;}

#home #content_wrapper h3 {font-size: 17px; font-style: italic; font-weight: normal; padding:10px 0 10px 0;}


/* -----------------------
	 About Page Styles
----------------------- */

#about #content_wrapper #content_col1 h2, .services #content_wrapper #content_col1 h2 {font-size: 1em; line-height: 1.45em;}
#about #content_wrapper #content_col1 p, .services #content_wrapper #content_col1 p {font-size: .9em;}


/* -----------------------
	 Services Page Styles
----------------------- */
.services #content_wrapper #content_col2 h3, .services #content_wrapper #content_col3 h3 {font-size: .9em; line-height: 1.45em;}
.services #content_wrapper #content_col2 ul, .services #content_wrapper #content_col3 ul {font-size: .9em; padding:0 0 15px 0; list-style-position: outside;}
.services #content_wrapper #content_col2 ul li, .services #content_wrapper #content_col3 ul li {line-height: 1.1em; padding:0 0 7px 0;}
.services #content_wrapper #content_col2 ul ul, .services #content_wrapper #content_col3 ul ul {padding:0 0 0 10px;}
.services #content_wrapper #content_col2 ul ul li, .services #content_wrapper #content_col3 ul ul li {line-height: 1.1em; padding:4px 0;}


/* -----------------------
	 Client Area Page Styles
----------------------- */
#clients #content_wrapper .tip h2 {font-size: .7em; text-transform: uppercase; display: inline;}
#clients #content_wrapper .tip h2 .issue_date {color:#08402a; font-size: 1.5em; padding:0 20px 0 5px; display: inline;}
#clients #content_wrapper .tip h2 .issue_number {color:#08402a; font-size: 1.5em; padding:0 10px; display: inline;}
#clients #content_wrapper p {font-size: .9em;}
#clients #content_wrapper p strong {font-size: 1.1em;}
#clients #content_wrapper .tip .spacer {height:11px;}

#clients #content_wrapper .tip ol {list-style-type: decimal; list-style-position: outside; margin-left: 20px;}

#clients #content_wrapper #clients_main p {padding:0 0 10px 0; margin:0;}
#clients #content_wrapper #clients_main p strong {font-size: .85em; font-weight: bold;}
#clients #content_wrapper #clients_main p em {font-style: italic; font-size: .85em;}

#clients #content_wrapper #clients_main img {padding:0 0 0 10px; margin:0 0 -5px 0;}



/* -----------------------
	 Jack's Bio Page
----------------------- */

#about.bio #content_wrapper #content_col1 h2 {font-size: 1.3em; line-height: 1.45em;}
#about.privacy #content_wrapper #content_col1 h2 {font-size: 1.3em; line-height: 1.45em;}
#about #content_wrapper ol {list-style-position: outside; list-style-type: decimal; font-style: normal; font-size: .8em; padding: 0 0 10px 17px; line-height: 1.45em;}
#about #content_wrapper ol li {padding:0 0 5px 0;}
#about #content_wrapper ol li ul {padding:0;}



/* -----------------------
	 Forgot Password Page
----------------------- */
#about.privacy #content_wrapper #content_col1 #error_msg {color:#781b2a; padding:0 0 10px 0;}
