/*
Theme Name: Ignition
Theme URI: http://ignitionnbs.co.uk/
Description: WordPress theme
Version: 1.0
Author: Ignition
Author URI: http://ignitionnbs.co.uk/
*/

/*** Main Layout ***/
body { background: #b6d065 url(images/ignition-bg.png) center repeat-y; font-family: Verdana ,Arial, Helvetica, sans-serif; }

h1 { font-size: 16px; font-weight: bold; color: #68a920; margin-bottom: 10px; line-height: 18px; }
h2 { font-size: 1.5em; font-weight: bold;}
h3 { font-size: 1.3em; font-weight: bold;}
h4 { font-size: 1em; font-weight: bold;}
h5 { font-size: 0.8em; font-weight: bold;}
h6 { font-size: 0.7em; font-weight: bold;}

.wrapper { width: 894px; margin: 0 auto; padding: 0 33px 0 33px; background: #ffffff; }

.clear { display: block; clear:both; height:0px; overflow:hidden; }

a, a:visited { text-decoration: none; font-weight: bold; color: #68a920; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:hover { text-decoration: underline; color: #68a920; }

p { font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 13px; line-height: 16px; }

.content ul { list-style: disc; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 13px; line-height: 16px; margin: 10px 0 0 30px; }

strong { font-weight: bold; }
em { font-style: italic; }
.left { display:inline; float:left; }
.right { display:inline; float:right; }


/*** Header ***/
.header { margin: 10px; }

.header-right { float: right; width:  400px; }

#logo { float: left; width: 259px; height: 66px; display: block; margin: 0; }
#login-button {  width: 400px; margin: 0; text-align: right; }
#login-button a { font-weight: bold; color: #6b6b6d; font-size: 14px; text-decoration: none; display: block; padding: 0 0 2px 20px; width: 110px; margin-left: 270px; text-align: right; background: url(../images/arrow.png) 0 0 no-repeat; }

.intouch { width: 400px; text-align: right; color: #000000; font-weight: bold; font-size: 16px; line-height: 22px; margin-top: 5px; }
.phoneno { color: #63a619; display: block; font-size: 25px; font-family: arial, san-serif; }

/* Main Nav */
ul#nav { margin: 10px 0 0 5px; list-style: none; }
#nav li { float: left; margin-left: 35px; float:left; position:relative; z-index:20; }
#nav li.home { margin: 0; }
#nav li a { color: #6b6b6d; text-transform: uppercase; font-weight: bold; font-size: 14px; display: block; padding: 10px 10px 10px 10px; text-decoration: none; z-index:35; position:relative; }
#nav li a:hover { color: #68a920; }

#home .home a, #about .about a, #services .services a, #buy .buy a, #work .work a, #contact .contact a, #c3 .services a, #bespoke .services a, #overhaul .services a, #website .services a, #starter .services a   { color: #68a920; }

#nav ul a { line-height:20px; padding: 0; font-weight: normal; margin: 0; border-bottom: 1px solid #68a920; }
#nav ul { position:absolute; display:none; width: 185px; top:33px; left:-1px; background: #fff; list-style: none; border-left: 1px solid #68a920; border-right: 1px solid #68a920; margin: 0; padding: 0; border-top: 1px solid #68a920; z-index: 99999; }
#nav ul li { margin: 0; z-index: 100; }
#nav li ul a { width: 175px; float:left; text-align:left; padding:2px 0 2px 10px; font-size: 12px; color: #6b6b6d; margin: 0; }

#nav li.services a { background: url(images/down-arrow.png) right 9px no-repeat; padding: 10px 20px 9px 0; }
#nav li.services a:hover { background: url(images/down-arrow.png) right -42px no-repeat; }
#nav li.services ul a { background: #fff; padding:2px 0 2px 10px; }
#nav li.services ul a:hover { background: #fff; padding:2px 0 2px 10px; }

#nav li.work a { background: url(images/down-arrow.png) right 9px no-repeat; padding: 10px 20px 9px 0; }
#nav li.work a:hover { background: url(images/down-arrow.png) right -42px no-repeat; }
#nav li.work ul a { background: #fff; padding:2px 0 2px 10px; }
#nav li.work ul a:hover { background: #fff; padding:2px 0 2px 10px; }

#nav li.buy a { background: url(images/down-arrow.png) right 9px no-repeat; padding: 10px 20px 9px 0; }
#nav li.buy a:hover { background: url(images/down-arrow.png) right -42px no-repeat; }
#nav li.buy ul a { background: #fff; padding:2px 0 2px 10px; }
#nav li.buy ul a:hover { background: #fff; padding:2px 0 2px 10px; }

#nav li.work ul { width: 140px; } 
#nav li.work ul li { width: 140px;  }
#nav li.work ul a { width: 120px; padding: 2px 10px; }
#nav li.work ul a:hover { padding: 2px 10px; } 

#work li.work ul a , #services li.services ul a, #c3 li.services ul a, #bespoke li.services ul a, #overhaul li.services ul a, #website li.services ul a, #starter li.services ul a, #buy li.buy ul a { color: #6b6b6d; background: #fff; }
#work li.work ul a:hover , #services li.services ul a:hover, #c3 li.services ul a:hover, #bespoke li.services ul a:hover, #overhaul li.services ul a:hover, #website li.services ul a:hover, #starter li.services ul a:hover,
#buy li.buy ul a:hover { color: #68a920; background: #fff; }

#top #nav ul ul{ top:auto; border-top:none; }	

#nav li ul ul { left:200px; top:0px }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }

#nav li.blog a { color: #68a920; }

/*** Content ***/
.content h2 a { color: #68a920; }
.content h2 a:hover { color: #68a920; }

/*** Sidebar ***/
.sidebar ul { list-style: none; }
.sidebar h2 { color: #68a920; font-size: 16px; line-height: 18px; font-weight: normal; font-family:Verdana,Arial,Helvetica,sans-serif; }

.widget { margin-bottom: 20px; }


/*** Footer ***/
.footer { height: 55px; width: 749px; padding: 154px 0 0 145px; background: url(images/grass-yellow.jpg) bottom right no-repeat; }

.footer p { color: #999999; line-height: 16px; font-size: 12px; font-weight: normal; }