/* @group main structure */
body, html, ul, li, dl, dt, dd, form, h1, h2 , h3, h4, h5, p {margin: 0; padding: 0;}
ul, li, ul li {list-style-type: none;}        

body {background-color: #F7FBFD; font: 100.1% "Trebuchet MS", "Lucida Grande", Lucida, Verdana, Arial; text-align: center;} 
#body_container {background: url(/images/backgrounds/header_painted.jpg) repeat-x 50% 0; height: 100%; width: 100%;}
#main_container {height: 100%; margin: 0 auto; overflow: hidden; text-align: left; width: 990px;}
#header {color: #3E444B; height: 230px; position: relative; z-index: 10;}

#header_text {bottom: 52px; position: absolute; right: 20px; text-align: right;}
#header .main_links {bottom: 13px; color: #596B7C; font-weight: bold; letter-spacing: 2px; font: 0.7em "Century Gothic", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; position: absolute; right: 20px;}

#footer {clear: both; height: 500px; position: relative;}
.footer_text {color: #596B7C; font-size: 0.8em; left: 0; position: absolute; bottom: 10px;}
#footer li {margin: 3px 0;}

.main_content, #side_content, #portfolio_thumbnails {color: #2d3a46;}
.main_content {float: left; margin-top: 0; margin-right: 35px; width: 460px; z-index: 100;}
#about .main_content, #portfolio .main_content {width: 625px;}

#side_content {float: left; font-size: 0.8em; padding-top: 50px; width: 165px;}
#portfolio_thumbnails {float: right; margin-right: 20px; padding: 30px 0 0; text-align: right; width: 310px;}


/* @end */





/* @group text etc */
#header a:link, #header a:visited {color: #fff; padding-top: 8px; text-decoration: underline; font-style: italic;}
#header a:hover {text-decoration: none;}
#header .main_links a:link, #header .main_links a:visited {background-position: 50% 0; background-repeat: no-repeat; color: #424953; font-size: 1.3em; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none;}
#header .main_links a:hover {text-decoration: none;}

#header h2 {color: #3E444B; letter-spacing: 1px; font: normal normal 1.5em/1.6em Georgia, "Times New Roman", Times, serif;}
#header p {color: #3E444B; font: lighter 1em/1.8em Georgia, "Times New Roman", Times, serif;}


.main_content h2#section_heading {color: #fab967; font-size: 1em;}/* a3cad5 */

.main_content h1 {color: #44454b; border-bottom: 1px solid #DBDBDB; font: 1.6em/1.2em Georgia, "Times New Roman", Times, serif; margin: 15px 0 0.5em; padding: 0 0 5px 0; text-transform: none;} 
#portfolio_thumbnails h2 {color: #656870;  font: normal 0.9em Skia, Futura, Univers, "Univers 55", "Avant Garde Gothic", "Lubalin Graph", Stymie, Rockwell, Verdana, Trebuchet, "Trebuchet MS", Impact, sans-serif; margin: 0; text-align: right;}

.main_content p {color: #767A85; font-size: 0.85em; line-height: 1.5em;}
.main_content p {margin-bottom: 1em;}

.main_content a, #side_content a, #portfolio_thumbnails a, #footer a {color: #385277; text-decoration: none; font-style: italic;} /* color: #147DEC; or orange ef7242 */
.main_content a:hover {text-decoration: underline;}

.main_content ul {font-size: 0.8em; margin: 1em 10px;}
.main_content li, #side_content li {margin-bottom: 3px;}

#portfolio_thumbnails ul {margin: 0 0 0 34px; overflow: hidden; padding-top: 8px; width: 276px;}
#portfolio_thumbnails ul li {float: left; margin: 0 0 16px 16px; width: 122px;}
#portfolio_thumbnails ul li a {background-position: 50% 0; background-repeat: no-repeat; border: 1px solid #596B7C; display: block; font-size: 0.6em; height: 120px; text-align: center; text-indent: -3000px; width: 120px;}

a.portfolio_richmondfilmservices {background-image: url(/images/screenshots/richmondfilmservices-thumb.jpg);}
a.portfolio_sugardrum {background-image: url(/images/screenshots/sugardrum-thumb.jpg);}
a.portfolio_operadamici {background-image: url(/images/screenshots/operadamici-thumb.jpg);}
a.portfolio_landirani {background-image: url(/images/screenshots/landirani-thumb.jpg);}
a.portfolio_msmcd {background-image: url(/images/screenshots/msm-cd-thumb.jpg);}
a.portfolio_cateferris {background-image: url(/images/screenshots/cateferris-thumb.jpg);}
a.portfolio_jsinsurance {background-image: url(/images/screenshots/jsinsurance-thumb.jpg);}
a.portfolio_holidayweather {background-image: url(/images/screenshots/holidayweather-thumb.jpg);}
a.portfolio_msm {background-image: url(/images/screenshots/michaelstorrsmusic-thumb.jpg);}
a.portfolio_hannahkirk {background-image: url(/images/screenshots/hannahkirk-thumb.jpg);}

.panel-wrapper {background-position: 0 0; background-repeat: no-repeat;}
.panel-wrapper h3, .panel-wrapper p {margin-left: 320px;}
.panel-wrapper h3 {color: #656870; font-size: 0.95em;}
.panel-wrapper p {color: #656870; font-size: 0.8em;}

#rfs {background-image: url(/images/screenshots/richmondfilmservices.jpg);}
#sugardrum {background-image: url(/images/screenshots/sugardrum.jpg);}
#operadamici {background-image: url(/images/screenshots/operadamici.jpg);}
#landirani {background-image: url(/images/screenshots/landirani.jpg);}
#msmcd {background-image: url(/images/screenshots/msm-cd.jpg);}
#cateferris {background-image: url(/images/screenshots/cateferris.jpg);}
#jsinsurance {background-image: url(/images/screenshots/jsinsurance.jpg);}
#holidayweather {background-image: url(/images/screenshots/holiday-weather.jpg);}
#msm {background-image: url(/images/screenshots/michaelstorrsmusic.jpg);}
#hannahkirk {background-image: url(/images/screenshots/hannahkirk.jpg);}
/* @end */

/* @group form stuff */
form#web_enquiry {margin-left: 20px;}
label {display: block; font-size: 0.7em;}
div.form_row, div.form_row_textarea {padding: 7px 0;}
div.form_row label, div.form_row_textarea label {color: #534844; display: block; width: 220px; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; padding-right: 4px;} 
div.form_row_button {text-align: right; width: 244px;}
#order_form td input, .form_row input, .form_row_textarea textarea, .form_row textarea {background: #fff; border: 3px solid #cacaca;} 
div.form_row_textarea textarea {height: 100px; width: 320px;}
.date_of_birth_container {visibility: hidden;}

.date_of_birth_container input {background: #e8ebf1; border: 1px solid #e8ebf1;}
.date_of_birth_container label {color: #e8ebf1; font-size: 0.7em;}

/* @end */