/* CSS Document */
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* CSS Document */
body {	
	font-size:62.5%;
	margin: 0px;
	padding: 0px;
	background:url(images/background.jpg) repeat-x #DFD9C4;
}
/** FORMS */
form {
	margin: 0px;
	padding: 0px;
}
/** HEADINGS */
h1, h2, h3, h4, h5, h6,
p, li {
	margin-left: 0px;
}
h1, h2, h3, legend {
	font-family: Baskerville, "Baskerville Old Face", Warnock Pro, Rockwell, Palatino, Arial, Helvetica, sans-serif;
	color:#660000;
}
h2 {
	font-size: 1.7em;
	background:  url() repeat;
}
h3 {
	font-size: 1.3em;
}
/** TEXTS */
body, th, td, input, textarea, select {
	font-family: "Frutiger", Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #555;
}
p, ul, ol, dl, q {
	margin-top: 0px;
	margin-bottom: 1.1em;
	text-align: left;
	line-height: 155%;
	font-family: "Frutiger", Myriad Pro, Arial, Helvetica, sans-serif;
}

/** LINKS */

a {
  	color: #660000; 
	text-decoration: none;
}
a:hover {
	color: #CC0033;
		text-decoration: underline;
}

/** CONTENT */

#col1 fieldset {
	border:none;
		color:#660000; 
		width:480px;
}
#fieldset, legend {
	font: bold 1.3em Baskerville, Arial, Helvetica, sans-serif;
	padding: 5px;
}
/**************************************************************
   #CODE FOR IMAGES. 
 **************************************************************/
img { border: none; 
}

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}
img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

/**************************************************************
   #HORIZONTAL RULE EFFECT. 
 **************************************************************/
hr {
border : none;
border-top: dashed 1px #E0DAC4;
color : #111;
background-color : #999;
height : 0px;
width: auto;
margin: 20px 10px 20px 0px;
}
.hr1 {
	height: 1px;
}

/*********************
   #WRAP THE CONTENT. 
 *********************/
#wrapper {
	margin:0 auto; 
	padding:0px;
	width:100%;
	height:100%; 
}
#inside-wrapper {
	width:900px;
}

/****************************************************
   #HEADER. CRANBERRY CREATIVE IMAGE POSITIONING. 
 ****************************************************/
 #header {
	width: 900px;
}
#header h1 {
	text-indent:-5000px;
	margin: 8px 135px;
	background:  url(images/header.png) no-repeat left top;
	height: 270px;
}

/************************************************************
   #NAVBAR. USING DIVS AND CLASSES TO POSITION THE NAVEBAR. 
 ************************************************************/
.home {
	display:block;
	width:209px;
	height:57px;
	background:  url(/images/nav/home.png);
	margin-top:0px;
}
.portfolio {
	font-weight: normal;
	top:-57px;
	left:209px;
	display:block;
	position:relative;
	width:269px;
	height:57px;
	background:  url(/images/nav/portfolio.png);
}
.portfolio a:hover {
	background-position:57px;
	height:57px;
	width:209px;
}
.blog {
	top:-115px; left: 477px;
	font-weight: normal;
	display:block;
	position:relative;
	width:222px;
	height:57px;
	background:  url(/images/nav/blog.png);
}
.contact {
	font-weight: normal;
	top:-171px;
	left:699px;
	display:block;
	position:relative;
	width:233px;
	height:57px;
	background:  url(/images/nav/contact.png);
}
.contact a:hover {
  background-position:-157px;
	height:57px;
	width:233px;
}

.gray-text {
	color:#888;
}

 #home {left: 0; width: 209px; height:57px;
}
 #home a:hover, #home a:active {
 	background: transparent url(images/nav/home.png) 0 -57px no-repeat;
}
#portfolio {
	left: 209px; width: 269px; height:57px; 
}
#portfolio a:hover, #portfolio a:active {
    background: transparent url(images/nav/portfolio.png) 0px -57px no-repeat;
}
  #blog {width: 222px; height:57px;
}
  #blog a:hover {
    background: transparent url(images/nav/blog.png) 0 -57px no-repeat;
}
#contact {
	width: 233px; height:57px; 
} 
#contact a:hover {
    background: transparent url(images/nav/contact.png) 0 -57px no-repeat;
} 

#menu {
text-indent:-5000px;
	position: absolute;
	width: 900px;
	height: 100px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	left:43px;
	top:285px;}

/**************************************************************
   #BLOCKQUOTES.
 **************************************************************/
 
q:before { content: '\201C'; font-size: 1em; 
}
q:after { content: '\201D'; font-size: 1em; 
}
cite {
	color:#660000;
    font-size: .9em;
    float: right;    
} 

p q {
	font-size:.9em;
} 

/**************************************************************
   #BODY-CONTENT. 
 **************************************************************/
#wrap {
	width: 880px;
	margin: -10px 60px;
	padding: 20px; 
	margin-top:40px;
}
.column {
	float: left; 
	padding: 20px 30px 20px 0px; 
}
#col1 {
	width: 570px;
	margin-right: 0px;
}
.address .style {
	list-style-type: none;	
}
#col2 {
	width: 240px; margin-left: 0px;
}
#col2 h3 {
	color:#660000;
}
#col2 p {
	color:#CC0033;
}

#col3 {
	width: 210px;
	background-color: #E87C5E; 
}

/**************************************************************
   #FOOTER.
 **************************************************************/
#footer {
	position:relative;
	height:100px;
	padding: 0px 0px 0px 0px; 
	clear:both;
	width:100%;
	background-color:#660000;
}
#footer h1 {
}
#footer p {
	width: 850px;
	text-transform:none;
	color:#FFF;
	text-align:left;
	margin-left:80px;
}
#footer a {
	color:#FFF;
}