/* 
CSS Index Page
By: Dennis Warren 
	Colcamex Resources 
	www.colcamex.com
This is the CSS index. This stylesheet is linked to the template via the header. All other stylesheets plug into this one. Template styles are determined here.
*/

@import url('navigation.css');
@import url('pages.css');

img[src='assets/spacer.png'] {
float:right;
margin:0px;
padding:0px;

}
* {
margin:0px;
padding:0px;
border:none;
}
/* older versions of explorer require for centering */
body{
margin:0;
padding:0;
}

body{
margin:0;
padding:0 10%;
}
/* end */

body {
background-image:url(../assets/body_back.jpg);
background-attachment:scroll;
background-repeat:repeat-x;
background-color:black;
height:800px;
outline:none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
	margin:0px;
	padding:0px;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#wrap {
width:860px;
margin:0 auto;
background-image:url(../assets/cap.png);
background-attachment:scroll;
background-repeat:no-repeat;
background-color:transparent;
/*very important offset for use with ID back_board*/
position:relative;
top:-20px;
left:-4px;
}

#back_board {
background-image:url(../assets/cap_top_fill.jpg);
background-repeat:repeat-x;
background-attachment:scroll;
background-position:left top;
background-color:black;
width:856px;
margin:0 auto;
margin-top:60px;
/*very important offset for use with ID wrap*/
position:relative;
left:4px;
top:20px;
}

#heading {
width:755px;
height:87px;
margin:0px;
padding-top:10px;
float:right;
}

#heading ul.phone {
color:#cccccc;
display:inline;
list-style-type:none;
float:left;
position:relative;
width:399px;
height:50px;
top:-90px;
left:410px;
font-family:garamond;
font-size:11pt;

}

#heading ul.phone li {
float:left;
display:inline;
width:170px;
height:50px;

}
div#heading h1, div#heading h1 span {
margin: 0pt;
padding: 0pt;
width: 400px;
height: 100px;
text-align:left;
background-color: transparent;
background-image: url(../assets/logo_final.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0px;
background-y-position: 0px;
}

div#heading h1 span {
margin-bottom: -300px;
display: block;
position: relative;
}

#navigation  {
background-image:url(../assets/tag_line.jpg);
background-attachment:scroll;
background-repeat:no-repeat;
background-position:top left;
background-color:black;
width:745px;
height:52px;
float:right;
overflow:visible;
}

#navigation p {
color:#888888;
float:right;
display:table;
margin:0px;
padding:0px;
position:relative;
top:10px;
font-weight:600;
letter-spacing:0.03em;
font-family:garamond;
font-size:16pt;
}

#guitar {
background-image: url(../assets/lef_blade_revised.jpg);
background-attachment:scroll;
background-attachment:scroll;
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
width:100px;
height:342px;
margin:0px;
padding:0px;
float:left;
position:relative;
top:20px;
}
div#guitar img[src='assets/blade_final.png'] {
position:relative;
left:-34px;
top:-45px;
}

#content {
background-color:black;
color:#cccccc;
font-family: Garamond;
font-size:11pt;
width:700px;
height:auto;
min-height:375px;
margin:0px;
float:right;
border-bottom:#222222 thin solid;
}

#content h2 {
color:#891400;
padding:10px 10px;
width:680px;
height:24px;
font-size:16pt;
border-bottom:#222222 thin solid;
background-color:black;
letter-spacing:0.03em;
}
#content h3 {
font-size:12pt;
letter-spacing:0.03em;
}
#content h4 {
font-size:11pt;
}

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

#content a:visited {
text-decoration:none;
color:#999999;
}

#content a:hover {
text-decoration:underline;
color:#999999;
}

#content a:active {
text-decoration:none;
color:#999999;
}

#footer {
height:auto;
width:675px;
float:right;
position:relative;
margin:0px;
padding:0px;
top:10px;
}
#footer p {
float:right;
color:#333333;
margin-right:10px;
margin-bottom:2px;
font-size:10pt;
}

#colcamex {
position:relative;
color: #333;
font-size: 10pt;
top:70px;
left:450px;

}
#colcamex a {
color: #333;
}