/*  Pixel Tree 
http://pixeltree.us 
2008 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {outline: 0;}
body {
line-height: 1;
color: black;
background: white;
}
ul {list-style: none;}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {quotes: "" "";}
/* ---Layout--- */
body { 
color: #333;
font: 62.5% 'Tahoma', Verdana, Arial, sans-serif;
text-align:left;
background: url(../img/bg.gif) top left repeat-x;
}
#wrapper {
width:940px;
margin: 0 auto;
}
#header {
position:relative;
height:204px;
background: url(../img/logo.gif) no-repeat top left;
margin: 0 0 0 60px;
}
#contact_info {
color: #333;
padding:0 0 0 600px;
}
#content {
width:644px;
float:right;
}
.section {
float: left;
width:45%;
margin: 5px 0 20px 0;
}
#sidebar {
width:280px;
float:left;
background: url(../img/sidebar_header.gif) no-repeat top left;
}
#footer {
background: url(../img/footer_bg.gif) top center no-repeat;
width: 644px;
clear:both;
padding: 15px 0 30px 0;
font-size:1.2em;
letter-spacing:1px;
text-indent:20px;
margin: 40px 0 0 0;
}
/* ---typhograpy--- */
#header h1 {
text-indent:-9000px;
}
.descrip {
position:absolute;
top: 100px;
text-transform:capitalize;
margin: 0 0 0 53px;
font-weight:bold;
color:#000;
}
#content h2 {
font-size:1.8em;
text-transform:capitalize;
background: url(../img/dot.gif) bottom left repeat-x;
padding: 0 0 5px 0;
text-indent:14px;
margin: 10px 0 8px 0;
}
#content h3 {
font-size:1.6em;
border:none;
text-indent:20px;
padding: 0 0 4px 0;
text-indent:14px;
margin: 10px 0 4px 0;
}
h2, h3, h4{color:#8A1821;}
.list a{
color:#8A1821;
text-decoration:underline;
}
.list a:hover{
color:#8A1821;
text-decoration:none;
}
#sidebar h3 {
width:280px;
height:38px;
padding: 12px 0 0 0;
font-size:1.8em;
color:#fff;
text-indent:20px;
font-weight:100;
letter-spacing:1px;
}
p {
font-size:1.4em;
line-height:1.6em;
padding: 0 0 10px 0;
}
#content p {
font-size:1.4em;
line-height:1.6em;
padding: 0 0 10px 16px;
}
.list {
text-indent:5px;
line-height:12px;
font-size:1.4em;
margin: 0 0 10px 0;
}
.list ul {
list-style:none;
margin: 0;
padding: 0;
}
.list li{
background:url(../img/bullet.gif) left center no-repeat;
padding:10px;
margin: 0 0 0 50px;
}
.list2 {
text-indent:0;
line-height:16px;
font-size:1.4em;
margin:  0;
}
.list2 ul {margin: 0;}
.list2 li{
background:  url(../img/bullet.gif) no-repeat;
background-position:-1px 12px;
*background-position:-1px 11px;
padding:8px 0 12px 14px;
margin: 0 0 0 30px;
}
.indent {margin:0 0 0 30px;}
#footer p {text-indent: 10px;}
/* ---menu--- */
.menu {
padding: 67px 0 0 220px;
width:620px;
height:25px; 
position:relative; 
z-index:100;
}
/* hack to correct IE5.5 faulty box model */
_html .menu {width:600px; w\idth:599px;}
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu li {
float:left;
width:102px;
position:relative;
text-align:center;
}
.menu ul li a {
font-size:1.4em;
font-weight:bold;
display:block;
text-decoration:none; 
color:#222; 
width:101px;
height:30px;  
line-height:14px;
margin: 0 0 0 1px;
}
.menu ul ul {
visibility:hidden;
position:absolute;
top:23px;
left:0; 
white-space:nowrap;
}
.menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}
.menu ul ul a {
font-size:1.4em;
width: 220px;
_font-size:12px;
_padding:0 10px 0 10px; 
text-align:left;
background: url(../img/sec_nav_bg.gif) no-repeat 100%  5%;/*  right top  */
color:#333; 
height:20px;  
padding:0 5px 0 5px; 
line-height:20px;
border: solid 1px #bbb;
border-width: 0 1px 1px 1px;
z-index:2000;
}
.menu ul ul a,{_width:101px;/*  another hack for IE5.5 */}
.menu li a:hover {
color:#8A1821;
background: url(../img/nav_over.gif) no-repeat bottom center;
}
.menu ul ul a:hover{
z-index:33333;
color:#8A1821;
background: url(../img/sec_nav_bg.gif) no-repeat bottom right;
}
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }
#home .menu .home a,
#about .menu .about,
#work .menu .work a,
#services .menu .services a,
#contact .menu .contact a {
text-decoration:none;
cursor:default;
background: url(../img/nav_over.gif) no-repeat bottom center;
}
.link2 {text-indent:10px;}
/* ---sec nav--- */
#sec_nav {
padding: 0 0 108px 0;
background: url(../img/sidebar_bg.gif) no-repeat bottom left;
}
ul#sec_nav li{
width:280px;
line-height:33px;
font-size:1.4em;
}
ul#sec_nav li a{
background: url(../img/sec_nav_bg.gif) top left no-repeat;
width:253px;
color:#444;
display:block;
padding: 0 0 0 31px;
}
ul#sec_nav li a:hover{
background-position:bottom left;
color:#000;
}
/* ---classes---- */
.caption {
color:#8A1821;
position:absolute;
top:547px;
margin:0 0 0 418px;
font-size:x-small;
letter-spacing:-1px;
}
.caption2 {
color:#8A1821;
position:absolute;
top:510px;
margin:0 0 0 418px;
font-size:x-small;
letter-spacing:1px;
}
.caption3 {
color:#8A1821;
position:absolute;
top:1375px;
margin:0 0 0 360px;
font-size:x-small;
letter-spacing:1px;
}
.clear {clear:both;}
.dot {
background: url(../img/dot.gif) top right repeat-y;
padding: 0 35px 0 0;
}
.non_dot {padding: 0 0 0 20px;}
.sb_nonlink  {
text-indent:10px;
font-weight:bold;
}
.left {
padding:2px;
float:left;
margin:8px 20px 10px 16px;
}
.right {
padding:2px;
float:right;
margin:8px 0 10px 20px;
}
/* ---anchors--- */
#footer a {
color:#333;
text-decoration:none;
padding: 0 3px 0 3px;
}
#footer a:hover {text-decoration:underline;}
#content p a {
color: #92121C;
text-decoration:underline;
}
#content p a:hover {text-decoration:none;}
#contact_info a {
color:#333;
text-decoration:none;
}
#contact_info a:hover {text-decoration:underline;}
.about a{
color:#8A1821;
cursor:default;
}
.link a{cursor:pointer;}