/*#############################################################
Name: Readysalted Global CSS
Date: 07-07-09
Description: Readysalted global site.
Author: Simon Honeywood, Readysalted Design Ltd © 2009
#############################################################*/

* {padding: 0px; margin: 0px; }

body {background-color: #000; margin: 0; margin-top: 0px; height: 100%; width: 100%; font: normal 12px Arial, Georgia, Sans-Serif;}

/*************************************************/
/* main structural divs                          */
/*************************************************/

#main {width: 955px; height: 100%; margin: 0 auto; margin-top: 0px;	background-color: #fff; padding: 0 1px 0 1px;}

#header {width: 921px; height: 99px; background-color: #fff; margin-bottom: 1px; margin-top: 0px; padding: 0px 0px 5px 17px; text-align: left; }

#content {background-color: #fff; padding: 17px; text-align: left; width: 921px; line-height:130% !important;}

#content #features {width: 915px; height: auto; background-color: #333; margin-right: 1px;}

#content #sub {width: 190px; height: 100%; background-color: #333; float: left; font-size: 12px; padding-bottom:15px;}

#hello {width:921px; height:36px; padding-top:10px; padding-bottom:10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom:6px; }

#hello p {width:655px;}

#hello img {float:left; padding-bottom:4px; }

#footer {text-align: left; font-size: 11px; margin-top: 6px; height: 74px; background: #fff url(../images/reflection.jpg) no-repeat left top; padding: 45px 5px 6px 0px;}

#footerpage {text-align: left; font-size: 11px; margin-top: 6px; margin-left: auto; margin-right: auto; height: 30px; padding: 2px 5px 6px 0px;}

.clear {clear: both;} 

/*************************************************/
/* Additional def.                               */
/*************************************************/

body * {color: #333; font-family: Arial, Helvetica, sans-serif;	}

h1{font-family: Arial,sans-serif; font-size: 100%; color: #cecece; margin: 0px; padding: 0px 0px 3px 0px;}

h2{padding-bottom:12px;}

h3{padding-bottom:12px; color:#CE0808;}

#sub .pad {margin: 5px 10px 5px 10px !important;}

#content .pad {margin: 20px;}

#content #main H2 {font-size: 19px !important; font-weight: normal;}

#content #main {font-size: 13px;}

#sub H5 {margin:0;}

#sub .pad:first-child {margin-top:0;}

ul{list-style-type: none; padding-top: 15px;}

ul ul{list-style-type: disc;}

ul ul ul{list-style-type: none;}

p#contact{font-size: 13px; color: #000; line-height: 1.166; text-align: right; margin-top:0;}

a:link{color: #666; text-decoration: none;}

a:visited{color: #999; text-decoration: none;}

a:hover{color: #d90000; text-decoration: none;}

#contactbox li a:link, ul#contactbox a:visited {display: block; color: #333; text-decoration: none;}

#contactbox li a:hover {color: #d90000;}

.field { border:1px solid #CCCCCC; margin-bottom:4px; height:18px; width:155px;}

.contactfield {border:1px solid #CCCCCC; margin-bottom:14px; font-family:Arial, Helvetica, sans-serif; width:320px !important;  font-size:100%; color:#000000;}

.contactfieldsing {border:1px solid #CCCCCC; margin-bottom:14px; height:18px; width:250px !important; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000000;}

.subhead{font-size:130%; font-weight:bold; padding-top:12px; padding-bottom:12px !important;}

.bold{font-weight:bold;}

/*************************************************/
/* header                             */
/*************************************************/

#flashlogo {float: right; margin-top: 0px; padding:0px; height: 98px; width: 161px;}

#navhead {float: left; padding: 8px 8px 8px 10px; border: 1px solid #cecece; margin-top: 50px; width: 635px;}

#nav {margin: 0px 0px 0px 0px; padding: 0px; color: #333; background-color: #fff; border-bottom: 0px solid #000;}

#navtitle {margin: 0; color: #666; padding: 0 0 3px 0;}

/*************************************************/
/* Category, Feature & Contact                   */
/*************************************************/

.right {width:259px; height:190px; padding-bottom:23px; border-bottom:1px solid #ccc;}

.right2 {width:259px; height:488px; padding-top:20px; padding-bottom:23px; border-bottom:1px solid #ccc;}

#rightpanel {width:260px; padding:0px; float:right;}

#rightpanel img{border:0;}

.right2 img {padding-bottom:4px;}

.jobsimg {width:259px; height:174px; padding-top:10px;}

.feature { background: #FFFFFF; padding: 10px 10px 20px 0; text-align: left; margin-top: 0px; height: 165px; width: 640px;}

.featureportfolio { background: #FFFFFF; padding: 10px 10px 20px 0; text-align: left; margin-top: 0px; height: 105px; width: 580px;}

.feature img{float: left; padding: 0px 8px 0px 0px; position:relative;}

.category { padding: 15px 0px 20px 0px; text-align: left; margin-top: 0; margin-bottom: 10px; height: 84px; width: 640px; border-top:1px solid #ccc; display: block;}

.category p { clear: left;}

.category img{ float: left; padding: 0px 80px 0px 0px; clear:left;}

.portfolioauto { padding: 17px 13px 17px 15px; border: 1px solid #ccc; text-align: left; margin-top: 0; margin-bottom: 20px; height: auto; width: 708px; line-height:140%;}

.portfolio { padding: 17px 13px 17px 15px; border: 1px solid #ccc; text-align: left; margin-top: 0; margin-bottom: 20px; height: auto; width: 708px;}

.portfolio img{ float: left; padding: 12px 12px 12px 12px; border:none !important;}

.about { padding: 17px 15px 17px 15px; border: 1px solid #ccc; text-align: left; margin-top: 0; margin-bottom: 20px; height: auto; width: 878px; line-height:140%; line-height:140% !important;}

.about img{float: right; padding: 6px 6px 6px 6px;}

.leftimg {float: left !important; padding-top:10px; border:0;}

.twitter2 {float: left !important; padding-top:30px; border:0;}

.flickr {float: left; border:0; clear:left; padding-top:10px;}

.socialmedia {display:inline-block}

.socialmedia img {padding-right:7px; padding-top:14px; padding-bottom:20px;}

#twitter {padding-top:25px; padding-left:8px; line-height:140% !important; text-align:left;}

#twitter p { font-family:Arial, Helvetica, sans-serif; line-height:140%; color:#000033; text-align:left; }

#twitter a {color:#2B4F6F; text-decoration:underline; text-align:left;}

#twitter h2 {padding-top: 15px;}

#twitter ul {list-style: none;}

.longtext { padding: 17px 15px 17px 15px; border: 1px solid #ccc; text-align: left; margin-top: 0; margin-bottom: 20px; height: auto; width: 708px;}

.contact {background: #FFFFFF url(../images/sayhello.jpg) no-repeat left top; height: 523px; width: 921px; text-align: right; clear:both;}

.contactbox { background: #FFFFFF; float: right; padding: 10px 10px 12px 10px; text-align: left; margin-top: 10px; margin-right: 0px; height: auto; width: 280px;}

.rightimg {float:right;}

#mrsayhello{float:right; width:400px; height:360px;}


/*************************************************/
/* Footer                            */
/*************************************************/

#footer .pad {margin: 5px 20px 5px 20px;}

.clear {clear: both;}

.cleardiv {clear: both; height:15px;}