/*
Theme Name: Gravity Interactive
Theme URI: http://www.gravityinteractive.co.uk/
Version: 1.0
Author: Michael Lomas
Author URI: http://www.gravityinteractive.co.uk/

*/



* { margin: 0; padding: 0; }

body { background-image: url(images/background.jpg); background-repeat: repeat-x; background-color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; } 

h1 { color: #ffffff; font-size: 1.8em; font-weight: normal; line-height: 1.8em; margin-bottom: 1em; margin-bottom: 10px; margin-top: 10px; }
h2 { color: #ffffff; font-size: 1.8em; font-weight: normal; line-height: 1.8em; margin-bottom: 1em; margin-bottom: 10px; margin-top: 10px; } 
p, blockquote { color: #cccccc; font-size: 1.1em; line-height: 1.8em; margin-bottom: 10px; margin-top: 10px; }
blockquote { font-style: italic; text-indent: 32px; background-image: url(images/testimonial.gif); background-repeat: no-repeat; }
a { color: #ffffff; text-decoration: none; }
a:hover { border-bottom: 1px dotted #ffffff; }
.gravity { color: #ffffff; font-weight: bold; }
.interactive { color: #cc0000; font-weight: bold; }
h1 .gravity { color: #cccccc; font-weight: normal; }
h1 .interactive { color: #cc0000; font-weight: normal; }
.clear { clear: both; }

#container { width: 900px; margin: auto; }

#header { height:150px; }
#header #logo { float: left; }
#header #logo img { border: none; }
#header #logo a:hover { border: none; }
#header #mainmenu { float: right; font-size: 1.1em; }
#header #mainmenu ul li { float: left; line-height: 150px; margin-left: 30px; list-style: none; }
#header #mainmenu ul li a { color: #cccccc; text-decoration: none; }
#header #mainmenu ul li a:hover { border-bottom: 1px dotted #cccccc; }

#banner { width: 900px; height: 276px; }
#banner .item { top: 0; left: 0; width: 900px; height: 276px; }
#banner .item .text { width: 440px; bottom: 0px; left: 0px; position: absolute; }
#banner .item .text a img { border: none; }
#banner .item a img { bottom: 15px; right: 0px; position: absolute; border: none; }

#showhide { background-image: url(images/showhide.png); width: 36px; height: 35px; float: right; text-indent: -32000px; margin-top: 20px; }
#showhide.up { background-position: top; }
#showhide.down { background-position: bottom; }

ul#bannermenu { list-style: none; border-bottom: 1px solid #666666; height: 35px; padding-bottom: 40px; }
ul#bannermenu li { display: inline; }
ul#bannermenu a { display: block; float: left; line-height: 35px; margin-right: 40px; height: 35px; color: #cccccc; text-decoration: none; font-size: 1.4em; }
#bannermenu a:hover, #bannermenu a.activeSlide { border: none; color: #ffffff; }

#content { border-top: 1px solid #333333; border-bottom: 1px solid #666666; padding-top: 40px; padding-bottom: 40px; } 

.date { color: #666666; }

#about { width: 425px; float: left; margin-right: 25px; }
#team { width: 425px; float: right; margin-left: 25px; }

#testimonials { width: 250px; position: relative; }

#portfoliomenu { width: 266px; float: left; padding-right: 25px; }
#portfoliomenu ul { margin-top: 25px; }
#portfoliomenu ul li { list-style: none; font-size: 1.1em; line-height: 1.8em; }
#portfolio { width: 584px; float: right; padding-left: 25px; }
#portfolio img { border: 5px solid #ffffff; }
#portfolio #featured img { width: 270px; margin-top: 10px; margin-bottom: 14px; height: 180px; }
#portfolio #featured img.left { float: left; margin-right: 24px; }
#portfolio #featured img.right { float: right; }
#portfolio #featured a:hover img { border: 5px solid #cccccc; }

#page { width: 584px; float: left; padding-right: 25px; }
#page ul { color: #ffffff; list-style: none; font-size: 1.2em; width: 50% }
#page ul li { background-color: #666666; margin-top: 10px; margin-bottom: 10px; padding: 2px 4px 2px 4px; }
#submenu { width: 266px; float: right; padding-left: 25px; }
#submenu ul { margin: 0; }
#submenu li { list-style: none; font-size: 1.1em; line-height: 1.8em; color: #666666; }
#edit { clear: both; }

#footer { border-bottom: 1px solid #666666; }
#footer .item { float: left; width: 266px; padding-top: 40px; padding-bottom: 40px; }
#footer .first { padding-right: 50px; }
#footer .last { padding-left: 50px; }

#legal { float: left; }
#legal p, #legal a, #validates p, #validates a { color: #666666; }
#legal a, #validates a { text-decoration: none; }
#legal a:hover, #validates a:hover { border-bottom: 1px dotted #666666; }
#validates { float: right; }

#emailform ol { list-style: none; }
#emailform li { margin-top: 5px; margin-bottom: 5px; font-size: 1.1em; color: #ffffff; }
#emailform li.label { display: block; float: left; text-align: right; clear:both; }
#emailform li.input { width: 300px; }

#emailform input { width: 350px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 7px; padding-left: 5px; padding-right: 5px; color: #333333; }
#emailform textarea { height: 150px; width: 350px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 7px; padding-left: 5px; padding-right: 5px; color: #333333; }

#emailform input.submit { width: 157px; height: 51px; margin-left: 98px; }

#emailform label.default { display: block; float: left; width: 150px; text-align: right; clear:both; margin-right: 15px; line-height: 30px; }
#emailform label.error{ background-color: #666666; border: 1px solid #ffffff; display: block; padding: 10px; margin-top: 5px; margin-bottom: 5px; margin-left: 165px; width: 340px; padding-top: 5px; padding-bottom: 5px; color: #ffffff; }