/* ### GENERAL ### */

h1, h2, h3, h4, h5, h6, pre, code {
font-size : 1em;
outline : none;
}
ul, ol {
list-style : none;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin : 0;
padding : 0;
}
fieldset {
border : 0;
}
a {
outline : none;
color : #000;
}
a.active {
font-weight : bold;
font-size : 12px;
}
a img, :link img, :visited img {
border : none;
}
:link, :visited {
text-decoration : none;
}
img {
display : block;
}
address {
font-style : normal;
}
.clear {
clear : both;
}
.nomargin {
margin : 0;
}
input, select, textarea {
font-family : Georgia;
font-size : 12px;
color : #444;
}
body, html {
background-color : #240826;
background-image : url(../images/vlbg5.jpg);
font-family : Georgia;
font-size : 12px;
}
#container {
margin : 0 auto;
width : 960px;
padding-left : 20px;
}
#header {
float : left;
margin : 20px 0 0 0;
border-bottom : 1px solid #361752;
width : 960px;
height : 470px;
}
#header .title {
float : left;
width : 960px;
height : 250px;
background-image : url(../images/title5.png);
}
#header .title h1 {
color : #7ba0b3;
float : left;
font-family : Georgia;
font-weight : bold;
font-style : italic;
font-size : 15px;
line-height : 1.5em;


}

#header .title p {
font-size : 15px;
font-family : Georgia;
line-height : 1.5em;
margin-top : -90px;
color : #7ba0b3;



}
#header .title strong {
text-decoration : underline;
}
#header .vcard {
float : right;
width : 960px;
position : absolute;
margin-top : 62px;
}
#header .vcard p {
text-align : left;
margin-left : 0;
position : absolute;
margin-top : 0;
color : #921c7e;
font-size : 15px;
font-family : Georgia;
}
#header .vcard img {
float : left;
position : absolute;
margin-left : 0;
margin-top : -90px;
left : 0;
top : 113px;
}


/* CSS Rollovers */


#example {
height : 54px;
width : 54px;
text-indent : 10000px;
overflow : hidden;
background : url(images/blog1.png) no-repeat left top;
margin-top : 55px;
margin-left : 620px;
display : block;
}
#example2:hover {
background-position : bottom left;
}
#example2 {
height : 54px;
width : 54px;
text-indent : 0;
overflow : hidden;
background : url(images/callme1.png) no-repeat left top;
margin-top : -55px;
margin-left : 700px;
display : block;
}
#example:hover {
background-position : left bottom;
}



#slider {
width : 960px;
height : 225px;
position : absolute;
overflow : hidden;
margin-top : 220px;
}
#slider1, #slider2 {
width : 960px;
height : 225px;
position : relative;
overflow : hidden;
}
#sliderContent, #slider1Content, #slider2Content {
width : 960px;
height : 225px;
position : absolute;
top : 0;
margin-top : 0;
left : 0;
}
.sliderImage, .slider1Image, .slider2Image {
float : left;
position : relative;
display : none;
}

.sliderImage span {
	position: absolute;
	font: 11px/15px Georgia;
	padding: 20px 20px;
	width: 960px;
	height: 202px;
	background-color: #361752;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}


.slider1Image span, .slider2Image span {
    position: absolute;
	font: 11px/15px Georgia;
    padding: 20px 20px;
    width: 960px;
	height: 202px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
clear : both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
font-size : 14px;
}
.top {
top : 0;
left : 0;
}
.bottom {
bottom : 0;
left : 0;
}
.left {
top : 0;
left : 0;
width : 200px !important ;
height : 210px;
}
.right {
right : 0;
bottom : 0;
width : 200px !important ;
height : 210px;
}
#content {
float : left;
max-width : 960px;
margin-top : 20px;
}
#cu3er-container {
	width:960px; outline:0;
	margin-top : -70px;
}
#content ul#item-overview a img {
cursor : pointer;
}
#content li.project {
float : left;
width : 220px;
margin-bottom : 40px;
padding-right : 10px;
padding-left : 10px;
}
#content li.project h2 {
font-size : 14px;
padding : 10px 0 5px 0;
color : #e6e2da;
font-family : Georgia;
font-weight : bold;
font-style : italic;
}
#content li.project p {
width : 220px;
line-height : 1.6em;
padding-bottom : 2px;

}
#content li.project p a {
font-weight : bold;
}
#content li.project span {
font-family : Georgia;
font-weight : bold;
font-style : italic;
color : #e6e2da;
font-size : 20px;
padding-left : 20px;
}
#content #item-overview a img {
cursor : pointer;
}
#content .project {
float : left;
width : 220px;
margin-bottom : 40px;
padding-right : 20px;
}
#content .project h2 {
font-size : 20px;
padding : 20px 0 20px 0;
color : #e6e2da;
font-family : Georgia;
font-weight : bold;
font-style : italic;
}
#content .project p {
width : 220px;
line-height : 1.6em;
padding-bottom : 20px;
color : #7ba0b3;
}
#content .project p a {
font-weight : bold;
}
#content .project span {
font-family : Georgia;
font-weight : bold;
font-style : italic;
color : #e6e2da;
font-size : 20px;
padding-left : 20px;
}
#content .project .back-service1 {
background-color : #921c7e;
width : 220px;
height : 120px;
margin-bottom : 5px;
}
#content .project .back-service2 {
background-color : #921c7e;
width : 220px;
height : 120px;
margin-bottom : 5px;
}
#content .project .back-service3 {
background-color : #921c7e;
width : 220px;
height : 120px;
margin-bottom : 5px;
}
#content .project p.service1 {
height : 125px;
padding-bottom : 5px;
border-bottom : 2px solid #3c2f4f;
/* for IE */
filter:alpha(opacity=60) ;
/* CSS3 standard */
opacity:0.6;
}
#content .project p.service2 {
height : 125px;
padding-bottom : 5px;
border-bottom : 2px solid #3c2f4f;
/* for IE */
filter:alpha(opacity=60) ;
/* CSS3 standard */
opacity:0.6;
}
#content .project p.service3 {
height : 125px;
padding-bottom : 5px;
border-bottom : 2px solid #3c2f4f;
/* for IE */
filter:alpha(opacity=60) ;
/* CSS3 standard */
opacity:0.6;
}
#content .project a.beige {
background-color : #2a152c;
display : block;
width : 220px;
height : 120px;
text-decoration : none;
}
#content .project a.green {
background-color : #2a152c;
display : block;
width : 220px;
height : 120px;
text-decoration : none;
}
#content .project a.grey {
background-color : #2a152c;
display : block;
width : 220px;
height : 120px;
text-decoration : none;
}
#content .project a img {
display : none;
}
#content .project a:hover {
background : none;
}
#content .project a:hover img {
display : block;
}
#content .project-images {
float : right;
margin-bottom : 19px;
width : 720px;
}
#content .project-images img {
padding-bottom : 25px;
}
#content .line {
float : left;
border-bottom : 1px solid #80a8a8;
width : 940px;
height : 5px;
}
#footer {
float : left;
margin-right : 0;
background-image : url(../images/VEESPENCIL.png);
height : 28px;
}
#footer .top {
padding : 70px 0 190px 0;
margin-right : -20px;
}
#footer .top .list {
float : left;
width : 240px;
padding-bottom : 70px;
color : #999;
}
#footer .top .list h3 {
font-size : 14px;
padding-bottom : 10px;
color : #e6e2da;
font-family : Georgia;
font-weight : bold;
font-style : italic;
}
#footer .top .list ul li {
padding-bottom : 4px;
font-family : Georgia;
color : #7ba0b3;
font-family : Georgia;
font-size : 14px;
}
#footer .top .list p {
padding-bottom : 4px;
color : #999;
}
#footer .top .list ul#status {
list-style-type : disc;
margin-left : 15px;
}
#footer .top .list a {
color : #7ba0b3;
}
#footer .top .list a:hover {
text-decoration : underline;
}
#footer .top .list span {
text-decoration : line-through;
}
#footer .contact {
float : left;
width : 940px;
color : #999;
padding-top : 44px;
border-top : 1px solid #361752;
font-family : Georgia;
}
#footer .contact p {
line-height : 1.6em;
margin-bottom : 6px;
font-family : Georgia;
}
#footer .contact .form {
float : left;
width : 460px;
margin-right : 20px;
padding-bottom : 40px;
font-family : Georgia;
}
#footer .contact .form span {
margin-left : 10px;
}
#footer .contact .form fieldset {
overflow : hidden;
width : 320px;
border : 0;
}
#footer .contact .form input.field {
margin-bottom : 10px;
padding : 4px 5px 0 5px;
float : left;
width : 168px;
height : 22px;
border : 1px solid;
background : #fff;
font-family : Georgia;
}
#footer .contact .form input.submit {
color : #444;
background : #f9f8f6;
border : 1px solid #e0e0e0;
}
#footer .contact .form label {
color : #7ba0b3;
margin-bottom : 12px;
padding-left : 15px;
float : left;
width : 125px;
height : 28px;
line-height : 28px;
}
#footer .contact .form label.large {
margin-bottom : 5px;
padding : 0;
width : 320px;
}
#footer .contact .form textarea {
margin-bottom : 15px;
padding : 4px 5px 4px 5px;
width : 308px;
height : 120px;
border : 1px solid #e0e0e0;
background : #fff;
}
#footer .bottom {
float : left;
color : #999;
padding : 22px 0 22px 0;
border-top : 1px solid #361752;
width : 940px;
}
h1 {
color : #e6e2da;
padding : 130px 0 0px 0;
font-family : Georgia;
font-weight : bold;
font-style : italic;
font-size : 48px;
line-height : 1em;

}









h2 {
color : #7ba0b3;
font-size : 16px;
line-height : 1em;
padding-bottom : 10px;
color : #e6e2da;
font-family : Georgia;
font-weight : bold;
font-style : italic;
}
h3 {
color : #e6e2da;
font-family : Georgia;
font-size : 14px;
line-height : 1em;
padding-bottom : 10px;
}
h4 {
color : #e6e2da;
font-size : 16px;
line-height : 1em;
padding-bottom : 10px;
font-family : Georgia;
font-weight : bold;
font-style : italic;
}
h5 {
color : #e6e2da;
font-family : Georgia;
font-size : 12px;
line-height : 1em;
padding-bottom : 10px;
}
h6 {
color : #7ba0b3;
font-family : Georgia;
font-size : 11px;
line-height : 1em;
padding-bottom : 10px;
}
hr {
border : 1px solid #e0e0e0;
color : #e0e0e0;
margin-top : 10px;
margin-bottom : 10px;
}
p {
font-family : Georgia;
font-size : 12px;
color : #7ba0b3;
padding-bottom : 20px;
}
small {
font-family : Georgia;
font-size : 10px;
color : #000;
}
a {
color : #e6e2da;
}
a:hover {
text-decoration : underline;
}
em {
font-weight : bold;
}
dl {
margin : 10px;
}
ol {
margin : 10px;
}
input {
border : 1px solid #e0e0e0;
padding : 5px;
}
table tr td {
padding : 10px;
}
blockquote {
border : 1px solid #999;
padding : 20px;
}