@charset "utf-8";


/*---Reset ---*/


/* CSS Document */
/* v1.0 | 20080212 */

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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*--- Global styles ---*/
* { margin:0px; text-align:left; }
html, body { margin:0px; padding:0px; width:100%; height:100%;  font-family: "Lucida Grande", Lucida Sans Unicode, "Times New Roman", Times, serif; font-size:11px; background-repeat:repeat-x; background-color:#fff; background-image:url(../images/interface/darkgrey/bg-page.jpg); color:#777;}
h1, h2, h3, h4, h5, h6, li.blog-header, .post-header, #slides p { font-family: "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h6 a:hover { text-decoration:none; }
h6 a { font-weight:normal; }
.callout {color:#CC0000;}
td.caption {padding-top: 35px;width: 150px;font-size: 9px; font-style: italic; line-height: 13px;vertical-align: top; }

/*
INPUT[type='text'], TEXTAREA
{
	margin-bottom: 0px; background-color:#FFFFF;  font-family: "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; width: 230px;

	}


TEXTAREA { color:#FFFFF;
 font-family: "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
width: 230px;
}
*/



/*--- Site structure ---*/
#wrapper { text-align:center; min-height: 100%; height: auto !important; height: 100%; width:100%; background-repeat:no-repeat; background-position: top center; margin: 0 auto -140px; background-image:url(../images/interface/darkgrey/bg-feature.jpg);}

#inner-wrapper{margin:0 auto; width:939px;}
#header {width:939px; height:57px;float:left;}
#nav { float:right; width:939px; height:70px; position:relative; z-index:999; background-image:url(../images/interface/darkgrey/nav_bg.png);clear:both;}
#nav-vvlogo { float:left; width:250px; height:70px; z-index:999; position: absolute; margin: 0px 0px 0px 0px; clear:both; cursor:pointer; }
#nav-logo { float:left; width:250px; height:70px; position:relative; z-index:999; clear:both;}
#nav-menu { float:right; width:669px; height:auto; margin:31px 0px; height:29px}
#nav-search { position:relative; float:left; width:315px; height:auto; padding:4px 0px; }
#nav-search .sct{padding:14px 20px 0px; color:#efefef; font-size:12px;}
#content {position:relative;  margin:0 auto; width:939px; height:auto; padding-top:0px; }
#content.page{ background:url(../images/interface/common/shadow.jpg) no-repeat; background-color:#f5f5f5; position:relative; float:left; padding:27px 0px; min-height:450px;}
.content-viser { display:inline; float:left; height:auto; width:660px; margin:0px 20px 0px 15px; }
.content-viser p { font-size:11px; }
.content-3-3 { display:inline; float:left; height:auto; width:660px; margin:0px 20px 0px 15px; }
.content-2-3 { display:inline; float:left; height:auto; width:585px; margin:0px 10px 20px 20px; }
.content-contact { display:inline; float:left; height:auto; width:850px; margin:0px 10px 20px 20px; }
.content-1-3 { display:inline; float:left; height:auto; width:200px; margin:0px 10px 0px 20px; }
.content-1-3 p { font-size:11px; }
.content-1-3 img { margin-bottom:0px; clear:both; margin-bottom:10px; border:1px solid #999; padding:1px; }
.services { display:inline; float:left; height:auto; width:200px; margin:0px 10px 0px 20px; }
.services p { font-size:11px; }
.services img { margin-bottom:0px; clear:both; margin-bottom:10px; }
.content-1-4 { display:inline; float:left; height:auto; width:200px; margin:0px 10px 0px 20px; }
.homepage-bottom { display:inline; float:left; height:auto; width:280px; margin:0px 10px 0px 20px; }
.homepage-bottom p { font-size:11px; }
.homepage-bottom img { margin-bottom:0px; clear:both; margin-bottom:10px; }
.sidebar { display:inline; float:left; height:auto; width:200px; margin:0px 10px 0px 20px; }
#footer-wrapper { bottom:0px; width:100%;  background-color:#000; height:140px; overflow:hidden; }
#footer-inner {  height:140px; text-align:center; }
#footer-content { margin:0px auto; width:900px; padding-top:24px; }

/*--- Genessa Added the following ---*/
#sample_container { width:280px; height:auto; margin: 20px 20px 15px 0px; float:left;}
#work_thumb { height:146px; width:280px; float: left; margin: 0px 0px 15px 0px;}
#work_desc { float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#666; width:280px; margin: 0px 0px 0px 0px;}

/*--- Lists ---*/
#nav-menu ul { margin:0px; padding:0px 0px 0px 10px; list-style:none;}
#nav-menu li { width:auto; float:left; margin-right:10px; font-size:110%; display:inline; text-transform:uppercase; position:relative; z-index:200;}
#nav-menu li a { margin-top:1px; padding:8px 8px 16px; display:inline; float:left; color:#bbb; }
#nav-menu li.current_page_item a, #nav-menu li.current_page_parent a { padding:8px 8px 16px; display:inline-block; cursor:pointer; width:auto; color:#fff; margin-top:1px; background:url(../images/interface/common/menuhover.gif) no-repeat bottom center;}
#nav-menu li a:hover { text-decoration:none; color:#efefef;  }
#nav-menu li.current_page_item a:hover, #nav-menu li.current_page_parent a:hover { text-decoration:none; color:#fff;}
#nav-menu li ul { margin: 0px 0px 0px 0px; font-size:100%; padding: 0px; position: absolute; visibility: hidden; width:auto; z-index:1000;   }
#nav-menu li ul li { width:auto; float: left; display: inline; font-size:100%;clear:both; margin-top:0px;}
#nav-menu li ul li a{ width: 240px; background:#000; color: #999; margin:0px; padding:12px 8px; float:left;}
#nav-menu li ul li a:hover{background:#111;}

#nav-menu li.page_item ul li { display:inline; float:left; }
#nav-menu li.page_item ul li a { width: 130px; background:#000; background-image:none; color: #999; margin:0px; padding:8px 8px; float:left;  }
#nav-menu li.page_item ul li a:hover { background:#111; color:#fff;}

#footer-content ul { margin:0px 0px 50px 0px; padding:0px; list-style:none; clear:both; }
#footer-content li { width:auto; float:left; margin-right:20px; font-size:100%; display:inline; }
#footer-content li a { margin-top:0px; padding:0px; display:inline; float:left; }
#footer-content li a:hover { text-decoration:none; color:#999; }
#footer-content ul li ul{display:none;}
#sidebar { display:inline; float:left; height:auto; width:200px; margin:0px 10px 20px 20px; }
ul.submenu, #sidebar ul, .widget ul, .content-1-3 ul, .blog-list ul, .homepage-bottom ul, .services ul, .portfolio-list ul { margin:0px 0px -1px 0px; line-height:24px; border-top:1px solid #ddd;}
ul.submenu li, #sidebar li, .widget li, .content-1-3 li, .blog-list li, .homepage-bottom li, .services li, .portfolio-list li {background:url(../images/interface/common/listarrow.gif) no-repeat 5px 9px; list-style-type:none; width:auto; border-bottom:1px solid #ddd; padding:0px 0px 0px 16px; }
ul.submenu li a, #sidebar li a, .widget li a, .content-1-3 li a, .blog-list li a, .homepage-bottom li a, .services li a, .portfolio-list li a { margin:0px; padding:0px; }
ul.submenu li a:hover, #sidebar li a:hover, .widget li a:hover { color:#999; }
#sidebar ul { border-top:0; }

.content-viser ul { width:300px; color:#900; margin:10px 0px -1px 0px; line-height:24px; font-weight:bold;}
.content-viser li { color:#666; font-weight:normal; background:url(../images/interface/common/listarrow.gif) no-repeat 5px 9px; list-style-type:none; width:auto; border-bottom:1px solid #ddd; padding:0px 0px 0px 16px; }
.content-viser li a{ margin:0px; padding:0px; }

/*--- Typography ---*/
a { text-decoration:none;}
a:hover { text-decoration:none; }
p { line-height:18px; margin-bottom:14px; font-size:100%; }
ul { list-style-type:square; margin:10px 10px 10px 30px; line-height:14px; }
ol { list-style-type:decimal; margin:10px 10px 10px 30px; line-height:14px; }
h1 { font-weight:normal; font-size:200%; line-height:30px; margin-bottom:10px; color:#333; border-bottom:1px solid #bbb; padding-bottom:10px; }
h2 { font-weight:normal; font-size:120%; margin-bottom:10px; }
h3 { font-size:130%; font-weight:normal; line-height:34px; height:44px; }
h4 { color: #CC0000; font-weight:normal; font-size:15px; line-height:18px; margin-bottom:12px; }
h5 { font-size:120%; font-weight:normal; line-height:18px; }
h6 { color: #444444; font-size:12px; font-weight:normal; line-height:14px; min-height:16px; }
blockquote { border-left:2px solid #fff; color:#666; margin:20px 0px 20px 40px; width:auto; line-height:14px; font-size:100%; font-style:italic; padding-left:20px; }
hr { height:1px; background-color: #999; width:100%; border:0; }


/*--- Forms ---*/
form { margin:0px; }
input:focus, textarea:focus { background-color: #efefef; border:1px solid #999; }
input.search { position:absolute; top:8px; border:1px solid #333; background-color:#000;/*background:url(../images/interface/common/bg-search.gif) no-repeat 3px left;*/ height:21px; padding:7px 0px 0px 10px; width:170px; font-size:80%; color:#999; margin-left:90px;}
input.search:focus{background-color:#111;}
input.search-button { border:none; position:absolute; top:12px; left:282px; }

#contact-form ul { margin:0; padding:0; list-style-type:none; }
#contact-form li { margin:0; padding:0px 0px; }
#contact-form input { margin:10 10 10 10; padding:10px 0px 5px 10px; width:350px; height:20px; color:#666; border:1px solid #999; }
#contact-form input.button { margin:0; padding:0px 0px; width:auto; height:28px; }
#contact-form textarea { margin:0px 0px 20px 0px; padding:10px 0px 5px 10px; width:350px; height:auto; color:#666; font-size:11px; font-family: "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Helvetica, sans-serif;  }
#contact-form p { margin:15px 0px 4px 0px; padding:0; }
#post-comment { width:585px; height:200px; }

/*-- Pager --*/
#pager ul { margin:0; padding:20px 0px; }
#pager li { float:left; display:inline; height:auto; }
#pager li a {float:left; display:inline; background-color:#fff; width:auto; height:10px;   margin-right:4px; padding:10px 14px; }
#pager li.active { font-weight:bold; }

/*--- Misc classes ---*/
.textwidget { margin:0px; }
.push { height:160px; width:100%; clear:both; }
.content-divider { height:50px; background:url(../images/interface/default/bg-content-divider.jpg) no-repeat top center; height:76px; clear:both; }
.clear { clear:both; height:10px; width:900px; margin-left:20px; }
.zoom { background:url(../images/interface/common/zoom.jpg) no-repeat; width:200px; height:auto; display:inline; float:left; margin-bottom:0px; }
.widget { margin:0px; padding:0; list-style-type:none; float:left; width:200px;}
.rsswidget img { display:none; }


/*--- Misc ---*/
a.more-link { clear:both; font-weight:bold; }


/*--- Blog styles ---*/
.post-wrapper { margin-bottom:40px; }
.post-header { clear:both; font-size:240%; margin:0px 0px 0px 0px; padding-bottom:10px; line-height:24px; }
.post-header .smalltitle, .post-header .smalltitle a { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;; font-size: 15px; margin:0px 1px; line-height:20px; clear:both; }
.post-header .title, .post-header .title a { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px; margin:0px 0px 0px 0px; line-height:28px; }
.post-header .smalltitle a:hover { text-decoration:none; }
.post-header .title a:hover { text-decoration:none; }
.post-meta { float:left; width:100%; margin-bottom:40px; padding:10px 0px; border-bottom:1px solid #bbb; border-top:1px solid #bbb; }
.post-date { float:right; clear:right; }
.post-image { clear:both; margin:0px 0px 20px 0px; }
.post-entry { clear:both; }
.post-comment img { float:left; margin:4px 10px 0px 0px; }


/*--- Portfolio styles ---*/
.portfolio-list { display:inline; float:right; height:auto; min-height:150px; width:200px; margin:0px 20px 10px 0px; }
.portfolio-list img { clear:both; margin-bottom:10px; border:1px solid #999; padding:1px; background:none; width:196px; height:114px;}
.portfolio-zoom {background:url(../images/interface/common/zoom.jpg) no-repeat; }


/*--- Blog styles ---*/
.blog-list { display:inline; float:right; height:auto; min-height:150px; width:585px; margin:0px 70px 10px 20px; }
.blog-list img { clear:both; margin:0px 15px 5px 0px; border:1px solid #999; padding:1px; background:none; width:196px; height:114px; float:left;}
.blog-zoom { background:url(../images/interface/common/zoom.jpg) no-repeat; }


/*--- Post comments ---*/
#comment-form{float:left; clear:both; position:relative;}
#comments {margin-bottom:0px; clear:both;}
#comment { width:585px; }
#respond h3{margin-bottom:40px;}
h3 #comments {margin-bottom:20px;  margin-top:0px;}
.comment { list-style-type:none; margin-bottom:30px; padding:10px; background-color:#efefef; }
.comment-meta { float:right; margin-top:-40px; }
.comment-author { margin-bottom:30px; }
.avatar { float:left; margin:0px 10px 10px 0px; }
.fn { font-size:14px; font-style:normal; }
.says { display:none; }
.children { margin-top:20px;}

/*--- Wordpress spesific styles ---*/
a.box { }
img.alignright { float:right; margin:0 0 1em 1em }
img.alignleft { float:left; margin:0 1em 1em 0 }
img.aligncenter { display: block; margin-left: auto; margin-right: auto }
a img.alignright { float:right; margin:0 0 1em 1em }
a img.alignleft { float:left; margin:0 1em 1em 0 }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }


/*--- Slideshow styles Original
#feature {width:940px; height:435px; float:left; clear:both; overflow:hidden; margin-top:-47px; margin-bottom:0px;}
#feature #slides {margin:0px; top:0px; }
#feature #slides a img {border: 0px;}
#feature #slides .slide-content {width:940px; height:395px; position:relative;  z-index:2;  }
#feature #slides .slide-content .slide-image{width:940px; height:395px; margin:0px;	}
#feature #slides .slide-content .slide-text{position:absolute;z-index:200;left:50%;top:0px;margin:302px 0px 0px -470px; height:93px;width:940px; background:url(../images/interface/darkgrey/darkgrey80.png); }
.slide-column-1{float:left; width:275px; margin:10px 0px; border-right:1px solid #444; height:56px; padding:17px 20px 10px; }
.slide-column-1 ul{margin:0; padding:0;}
.slide-column-1 li{ position:relative; float:right; display:block; text-align:right; width:265px; margin:0px 0px 2px;}
.slide-column-2{float:left; width:265px; margin:10px 0px; border-right:1px solid #444; height:56px;  padding:17px 20px 10px;}
.slide-column-3{float:left; width:265px; margin:10px 0px; height:39px; padding:17px 20px 0px;}
a.slide-smalltitle{font-size:15px; color:#efefef;}
a.slide-title{font-size:18px; color:#fff;letter-spacing:1px; line-height:normal;}
a.slide-title:hover, a.slide-smalltitle:hover,a.slide-description:hover{color:#fff;}
a.slide-description{font-size:11px; color:#efefef; line-height:13px;}
a.slide-button{font-size:11px; color:#fff; width:240px; padding:16px; background:url(../images/interface/common/btn-black.png) no-repeat; float:left;}
.forward { background:url(../images/interface/common/btn-next.png) no-repeat; width:29px; height:29px; position: absolute; top:160px; cursor: pointer; left: 50%; z-index:500;margin-left:410px; }
.back { position: absolute; top: 160px; cursor: pointer; left: 50%; background:url(../images/interface/common/btn-prev.png) no-repeat; width:29px; height:29px; z-index:500; margin-left:380px;}
--*/


/*--- Slideshow styles --*/
#feature {width:939px; height:435px; float:left; clear:both; overflow:hidden; margin-top:-47px; margin-bottom:0px;}
#feature #slides {margin:0px; top:0px; }
#feature #slides a img {border: 0px;}
#feature #slides .slide-content {width:940px; height:395px; position:relative;  z-index:2;  }
#feature #slides .slide-content .slide-image{ width:939px; height:395px; margin:0px;	}
#feature #slides .slide-content .slide-text{ position:absolute;z-index:200;left:50%;top:0px;margin:302px 0px 0px -470px; height:93px;width:940px; background:url(../images/interface/darkgrey/darkgrey80.png); }
.slide-column-1{float:left; width:630px; margin:0px 0px; height:56px; padding:10px 10px 10px 60px; }
.slide-column-1 ul{font-size:18px; color:#fff; line-height:normal; margin:0px 10px 0px 0px; padding:0;}
.slide-column-1 li{ font-size:13px; color:#999999; line-height:18px; margin-top:10px; position:relative; float:left; display:block; text-align:left; width:630px; margin:0px 0px 2px;}
.slide-column-2{float:left; width:265px; margin:10px 0px; height:56px;  padding:17px 20px 10px;}
.slide-column-3{float:left; width:80px; margin:10px 0px; height:39px; padding:25px 0px 0px;}

a.slide-smalltitle{font-size:15px; color:#efefef;}
a.slide-title{font-size:18px; color:#fff; line-height:normal;}
a.slide-title:hover, a.slide-smalltitle:hover,a.slide-description:hover{color:#fff;}
a.slide-description{font-size:13px; color:#999999; line-height:16px; margin-top:10px;}
a.slide-button{font-size:11px; color:#fff; width:240px; margin:0px 0px 0px 50px; padding:8px 0px 10px 18px; text-align:left; background:url(../images/interface/common/black_button.png) no-repeat; float:left;}
a.slide-button:hover {font-size:11px; color:#fff; width:240px; padding:8px 0px 10px 18px; text-align:left; background:url(../images/interface/common/black_button.png) no-repeat; float:left;}
.forward { background:url(../images/interface/common/btn-next.png) no-repeat; width:29px; height:29px; position: absolute; top:240px; cursor: pointer; left: 50%; z-index:500;margin-left:457px; }
.back { position: absolute; top: 240px; cursor: pointer; left: 50%; background:url(../images/interface/common/btn-prev.png) no-repeat; width:29px; height:29px; z-index:500; margin-left:-480px;}

/*--- Lightbox styles ---*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }


/* Theme colors styles */
a ,
ul.submenu li a,
#sidebar li a,
.widget li a,
.content-1-3 li a,
.portfolio-list li a{color: #444;}
.blog-list li a{color: #444;}


.content-1-3 p,
p {color:#777; }


h1 { color:#444; border-bottom:1px solid #ddd; }



h1 a,
h2 a,
h3 a,
h4 a,

.slides p,
.slides h6,
.post-header a { color: #C00; }

/* Small Title */
h6 a { color:#444;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h6 a:hover { color: #F30;}

.post-header .title,
.post-header .title a {color:#444;}
.post-header .smalltitle,
.post-header .smalltitle a,
.post-header .smalltitle a:hover,
.post-header .title a:hover {color:#999;}

a:hover,
.content-1-3 li a:hover,
.portfolio-list li a:hover{color:#666;}
.blog-list li a:hover{color:#666;}

/*-- Paginator --*/

#pager li a {background-color:#000; }


.post-meta {border-bottom:1px solid #ddd; border-top:1px solid #ddd; }