/* css development by maramade productions http://www.maramade.com */

html { height: 101%; margin-bottom: 1px; }

body {
background-color:#000;
color:#303030;
margin:0 auto;
padding:0;
font: 76% Verdana, Tahoma, Arial, sans-serif;
border-top: 4px solid #cc0000;
}
#wrap{
margin:0 auto;
padding:0;
width:833px;
position:relative;

	}

#leftcontent {
position: absolute;
left:0px;
top: 0px;
width:283px;
background-image:url(images/leftcol.jpg);
background-repeat:no-repeat;
background-color:#000000;
color:#FFFFFF;
}

#navcontainer{
position:absolute;
top:237px;
left:106px;
width:169px;
/* height:275px; */
background-color:#CC0000;
color:#FFFFFF;
}

/* .opaque { 
opacity: .9; 
filter: alpha(opacity=90); 
}

.noopaque { 
opacity: 1; 
filter: alpha(opacity=100); 
} */

#navlist{
list-style-type:none;
margin: 0;
padding: 0;
}
#navlist ul {
margin: 0 0 20px 0;
padding: 0;
font-size: 1.2em;
width: 169px;
\width: 167px;
w\idth: 169px;
}
#navlist li {
margin-bottom: 10px;
}

#navlist a, #navlist a:active, #navlist a:visited {
display: block; 
color:#FFFFFF;
background-color:transparent;
padding:0;
margin:0;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:1.25em;
text-align:center;
font-weight:bold;
width: 169px;
\width: 169px;
w\idth: 169px;
}

#navlist a:hover{
background-color: #fff;
color: #000;
}

#contact{
position:absolute;
top:570px;
left:10px;
width:250px;
}

#contact a, #contact a:active, #contact a:visited {
background-color: #000;
color: #cc0000;
}
#contact a:hover{
text-decoration: underline;
color: #999999;
background-color:#000000;
}

#rightcontent{
position:absolute;
left:283px;
top:0px;
background-color:#FFFFFF;
color:#000000;
width:550px;
}



#flash {
display:block;
background-color:#CC0000;
color:#FFFFFF;
width:499px;
top:0px;
height:60px;
}

#logo {
width:499px;
height:114px;
top:60px;
}

#logonew{
width: 550px;
height:171px;
background-image:url(images/logo2.jpg);
position:relative;
}

#logolink a { 
width: 275px;
height: 85px; 
top: 45px;
position: absolute;
text-decoration:none;
background-color:transparent;
color:#FFFFFF;
}

#logolink a i { 
visibility: hidden; 
} 

#flashnew {
display:block;
width:238px;
height:120px;
top:15px;
right:0;
position:absolute;
}

#extras {
float: right;
width: 150px;
margin: 0 5px 10px 0px;
padding: 2px;
font-size: 0.9em;
line-height: 1.5em;
background-color:#f4f4f4;
color:#000000;
}

#extras p {
margin: 0 0 1.5em 0;
text-align:center;
background-color:#f4f4f4;
color:#000000;
}

.extrasimg {
padding: 1px;
display:inline;
background: #cccccc;
color:#000000;
border: 1px solid #333333;
}

.noimgborder {
padding: 1px;
display:inline;
border:1px solid #f4f4f4;
}


#content {
margin: 20px 165px 20px 0px; 
/* border-right: 1px solid #f0f0f0; */
padding: 0 10px; 
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content img {
/* padding: 1px;
display:inline;
background: #cccccc;
color:#000000;
border: 4px solid #f0f0f0; */
}
.noimgborder {
padding: 0;
display:inline;
background: #fff;
color:#000000;
}

#content p a, #extras p a, #content li a {
font-weight:bold;
}


#content_inside, #content_experience {
margin: 20px 10px 20px 0px; 
padding: 0 10px 0 10px; 
line-height: 1.6em;
text-align: left;
}

#content_inside h2, #content_experience h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content_inside img {
padding: 1px;
display:inline;

}

#content_inside p a, #content_inside li a{
font-weight:bold;
}

/* #content_inside li {
list-style-type:none;
}

#content_inside ul ul li {
list-style-type:square;
padding:0;
} */


#teamlist ul{
list-style-type:none;
}



h1 {
font-size: 1.3em;
margin: 0 0 10px 0;
}
h4{
font-size:1.2em;
margin: 0;
padding:0;
}

h5{
font-size:1.2em;
margin:0;
font-style:italic;
}

a:link, a:visited {
text-decoration: none;
color: #CC0000;
background-color:#FFFFFF;
}

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

#extras a:link, #extras a:visited {
text-decoration: none;
color: #CC0000;
background-color:#f4f4f4;
}

#extras a:hover {
text-decoration: underline;
color: #999999;
background-color:#f4f4f4;
}


a img {
border: 0;
}

.left {
margin: 10px 10px 5px 0;
float: left;
background: #cccccc;
color:#000000;
border: 4px solid #f0f0f0;
}
.leftnobord {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
background: #cccccc;
color:#000000;
border: 4px solid #f0f0f0;
}

.rightnobord {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
/* width: 701px; */
text-align: center;
color: #808080;
background-color:#FFFFFF;
font-size: 0.9em;
}
#footer a {
text-decoration: none;
color: #333333;
background-color:#FFFFFF;
}

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

blockquote.pullquote { 
float: right; 
width: 130px; 
margin: 10px 0 15px 15px; 
padding: 0; 
font: 20px/24px Verdana, Tahoma, Arial, sans-serif; 
color: #333; 
background-color:#FFFFFF;
text-align: center; 
}

blockquote.pullquotesmall { 
float: right; 
width: 130px; 
margin: 10px 0 15px 15px; 
padding: 0; 
font: 14px/16px Verdana, Tahoma, Arial, sans-serif; 
color: #333; 
background-color:#FFFFFF;
text-align: center; 
}

#slideshow {
height: 600px;
width: 460px;

}


.border{
padding: 1px;
display:inline;
background: #cccccc;
color:#000000;
border: 4px solid #f0f0f0;
}