@charset "UTF-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}


/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ALL CODE ABOVE THIS IS FOR RESETTING THE BROWSER DEFAULTS */
@font-face {
    font-family: 'imperium';
    src: url('imperiumserif-webfont.eot');
    src: url('imperiumserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('imperiumserif-webfont.woff') format('woff'),
         url('imperiumserif-webfont.ttf') format('truetype'),
         url('imperiumserif-webfont.svg#imperiumserifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CSS FOR ALL SITE PAGES */
html {		/*use this to make the full site bg red, then make the body bg white */
	background:#cc3333;
}

body {
	background:#FFF;
	width:960px;
	margin:auto;
}

header {
	width:960px;
	background:url(../images/headerstone.jpg) no-repeat;
	height:136px;
	margin:30px auto 0 auto;
}

#logo h1 {
	font:2em 'imperium', "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#330000;
	float:right;
	margin:87px 120px 0 0;
	line-height:1em;
}

nav {							
	float:right;
	background:#FFF;
	width:940px;
	height:40px;
	margin:53px auto 0 auto;
	padding:20px 20px 0 0;  /*use this to spread out nav items*/
	font-size:1.6em;
	font-style:normal;
	font-family:'imperium', "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:right;
	box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	-moz-box-shadow:inset 0 0 10px #000000;
}

a {
	text-decoration:none;
	color:#330000;
}

nav a {
	padding:19px 17px 13.5px 17px;  /*use this to make the rollover bg stretch to top & bottom of the white bg */
}

nav a:hover {
	background:#330000;
	color:#FFF;
}

section {
	width:960px;
	margin:0 auto;
	background:#FFF;
}

#logo {
	height:300px;
	background:url(../images/rgdlogo.jpg) no-repeat 0% 50px;
	margin:-25px 0 0 85px;
}

#logo h1 span,#motto span {
	color:#cc3333;	
}

#iconsbg {
	position:fixed;
	float:left;
	height:120px;
	width:60px;
	background:#330000;
	margin:-100px 0 0 0;   /* learned something new - I can use negative margins */
	
}
	
#iconswhite {
	float:left;
	height:100px;
	width:50px;
	background:#FFF;
	margin:10px 0 0 0;
	box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	-moz-box-shadow:inset 0 0 10px #000000;
	
}

#icons {
	margin:5px 0 0 5px; /* use margins to center the icons in the white space  */
	text-decoration:none;
	line-height:2em;
	list-style-type:none;
}

footer {
	font-size:1em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height:1.5em;
}

footer p {
	text-align:center;	
}

/*  CSS FOR HOME PAGE  */
#homemiddle {
	height:470px;
	width:755px;
	margin:-65px auto 30px auto;
/*	background:url(../images/temp_home.jpg);  /* placeholder before jquery */
}

/*  CSS FOR PORTFOLIO PAGE  */
#portfoliopiece {
	height:auto;
	width:816px;  
	margin:-85px 180px 30px 110px;
	background:#e2dada;
}

#portfoliopiece p {
	margin:20px 0 0 80px;
	color:#cc3333;
}

.workimg, #divstone {  /*horizontally centering the portfolio images */
	margin:0 0 0 64px;
}

/* CSS FOR CONTACT PAGE */
form {
		width:600px;
		margin:-50px auto 20px auto;
		height:auto;
		padding:10px 15px;
		border-radius:15px;
}

form h1,#about h1 {
		background:#e2dada;
		color:#330000;
		font:2em 'imperium', "Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height:1em;
		padding:5px 0 10px 5px;
}

form h2,#about h2 {
		background:#e2dada;
		color:#cc3333;
		font:1.25em 'imperium', "Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height:1em;
		padding:5px 0 10px 5px;
}

fieldset {
		margin-top:20px;
		border:none;
}

legend {
		background:#330000;
		color:#FFF;
		width:95%;
		padding: 8px 2%;
		font:1.2em 'imperium', "Palatino Linotype", "Book Antiqua", Palatino, serif;
		margin-bottom:10px;
		border-radius:5px;
}

input, label, textarea {
		width:90%;
		display:list-item; /*puts them down as a list rather than next to each other */
		list-style-type:none;
		margin-left:2%;
}

input, textarea {
		margin-bottom:15px;	
}

input {
	padding:15px 2%;
}

textarea {
	padding:10px;  /* moves the example text away from the edge */
	height:150px;
}

input:focus, textarea:focus {  /*changes the look when they click into the field */
	background:#e2dada;	
}

input#submit {   /* www.colorzilla.com/gradient-editor */
	background:#e2dada;	
	width:100px;
	font:1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}

input#submit:hover {
	background:#cc3333;	
}

label {
	margin-top:5px;
	padding: 10px 0 0 0;
}


/*
input[type=checkbox] {
	width:10px;
	display:inline;
}  */

/*  CSS FOR ABOUT PAGE  */

#about {
	margin:-40px 0 20px 120px;
	font:1.2em 'imperium',"Palatino Linotype", "Book Antiqua", Palatino, serif;
	width:750px;
}

#about h1 {
	font:1.6em 'imperium',"Palatino Linotype", "Book Antiqua", Palatino, serif;
	width:475px;
	padding:10px 0 5px 5px;
}

#about p {
	margin-bottom:20px;	
	color:#330000;
}

#about p#motto {
	font:bold 1.2em 'imperium',"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.portfolio {
	width:260px;
	height:200px;
	padding-left:7px;	
	padding-top: 7px;
}

.portfolio-web {
	width:260px;
	height:141px;
	padding-left:7px;	
	padding-top: 29px;
	padding-bottom:30px;	
}