/* Phoenix Website & Graphic Design */
* {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
}

body {
border:0;
font-size:15px;
font-family:Arial, Geneva, sans-serif;
color:#000000;
background-image:url(../images/background_pattern.jpg);
background-repeat:repeat;
background-color:#fff;
}

a:link {
color:#767676;	
text-decoration:none;
}

a:hover {
color:#8e0000;
text-decoration:underline;
}

h1 {
color:#590a0c;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px 0 20px 0;
line-height:24px;
font-size:24px;
text-align:center;
}

h2 {
color:#590a0c;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:8px 0 16px 0;
font-size:18px;
}

h3 {
color:#590a0c;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:8px 0 16px 0;
font-size:16px;
letter-spacing:-1px;
word-spacing:2px;
}

#header_wrapper {
width:100%;
background:url(../images/header_repeat.jpg) top repeat-x;
background-color:#ffffff;
margin:0 auto;
height:234px;
}

#header {
background:url(../images/header_G_02.jpg) top no-repeat;
height:234px;
padding:0;
}

#menu_wrapper {
position:relative;
top:-122px;
left:22px;
width:350px;
margin:0 auto;
height:18px;
}

#main_wrapper {
width:820px;
margin:20px auto;
margin-top:-15px;
}

#main {
line-height:18px;
background-color:#FFFFFF;
padding:0;
}

/*----------------------- FOR INDEX PAGE ONLY ----------------------*/
#sidebar {
background-color:#eeeeee;
padding:12px;
font-size:12px;
width:230px;
float:right;
height:450px;
}

#footer {
background:url(../images/footer.jpg) top no-repeat;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin: 0 auto;
width:868px;
font-size: 70%;
color:#acacac;
padding:10px;
min-height:53px;
clear:both;
}

#footer a, a:visited {
color:#5d5d5d;
text-decoration:none;
}

#footer a:hover {
color:#434343;
text-decoration:underline;
}

p {
margin-bottom: 10px;
text-align:left;
padding:0 8px 0 8px;
}

p.image_desc {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
font-style:italic;
color:#333;
}

p.page_top {
padding:20px 0 20px 0;
}

span.profile_nav {
color:#acacac;
float:right;
margin-top:7px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 70%;
}

span.profile_nav a, a:visited {
color:#5d5d5d;
text-decoration:none;
}

span.profile_nav a:hover {
color:#434343;
text-decoration:underline;
}

/*----------------------- TABLE: Portfolio ----------------------*/
table.portfolio {
border-width: 0px;
border-spacing: 2px;
border-style: none;
border-collapse: separate;	
width:800px;
margin:0 auto;
}

table.portfolio a:link {
color:#767676;	
text-decoration:none;
}

table.portfolio a:hover {
color:#8e0000;
text-decoration:underline;
}

table.portfolio h3 {
color:#590a0c;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:0 0 4px 0;
text-transform:uppercase;
font-size:15px;
}

table.portfolio td {
padding: 3px 2px 20px 2px;
text-align:left;
width:268px;
/*background:url(../images/features_gradient.jpg) repeat-x;*/
border-style: none;
}

table.portfolio tr {
vertical-align:top;
}

table.portfolio td.thumb {
background:none;
padding: 0px 2px 20px 10px;
text-align:left;
width:106px;
border-style: none;
}

table.portfolio a img, a:visited img {
margin:0;
padding:2px;
border:2px solid #999999 ;	
}

table.portfolio a:hover img {
margin:0;
padding:2px;
border:2px solid #a60000;	
}

table.portfolio p {
padding:2px 0 2px;
margin:0;
}

/*----------------------- TABLE: Profile ----------------------*/
table.profile {
border-width: 0px;
border-spacing: 2px;
border-style: none;
border-collapse: separate;	
width:800px;
margin:0 auto;
}

table.profile a:link {
color:#767676;	
text-decoration:none;
}

table.profile a:hover {
color:#8e0000;
text-decoration:underline;
}

table.profile h3 {
color:#590a0c;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:0 0 4px 0;
text-transform:uppercase;
font-size:15px;
}

table.profile td {
padding: 2px;
text-align:left;
border-style: none;
vertical-align:top
}

table.profile tr {
vertical-align:top;
}

table.profile a img, a:visited img {
margin:0;
padding:2px;
border:2px solid #999999 ;	
}

table.profile a:hover img {
margin:0;
padding:2px;
border:2px solid #a60000;	
}

table.profile p {
padding:10px 0 10px;
margin:0;
}

/*----------------------- TABLE: Menu ----------------------*/
table.menu {
border-width: 0px;
border-spacing: 2px;
border-style: none;
border-collapse: separate;	
}

table.menu td {
padding: 0 8px 4px 0;
text-align:left;
border-style: none;
} 

table.menu th {
padding: 0;
text-align:left;
border-style: none;	
}

.features {
height:60px;
font-size:70%;
}

/*----------------------- MAIN MENU ----------------------*/
#mainmenu{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
margin: 0;
font-size:14px;
color:#999;
}

#mainmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#mainmenu ul{
width: 100%;
/*padding: 5px 0;*/
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#mainmenu ul li{
display: inline;
}

#mainmenu ul li a{
padding: 20px;
margin: 0;
text-decoration: none;
}

#mainmenu ul li a:hover{
/*background:url(../images/menu_tab_select.png) center no-repeat;*/
color:#d70000;
}