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

/* : : : : : : : : : : : Overall element styling : : : : : : : : : : : */

html {
background:#000012;
font-family:"Lucida Sans", "Trebuchet", "Verdana", sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:center;
}

body {
background:url(../images/backgrounds/bg-top.jpg) top center repeat-x;
text-align:center;
}

h1 {
font-family: "Helvetica", sans-serif;
font-size:36px;
letter-spacing:-2px;
}

h2 {
font-family: "Helvetica", sans-serif;
font-size:22px;
letter-spacing:-1px;
}

h3 {
font-family: "Helvetica", sans-serif;
font-size:20px;
letter-spacing:-1px;
}

h4 {
font-family: "Helvetica", sans-serif;
font-size:15px;
letter-spacing:-1px;
}

h5 {
font-family: "Helvetica", sans-serif;
font-size:15px;
letter-spacing:-1px;
}

a {
text-decoration:none;
color:#f76dd2;
}






/* : : : : : : : : : : : Header : : : : : : : : : : : */
#header {
height:140px;
width: 900px;
margin:0 auto;
font-family: "Helvetica", sans-serif;
font-size:50px;
letter-spacing:-4px;
font-weight:bold;
text-align:left;
}

#header h1 {
font-family: "Helvetica", sans-serif;
font-size:15px;
letter-spacing:-1px;
margin-top:-10px;
}

#header_title {
float:left;
padding-top:70px;
width:400px;
}


/* : : : : : : : : : : : Header navigation : : : : : : : : : : : */
#header_nav {
float:right;
font-family: "Helvetica", sans-serif;
font-size:15px;
font-weight:normal;
letter-spacing:-1px;
padding-top:115px;
}

#header_nav a {
display: block;
float:left;
color:#FFFFFF;
height:20px;
text-align:center;
padding:5px 10px 0 10px;
}

#header_nav a:hover {
background:url(../images/backgrounds/bg_nav.jpg) repeat-x;
}

a.active {
background:url(../images/backgrounds/bg_nav.jpg) repeat-x;
}

/* : : : : : : : : : : : Video/image section : : : : : : : : : : : */

#topimage{
background:url(../images/backgrounds/bg_video.jpg) no-repeat;
width:884px;
height:200px;
border: 8px solid #FFFFFF;
margin:0 auto;
}

#topimage_text {
margin-left:280px;
margin-top:50px;
text-align:left;
}

/* : : : : : : : : : : : Main body : : : : : : : : : : : */
#main {
background: url(../images/backgrounds/bg-bottom.jpg) bottom center repeat-x;
width:100%;
min-height: 650px;
}

#main_inner {
width:900px;
margin:0 auto;
}

#main_inner_margin {
float:left;
background:url(../images/backgrounds/main.png);
padding:30px;
width:840px;
min-height:480px;
}
/* : : : : : : : : : : : Column 1 : : : : : : : : : : : */
#column1 {
float:left;
width:240px;
text-align:left;
margin-bottom:80px;
}


/* : : : : : : : : : : : Column 12 - 1 and 2 combined : : : : : : : : : : : */

#column12 {
float:left;
width:440px;
margin-left:50px;
margin-right:50px;
text-align:left;
}


/* : : : : : : : : : : : Column 2 : : : : : : : : : : : */

#column2 {
float:left;
width:300px;
margin-left:10px;
text-align:left;
}

#column2 table tr td {
text-align:center;
padding:0 2px 4px 2px;
}

#column2 img {
border:2px solid #FFFFFF;
}

#column2 table {
margin-top:10px;
}

#quickcontact {

}

#quickcontact table tr td {
text-align:left;
padding:4px;
}

#quickcontact input {
background:#1b1b1b;
border:1px solid #5e5454;
color:#FFFFFF;
padding:2px;
width:160px;
}

#quickcontact textarea {
background:#1b1b1b;
border:1px solid #5e5454;
color:#FFFFFF;
padding:2px;
width:160px;
height:60px;
}

#quickcontact input.submitbutton, #column3 input.submitbutton, .panel_right input.submitbutton{
border:hidden;
background:none;
cursor:pointer;
width:50px;
color:#f76dd2;
}

label.error {
display:block;
margin:2px 0 2px 0;
color:#f76dd2;

}

/* : : : : : : : : : : : Column 3 : : : : : : : : : : : */

#column3 {
float:left;
width: 260px;
margin-left:20px;
text-align:left;
}

#column3 img {
border: 3px solid #FFFFFF;
}

#column3 em {
font-style:italic;
}

#column3 h4 {
cursor:pointer;
width:246px;
color:#f76dd2;
display:block;
padding:5px;
margin-left:5px;
}

/* : : : : : : : : : : : Blog elements : : : : : : : : : : : */

.slidedown {
cursor:pointer;
color:#f76dd2;
}

.comments {
display:none;
}


#column3 h4:hover {
background:url(../images/backgrounds/bg-blog.jpg) repeat-x;
}

#column3 input, .panel_right input {
margin:5px;
background:none;
border:1px solid #5e5454;
color:#FFFFFF;
padding:3px;
width:180px;
}

#column3 textarea, .panel_right textarea {
margin:5px;
background:#262626;
border:hidden;
color:#FFFFFF;
padding:3px;
width:210px;
height:60px;
}


.submit {
margin-left:5px;
display:block;
}

label {
margin-left:5px;
display:block;
}


.blogdiv {
padding:5px;
}

.commentbubble_top {
width:250px;
height:9px;
background:url(../images/backgrounds/blog_comment_top.png);
margin-top:10px;
}

.commentbubble {
width:230px;
background:url(../images/backgrounds/blog-comment-bg.png) repeat-y;
padding: 0 10px 0 10px;
}

.commentbubble_bottom {
width:218px;
background:url(../images/backgrounds/blog-comment-bottom.png) top center no-repeat;
padding-top:12px;
padding-left:32px;
}

.hr {
width:260px;
height:1px;
background-color:#333333;
overflow:hidden;
margin: 10px 0 10px 0;
}

/* : : : : : : : : : : : Footer : : : : : : : : : : : */

#footer {
clear:both;
width:900px;
background:url(../images/backgrounds/footer.png);
height:40px;
}

#footer-left {
float:left;
margin-top:7px;
margin-left:20px;
text-align:left;
width:400px;
}

#footer-right {
float:right;
margin-top:7px;
margin-right:10px;
text-align:right;
width:400px;
}

#footer-right a {
color:#CCCCCC;
}

#footer-spacer {
height:100px;
}


#footer-left li {
float:left; 
position:relative;
margin-right:5px;
}

#footer-left span {
position: absolute;
top: -105px;
left: -75px;
display: none;
background:url(../images/networks/background.jpg) no-repeat;
width: 157px;
height: 65px;
text-align: center;
padding: 10px;
color:#000000;
font-size:10px;
}


/* : : : : : : : : : : : social networking box backgrounds : : : : : : : : : : : */

#footer-left span.twitter {
background:url(../images/networks/background_twitter.jpg) no-repeat;
text-align:left;
padding-left: 80px;
width:87px;
}

#footer-left span.linked {
background:url(../images/networks/background_linked.jpg) no-repeat;
padding-top:50px;
height:25px;
}

#footer-left span.flickr {
background:url(../images/networks/background_flickr.jpg) no-repeat;
text-align:left;
height:80px;
padding:2px 0 3px 2px;
width:175px;

}

#footer-left span.rss {
background:url(../images/networks/background_rss.jpg) no-repeat;
text-align:left;
padding-left: 80px;
width:87px;
}

#footer-left span.facebook {
background:url(../images/networks/background_facebook.jpg) no-repeat;
padding-top:35px;
height:40px;
}


/* : : : : : : : : : : : blog page : : : : : : : : : : : */

.cross-link {
width:230px;
color:#f76dd2;
display:block;
padding:5px;
font-family: "Helvetica", sans-serif;
font-size:15px;
letter-spacing:-1px;
}


.cross-link:hover {
background:url(../images/backgrounds/bg-blog.jpg) repeat-x;
}

.panel_left {
float:left;
width:320px;
padding-right:20px;
}

.panel_right {
float:left;
width:260px;
}