/* Heaton Creative styles */

body {background-color: #5F6B77; font-family: Arial, Helvetica, Verdana, Serif;
 color: #5F6B77; padding: 0px; margin-top: 0px; margin-bottom: 20px; background-image: url(../images/background.png); background-position: bottom; background-repeat: repeat-x; font-size: 62.5%;}
 
h1,h2,h3,h4,h5 {font-weight:500;}
h1 {font-size:1.8em; color:#f19d00; }
h1, h2 {margin-top:0px; margin-bottom:15px;}
h2  {font-size:1.4em;}
h2.underline {border-bottom: 1px dotted #cecece; padding-bottom: 10px;}

h3 {font-size:1.4em; margin-top:0px; margin-bottom:15px; color:#5F6B77; }
h4 {font-size: 1.4em; margin-top: 0px; margin-bottom: 15px;}
h4.underline {border-bottom: 1px dotted #cecece; padding-bottom: 10px; margin-bottom: 10px; font-size: 1.4em;}

/*Container*/
#container {width:780px; margin-left:auto; margin-right:auto; margin-bottom:1px;background-color:#FFFFFF; padding-bottom:20px; background-image: url(../images/innershadow.jpg); background-position: bottom left; background-repeat: no-repeat;}

/*Content for full page width*/
#content {position: relative; float:left; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0px; background-color:transparent; width:740px; border:0px; margin: 0px; font-size: 1.0em;}

/*Content for page width and right hand navigation*/
#content_right {position: relative; float:left; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:0; background-color:#fff; background-color:transparent; width:490px; font-size:1.0em; border-right:1px solid #cecece; }

/*Portfolio box holders*/
.foliobox {float:left; margin-right:20px; margin-bottom:30px; margin-left: 0px; margin-top: 0px; padding: 0px;}
.foliobox h2 {font-size:1.3em;margin-top:0px; margin-bottom:10px; color:#5F6B77; font-weight:normal;}

/* Footer styles */
#footer {width:760px; color:#DADDE2; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:0px; margin-top:0px; margin-left: auto; margin-right: auto; line-height: 1.5em; background-image: url(../images/footerbase.jpg); background-position: top; background-repeat: no-repeat; font-size: 1.1em;}
#footer a {color:#DADDE2; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#socialmedia {padding: 0px; margin-bottom: 10px; margin-left: 0px;}

/* Top Navigation */
.navigation {background-color: #e68f25;width: 760px;margin: 0px;padding-left: 20px;padding-top: 0px;padding-bottom: 0px;height: 36px;text-indent: -9000px; background: url(../images/navigationbackground.png); background-position: top right; background-repeat: no-repeat; }
.navigation ul li a { display:block;text-indent: -9000px;width:auto;height:auto;text-decoration:none;}
.navigation ul {list-style-type:none;width: auto;padding: 0px;margin: 0px; font-size: 1.2em;}
.navigation ul li {list-style-type:none;float:left;margin:0px;padding: 0px;width: auto }

/* Breadcrumbs */
#breadcrumbs {width: auto; z-index: 0; background-color:transparent; padding-bottom:8px; padding-top:20px; clear:both; padding-left:20px; padding-top:15px; margin-bottom: 10px; font-size: 1.2em;}
#breadcrumbs p {font-size: 0.9em;}

#breadcrumbs strong {color:#e68f25; font-weight: normal;}
#breadcrumbs p, #breadcrumbs ol, #breadcrumbs ol li { display: inline; padding-left: 0px; margin: 0; }
* html #breadcrumbs ol { padding-left: 3px; } /* IE Hack */
#breadcrumbs ol li { padding: 0 0 0 10px; margin: 0 2px 0 0; background: url(../images/breadcrumb.gif) no-repeat left center; font-size: 0.9em;}
#breadcrumbs ol li.first { background: none; padding: 0; }
#breadcrumbs li a, #breadcrumbs li a:link, #breadcrumbs li a:visited {color: #e68f25; text-decoration: underline; }
#breadcrumbs li a:focus, #breadcrumbs li a:hover, #breadcrumbs li a:active {text-decoration:none;}

/* Top Navigation Elements */
#nav1 a { background-image: url(../images/nav1a.png);width: 132px;background-repeat: no-repeat;background-position: top;height: 36px;overflow: hidden; outline: none;}
#nav1a {background-image: url(../images/nav1a1.png);width: 132px;background-repeat: no-repeat;background-position: top;background-position:0 -36px;height: 36px;overflow: hidden; outline: none;}
#nav2 a {background-image: url(../images/nav2a.png);width: 132px;background-repeat: no-repeat;background-position: top;height: 36px;overflow: hidden; outline: none;}
#nav2a {background-image: url(../images/nav2a1.png);width: 132px;background-repeat: no-repeat;background-position: top; background-position:0 -36px;height: 36px;overflow: hidden; outline: none;}
#nav3 a {background-image: url(../images/nav3a.png);width: 132px;background-repeat: no-repeat;background-position: top;height: 36px;overflow: hidden; outline: none;}
#nav3a {background-image: url(../images/nav3a1.png);width: 132px;background-repeat: no-repeat;background-position: top; background-position:0 -36px;height: 36px;overflow: hidden; outline: none;}
#nav4 a {background-image: url(../images/nav4a.png);width: 132px;background-repeat: no-repeat;background-position: top;height: 36px;overflow: hidden; outline: none;}
#nav4a {background-image: url(../images/nav4a1.png);width: 132px;background-repeat: no-repeat;background-position: top; background-position:0 -36px;height: 36px;overflow: hidden; outline: none;}
#nav5 a {background-image: url(../images/nav5a.png);width: 132px;background-repeat: no-repeat;background-position: top;height: 36px;overflow: hidden; outline: none;}
#nav5a {background-image: url(../images/nav5a1.png);width: 132px;background-repeat: no-repeat;background-position: top; background-position:0 -36px;height: 36px;overflow: hidden; outline: none;}


#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover {background-color: #F19D00;background-position:0 -36px; outline: none; width: 132px;}

/*Right Navigation and cotainer styles*/
#navigation_pane_home {float:left;background-color:transparent; width:200px; padding-left:20px; padding-right:0px; margin-top:0px; margin-right:0px; margin-bottom:20px; margin-left:0px; font-size: 1.0em; }
#navigation_pane_home ul li {margin-bottom:0px;margin-top:0px;margin-left:0px;margin-right:0px;padding-bottom: 6px; padding-top:0px; padding-left: 15px; list-style-type: none; border-bottom: 1px dotted #cecece; padding-bottom: 8px; margin-bottom: 8px;}
#navigation_pane_home ul li.link {margin:0px;margin-top:0px;margin-left:0px;margin-right:0px;list-style-type: none; background-image: url(../images/marker.png); background-repeat: no-repeat; background-position: top left; padding-left: 18px; border-bottom: 1px dotted #cecece; padding-bottom: 8px; margin-bottom: 8px;}
#navigation_pane_home ul li.tick {margin:0px;margin-top:0px;margin-left:0px;margin-right:0px;list-style-type: none; background-image: url(../images/finished-project.png); background-repeat: no-repeat; background-position: top left; padding-left: 18px; border-bottom: 1px dotted #cecece; padding-bottom: 8px; margin-bottom: 8px;}
#navigation_pane_home ul {margin-bottom: 20px; margin-top: 0px; margin-left: 0px; margin-right: 0px; padding: 0px;  font-size: 1.2em;}


/*Links*/
#content a, #content_right a, #content_right_home a, #navigation_pane a, #navigation_pane_home a {color: #5F6B77; text-decoration: underline;margin: 0px;padding: 0px;}
#content a:hover, #content_right a:hover, #content_right_home a:hover, #navigation_pane a:hover, #navigation_pane_home a:hover, #navigation_pane a:hover, #navigation_pane_home a:hover {text-decoration: none;color:#F19D00;}

/*Lists*/
#content_right ul, #content ul {margin-bottom: 15px;margin-left:0px;margin-top:15px;padding: 0px; font-size: 1.2em;}
#content ul.subnav {margin: 0px; padding: 0px; font-size: 1.0em;}
#content_right li, #content li, #content ul.subnav li {list-style: none;padding-left: 0px;padding-top: 0px;margin-top: 0px;line-height: 1.5em; margin-left:30px;height: auto;width: auto;list-style-type: disc; }

/*Paragraph styles*/
p { font-size:1.2em; line-height:1.5em;margin-bottom: 10px;margin-top: 0px;padding:0px;}
.folio {font-size:1.2em; margin-bottom: 15px;margin-top: 0px;padding-bottom:10px; padding-top:5px; border-bottom:1px solid #cecece;}

/*Images*/
img {border:0px;}
.foliobox img {border:2px solid #adadad; padding:5px;}
.foliobox img.imgOver  {border:2px solid #d46e23; padding: 5px;}
img.folioimages {border:2px solid #adadad; padding:5px; margin-bottom:5px;}
img.folioimagesOver {border:2px solid #d46e23; padding:5px; margin-bottom:5px;}
img.photoimage {float:left; border:2px solid #adadad; padding:5px; margin-bottom:5px; margin-right:20px;}
.imgleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.imgleft_icon {float: left; margin-right: 15px; margin-left:0px; margin-bottom: 10px; margin-top:5px;}
.row {float: left; min-height: 175px;}
.portfolio {border-bottom:1px dotted #000; min-height: 170px; margin-bottom:10px; margin-right: 10px;}

/*Quote box styles*/
#quote {width: 160px; padding-left: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; margin-top:0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-color: #d36c28; background-image: url(../images/quote-background.png); background-position: bottom right; background-repeat: no-repeat;}
#quote p {  font-weight: normal; color: #fff; font-size: 1.5em; line-height: 1.4em; padding-bottom: 10px; border-bottom: 1px solid #edbe91;}
#quote p.from {font-size: 1.3em; border-bottom: 0px; padding: 0px; margin: 0px; color: #edbe91;}


/*Image holders on home and services page*/
#servicesImg, #homeImg {margin-bottom: 20px;}
.servicesimage {border:2px solid #adadad; padding:5px; margin-bottom: 0;}
.homeimage {border:2px solid #adadad; padding:5px;}
.homeimageOver {border:2px solid #d46e23; padding:5px; margin-bottom: 20px;}

/*Form Template Styles*/
/*Success*/
#submitted_info {padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0px; border:1px solid #f19d00; margin-bottom: 10px; width: 500px;}
p.success {margin-bottom: 20px; color:#f19d00;}
h2.underline_success{border-bottom: 1px dotted #cecece; padding-bottom: 5px;}
label {display: block; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 1.2em;}
input, textarea {margin-bottom: 10px; color: #f19d00; padding: 2px; font-weight: bold;}
.button {display: block; background-color: #d36b22; border: 0px; color: #fff; font-weight: normal; padding: 8px; background-image: url(../images/submit-over.png); background-position: top; background-repeat: repeat-x; }
.button:hover {background-color: #e58e24; text-decoration: underline; cursor: pointer; cursor: hand;}
.required {margin-left: 8px; color: #f19d00; font-size: 0.8em; text-align: right;}
p.small {padding:0px; margin: 0px; font-size: 1.1em;}
small {font-size: 0.9em;}

/* Table styles */
table { font-size: 1.2em; text-align: center; border: 1px solid #8c8989; padding: 5px; margin-top: 10px; margin-bottom: 20px;}
table tr th { font-weight: bold; padding-bottom: 10px; padding-top: 10px; padding-left: 0px; padding-right: 0px;}
.odd { background-color: #e5e4e4; }
table tr td {padding-top:8px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; width: 98px;}

/* Retainer promo */
#retainerHome {width: 200px; margin-bottom: 20px;}
#retainerHome img {margin-bottom: 8px;}
#retainerHome p {border-bottom: 1px dotted #cecece; padding-bottom: 6px;}

/*Blog images*/

.blogImgStyle {padding: 10px; border: 2px solid #adadad; background-color: white;}


/* Signup form extras */
.mc-field-group input {padding: 0px; margin-left: 0px; margin-bottom: 10px;}
.input-group label {display: inline; margin-right: 20px; margin-top: 0px; margin-bottom: 0px; font-size: 1.1em;}
.input-group {margin-bottom: 20px; margin-top: 0px; padding: 0px;}
fieldset {padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:10px; border: 1px dotted #cecece;  margin-bottom: 10px; width: 444px;}
#mce-FNAME, #mce-EMAIL, #mce-LNAME {margin-bottom: 10px; color: #f19d00; padding: 2px; font-weight: bold; text-align: left; font-size: 1.1em;}
.response {font-size: 1.2em; color: #f19d00; margin-top: 0px; margin-bottom: 10px; padding: 0px;}