@charset "UTF-8";
/* CSS Document */


html a:focus {
outline:none;
}



body {
background:#000000;
background-image:url(../images/bg.gif);
background-position:top left;
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
color:#999999;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#a00000;
font-weight:normal;
display:block;
width:auto;
height:auto;
border-bottom:1px dashed #333;
padding:0 0 20px 0;
margin:20px 0 10px 0;

font-size:16px;

}

.thumb h1 {
margin:0;
}



.hidden {
height:auto;
width:auto;
}


h2 {
padding:10px 0 0 20px;
margin:0;
font-weight:bold;
font-size:14px;
line-height:20px;
color:#555555;
border-bottom:1px dashed #333;
padding-bottom:20px;
}

h3 {
margin:0 0 10px 0;
padding:0;
border-bottom:1px dashed #333;
padding-bottom:10px;
}

#container {
width:100%;
height:auto;
float:left;
}

a {
color:#b9b9b9;
text-decoration:none;
border:0;

}


a:hover {
color:#a00000;
border:0;

}

p {
padding:0 20px 0 20px;
line-height:18px;
text-align:justify;
color:#999;



}

#wrapper {
width:1000px;
height:300px;
margin:0 auto;
}

#title {
float:left;
width:1000px;
height:140px;
}

#banner {
width:1000px;
height:320px;
float:left;
display:block;
margin:0;
padding:0;
list-style-type:none;
} 

.left {
float:left;
}



#body {
float:left;
width:960px;
height:auto;
padding:20px;
margin-bottom:20px;
border-bottom:1px dashed #222;
}

.footer {
float:left;
width:1000px;
height:auto;
clear:both;


}

#portfolio {
color:#fff;
}

.keywords {
float:right;
display:block;
width:500px;
height:100px;
margin:0;
padding:0;
list-style-type:none;
position:relative;
top:65px;

}

.keywords li a { 
color:#666666;
text-decoration:none;
float:right;
display:block;
width:110px;
height:18px;
font-size:9px;

text-align:center;

border-right:1px solid #222222;
padding:6px 5px 0 5px;

}

.keywords li a.first  {
border-left:1px solid #222222;
}


.keywords li a:hover {
color:#ffffff;


}


.nav {
float:right;
display:block;
width:860px;
height:auto;
margin:0;
padding:0;

background: url(../images/navBg.gif);

}

.nav div a { 
color:#555555;
text-decoration:none;
float:left;
display:block;
width:110px;
height:29px;
font-size:12px;
font-weight:bold;
text-align:center;
padding:10px 5px 0 5px;
border-right:1px solid #777;

border-top:1px solid #000;

}

.nav .first {
border-left:1px solid #777;
}

.nav .last {
border-right:1px solid #777;
border-left:1px solid #777;
float:right;

color:#a00000;
}


.nav div a:hover {
color:#ffffff;
background: url(../images/navTop.gif);
border-top:1px solid #777;
border-bottom:0;



}



.leftContent {
float:right;
width:260px;
padding:0 20px 20px 20px;

}

.rightContent {
float: left;width:640px;

}

.pod1 {
width:260px;
height:120px;
float:left;
background:url(../images/pod1.gif);

}.pod2 {
width:260px;
height:120px;
float:left;
background:url(../images/pod2.gif);
}

.pod3 {
width:260px;
height:120px;
float:left;
background:url(../images/pod3.gif);
}

.spacer {
width:100%;

height:20px;
}

.podCon {

float:right;
color:#000;
width:auto;
height:90px;
padding:10px 10px 0 140px;
font-size:10px;
cursor:pointer;
margin-top:20px;
display:block;

}


.small {
font-size:9px;
text-align:center;
}



.keywords2 {
width:800px;
text-align:center;
margin:0 auto;
color:#222222;
clear:both;
line-height:18px;
}

.keywords2 a {
color:#222222;
}

.keywords2 a:hover {
color:#999999;
}

#social {
width:160px;
text-align:right;
height:30px;
display:block;
padding:0;
float:right;
background: url(../images/navBg.gif);
margin-top:30px;
}



img.socialimg {
float:right;
border:0;
margin-right:10px;
width:30px;
height:30px;
}

img.socialimg a {
margin-bottom:0;
float:right;
width:30px;
height:30px;

}

img.socialimg a:hover {
margin-bottom:3px;
float:left;
width:30px;
height:30px;
}

.workflow {
width:600px;
height:auto;
padding:20px 0 20px 20px;
margin:0;
float:left;
margin-bottom:20px;
}



.workflowimg {
float:right;
width:300px;
height:auto;
background: #000;
}

.workflow h1 {
display:block;
float:left;
margin:0!important;
padding:0;
width:auto;
text-align:left;

}

.workflow p {
margin:10px 0 10px 0;
padding:0;
} 

.blog {
float:left;
list-style-type:none;
width:240px;
height:10px;
padding:0;
margin:0 0 0 20px;
}

.blog li {
float:left;

}

.blog li a {
width:240px;
height:20px;
display:block;
text-align:right;
padding:0 0 0 0;
margin:0 0 0 0;
background: url(../images/blogArrow.gif);
background-position: top left;
background-repeat:  no-repeat;
}


.blog li a:hover {
background-position:bottom left;
} 





.input, .textarea {
width:360px;
height:20px;
padding:5px;
color:#999;
background:#222;
border:0;
}

.textarea {
height:160px;
}

validate[optional] {
border:0!important;
}



.formStyle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#777;
font-weight:norma;
} 




.submit {
width:70px;
height:30px;
padding:6px;
color:#fff;
float:right;
}

.blogMain {
float:left;
margin:0;
padding:0;
list-style-type:none;
}

.blogMain li { 
width:640px;
height:auto;
padding:10px;
margin-top:10px;
}

.blogMain li h1{
margin:0;
padding:0;
display:block;
float:left;
border:0;
}
.blogMain li h1 a {
display:block;
float:right;
width:520px;
height:16px;
font-size:14px;
margin:0 0 0 0;
padding:22px;

background:url(../images/blogGo.gif) top right no-repeat;


}

.blogMain li h1 a:hover {
color:#a00000;
display:block;
float:right;
width:520px;
height:16px;
font-size:14px;
margin:0 0 0 0;
padding:22px;

background:url(../images/blogGo.gif) bottom right no-repeat;
}

.blogMain span {
display:block;
float:right;
width:560px;
height:24px;
font-size:14px;
margin:0 0 8px 0;
padding:0 0 8px 0;
border-bottom:1px dashed #666;

}

.blogImg {
float:left;
width:60px;
height:60px;
background:url(../images/blogImg.gif);

}

.extPortfolioHolder {
float:left;
width:260px;
height:auto;
position:relative;
top:10px;


}

.extPort {
float:left;
width:240px;
height:auto;
padding:10px;
border-bottom:1px solid #555;
background:#000; 
color:#666;
}

.extPort:hover {

border-bottom:1px solid #fff;
}


.staticPod {
float:right;
width:220px;
height:auto;
padding:20px;
background:url(../images/tabBg.gif) no-repeat bottom left;
text-align:left;
}

.imgFloat {
float:left;
margin:4px 10px 10px 0;}

.highlight {
color:#a00000!important;
}

.blogFeed {
list-style-type:none;
float:left;
display:block;
width:600px
height:auto;
margin:0;
padding:0;
margin-top:20px;
}


.blogFeed li {

width:600px;
float:left;
margin-bottom:20px;
}
.blogDesc, .readMore, .blogTitle , .blogDet {
float:right;
display:block;
width:480px;
height:auto;
}

.blogTitle {
color:#a00000;
font-size:14px;

padding:10px;
padding-top:0;

}


.blogDesc {
padding:20px;
width:460px!important;
padding-top:0;
}

.readMore {
color:#a00000;
cursor:pointer;
clear:both;
width:auto;
background:url(../images/tabCurrent.gif) repeat-x top left;
height:11px;
padding:10px;
color:#fff;

}

.readMore:hover {
color:#a00000;
background:url(../images/tabSelected2.gif) repeat-x top left;
}

.blogImg {
float:left;
width:100px;
height:100px;
background:#222;
}


.blogDet {
font-size:10px;
color:#666;
}

.miniBlog {
float:left;
list-style-type:none;
padding:0;
margin:0;
display:block;
}

.miniBlog li {
float:left;
padding:6px 0;
margin-bottom:6px;
border-bottom:1px dashed #333;
width:220px;
display:block;
height:auto;