body
{
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	min-width: 1000px;
	line-height: 20px;
}



h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 5px 0;
}

h4 a {
	font-size: 12px;
	font-weight: bold;
	color: #C00;
	text-transform: uppercase;
	padding: 3px 0 0px 0;
	margin: 0;
}

b { font-weight: bold; }
.clearBoth { clear: both; }

.style1 {
	color: #FF0000;
	font-weight: bold;
}

#centeredColumn
{
	width: 1000px;
	margin: 0 auto;

	margin-left: expression( (document.body.clientWidth - 1000) / 2 + 'px');
}

#wholeContainer
{
	width: 1000px;
	display: table;
}

/* Head */
#head
{
	width: 1000px;
	height: 140px;
	display: block;
	background-image: url(../images/grey_dot_repeat.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#head1
{
	width: 520px;
	height: 138px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

#head2
{
	width: 451px;
	height: 138px;
	display: block;
	float: left;
}

/* Body */
a.links
{
	color: #002d61;
	text-decoration: none;
	font-weight: bold;
}

a:hover.links { color: #e99519; }

#bodyHome
{
	width: 1000px;
	display: table;
	float: left;
}


#bodySub
{
	width: 840px;
	display: table;
	float: left;
}







.largeList
{
	list-style-image: url(../images/dot.jpg);
	margin: 0 0 0 25px;
	padding: 0;
}

.largeList li {
	margin: 5px 0 5px 0;
	padding: 0;
}

.largeList li a{
	
	font-style: italic;
	color: #F00;
}
.smallList
{
	list-style-image: url(../images/dot.jpg);
	margin: 0 0 0 15px;
	padding: 0;
}

.smallList li {
	margin: 0 0 3px 0;
	padding: 0;
}


.bold
{
	font-weight: bold;
	color: #353B47;
}

.bolder
{
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #EC2D26;
	margin-bottom: 5px;
	margin-top: 15px;
}



/* Footer */
#footer
{
	width: 1000px;
	height: 83px;
	display: block;
	float: left;
}

#location{
	color: #EC2D26;
	font-size: 10px;
	text-align: center;
	}
	
	#location a{
	font-size: 10px;
	text-align: center;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	}
#footerText
{
	color: #EC2D26;
	font-size: 10px;
	text-align: center;
}

#footerText a
{
	color: #EC2D26;
	text-decoration: none;
	font-weight: bold;
}

#footerText a:hover
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}



.space { padding: 11px; }

#bodyTop {
	background-image: url(file:///C|/Users/Carrie/Desktop/Spidertel/redroof/redroof_website_02/images/top_body.gif);
	display: block;
	float: left;
	height: 40px;
	width: 840px;
}
#bodyRepeat {
	background-image: url(file:///C|/Users/Carrie/Desktop/Spidertel/redroof/redroof_website_02/images/slice.gif);
	background-repeat: repeat-y;
	display: table;
	float: left;
	width: 840px;
}
#bodyPadding {
	display: table;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 75px;
}
#bodyLefthead {
	float: left;
	height: 20px;
	display: block;
	background-image: url(../images/grey_dot_repeat.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 549px;
}
#bodyRight {
	display: block;
	float: left;
	width: 451px;
}
#leftColumn {
	display: table;
	float: left;
	width: 549px;
	font-size: 10px;

}

#leftColumnCenter {
	display: table;
	float: left;
	width: 500px;
	font-size: 10px;
	padding: 0 0 0 49px;
	text-decoration: none;

}
#leftPadding {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 65px;
	float: left;
	width: 300px;
}
.pageHeader {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 18px;
	padding-left: 75px;
	color: #EC2D26;
}
.rightImage {
	display: block;
	float: right;
	height: 95px;
	width: 150px;
	padding-left: 10px;
	margin-top: 15px;
}
#subNav {
	display: block;
	float: left;
	height: 22px;
	width: 451px;
}
#gallery {
	display: block;
	float: left;
	height: 500px;
	width: 1000px;

}

#galleryIndex {
	display: block;
	float: left;
	height: 340px;
	width: 1000px;

}

#subPages {
	display: table;
	float: left;
	width: 1000px;
	color: #333;
	padding: 0;
}
#rightTitle {
	display: block;
	float: left;
	height: 20px;
	width: 451px;
	background-image: url(../images/grey_dot_repeat.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#bottomHome {
	background-image: url(../images/grey_dot_repeat.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: table;
	float: left;
	width: 1000px;
}
.contentPadding {
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 50px;
	padding-top: 5px;
}
.rightContentpadding {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.name {
	float: left;
	padding-right: 10px;
	background-color: #FFFFFF;
}
.line {
	float: left;
	width: 115px;
	height: 20px;
}
.title {
	float: right;
	width: 150px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
#staff {
	font-size: 11px;
	float: left;
	height: 22px;
	background-image: url(../images/red_dot_repeat.jpg);
	background-repeat: repeat-x;
	background-position: center;
	width: 400px;
}
#leftMiddle {
	float: left;
	width: 549px;
}
#rightMiddle {
	float: left;
	width: 451px;
}
#leftMiddleimage {
	display: block;
	float: left;
	height: 289px;
	width: 425px;
}
#leftMiddlepadding {
	padding: 20px 0 15px 50px;
	float: left;
}
#rightMiddlepadding {
	padding: 5px 0px 15px 0px;
}
h1 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
#subNavlinks {
	font-size: 8px;
	padding-left: 30px;
}

#subNavlinks a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 8px;
}

#subNavlinks a:hover
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 8px;
}

#subNavlinks a:visited
{
	color: #EC2D26;
	text-decoration: none;
	font-weight: bold;
	font-size: 8px;
}

span.info {
    display: block;
	padding: 1px;
	margin-bottom: 1px;
	background-color: #FFFFCC;
	border: 1px solid #d8d7d7;
	color: #000;
}
#bottomHome a {
	color: #ED2227;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
.smallList a {
	color: #F70400;
	text-decoration: none;
}

#formRow1
{
	height: 30px;
	display: block;
	white-space: nowrap;
	float: left;
	width: 330px;
}

#formRow2
{
	background-color: #add6ff;
	width: 100%;
	height: 30px;
	display: block;
}

#formRow3
{
	height: 55px;
	display: block;
	white-space: nowrap;
	float: left;
	width: 330px;
}

.formTextheader {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

.formText
{
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	display: block;
	float: left;
	width: 80px;
	text-align: left;
	height: 20px;
	padding: 0;
}

.formText2
{
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	display: block;
	float: left;
	width: 230px;
	text-align: left;
	line-height: 30px;
}

.formText3
{
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	display: block;
	float: left;
	width: 81px;
	text-align: left;
	height: 30px;
}


#formField
{
	padding: 2px;
	background-color: #fff;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 200px;
	margin: 5px 0px 0px 11px;
	float: left;
	border: 1px solid #333333;
	height: 20px;
}

#formFieldblue
{
	padding: 2px;
	background-color: #fff;
	border-color: #69c;
	border-width: 1px;
	border-style: solid;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	width: 140px;
	margin: 0 0 5px 0;
	float: left;
}

#formSelect
{
	padding: 2px;
	background-color: #fff;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 11px;
	float: left;
	width: 200px;
	border: 1px solid #333333;
}

#formField2
{
	padding: 2px;
	background-color: #fff;
	border-color: #986400;
	border-width: 1px;
	border-style: solid;
	color: #986400;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 11px;
	font-weight: normal;
	margin: 5px 11px 5px 11px;
	float: left;
}

#formButton
{
	padding: 2px;
	background-color: #AC5125;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 5px 0px 0px 11px;
	cursor: pointer;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
}
.tag {
	float: left;
	height: 89px;
	width: 451px;
}
object {
outline:none;
}
#leftColumnCenter a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img { border: none; }

.breadcrumbs {
	font-size: 9px;
	height: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	font-weight: bold;
}
.breadcrumbs a {
	color: #F00;
}

.latestWork {
	float: left;
	height: 114px;
	width: 230px;
	margin: 0 10px 0 0;
	border: thin solid #000;
}