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

body {
	background: #F4F4F4;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#4e4e4e;
}

a{
	color:#000;
}

a:hover{
	text-decoration:underline;
}


p {
	padding:5px 0px;
	line-height:18px;
}


.wrap {
	width:960px;
	margin:0 auto;
}



.header {
	float:left;
	width:960px;
	margin-top:30px;
	margin-bottom:30px;
}



/* Text elements
-------------------------------------------------------------- */

.header h1{
	font-size:30px;
	color:#000;
	padding:0px 0px;
	display:block;
	float:left;
	font-weight:bold;
}

.header h1 a:hover{
	text-decoration:none;
}

h1 {
	font-size:36px;
	font-weight:normal;
	padding:20px 0px;
	display:block;
	color:#000;
}

h2 {
	font-size:30px;
	font-weight:normal;
	padding:20px 0px;
	color:#000;
}

h3 {
	font-size:24px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}
.bar h3 {
	font-size:18px;
	font-weight:normal;
	color:#fff;
	padding:5px 0px 0px 0px;
	float:left;
}
h4 {
	font-size:18px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}

h5 {
	font-size:14px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}

h6 {
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding:20px 0px;
}




blockquote {
	background:#FFFFFF url(../images/blockquote.png) no-repeat 8px 8px;
	border:1px dotted #DDDDDD;
	color:#474747;
	font-style:italic;
	margin:1em 25% 1em 0;
	min-height:40px;
	padding:1em 1em 1em 7em;
}

cite
    {
    font-size: 12px;
    float: right; 
	margin:0px 0px 20px 0px;
}

address {
	
	margin:0px 20px 0px 0px;
	display:block;
	float:left;
}


/* Tables 
-------------------------------------------------------------- */

#box-table-b {
	border-bottom:7px solid #C8C7C8;
	border-collapse:collapse;
	border-top:7px solid #C8C7C8;
	font-size:12px;
	margin:20px 0px 20px 0px;
	text-align:center;
	width:100%;
}
#box-table-b th {
	background:#fff none repeat scroll 0 0;
	border-left:1px solid #C8C7C8;
	border-right:1px solid #C8C7C8;
	font-size:13px;
	font-weight:normal;
	padding:8px;
}
#box-table-b td {
	border-left:1px solid #C8C7C8;
	border-right:1px solid #C8C7C8;
	color:#231F20;
	padding:8px;
}


/* Form 
-------------------------------------------------------------- */

.form-contact {
	margin-top:20px;
}

#searchform {
	display:block;
	float:right;
}


#searchform input {
	
	width:110px;
	float:left;
	display:inline;
	background: url(../images/inputsearch.gif) left top no-repeat;
	border:0;
	height:27px;
	padding:5px 10px;
}

#searchform input#searchsubmit {
	
	width:38px;
	height:27px;
	background: url(../images/searchsubmit.gif) left top no-repeat;
	cursor:pointer;
	color:#9e9e9e;
	border:0;
}


textarea {
	border:1px solid #333333;
	background:#101010;
	color:#4D4D4D;
	height:100px;
	padding:5px;
	width:430px;
}

.first_col textarea {
	width:330px;
}

input  {
	border:1px solid #333333;
	color:#4D4D4D;
	float:left;
	height:24px;
	padding:5px 5px 0;
	width:281px;
	background:#101010;
}

input.send  {
	border:0px;
	background:url(../../images/link_back.png) left top no-repeat;
	width: 88px;
	height:21px;
	text-align:center;
	font-size:11px;
	display:block;
	margin:10px 0px;
	cursor:pointer;
	padding:0px;
}

label {
	float:left;
	width:100px;
}
.holder {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	clear:both;
}


p.error, p.succes {
	background:#101010;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:100%;
	padding:5px;
	margin:15px 0px 5px 0px;
}

form.sort {
	float:left;
	margin:10px 0px;
	position:relative;
	top:-30px;
}

#hsort, #rsort {
	width:100px;
	font-size:11px;
}


/* Navigation 
-------------------------------------------------------------- */

.menu { float:right; margin-top:20px; z-index : 9999}
ul.menu {list-style:none; margin:0; padding:0  z-index : 9999}
ul.menu * {margin:0; padding:0;  z-index : 9999}
ul.menu a {display:block; color:#000000; text-decoration:none; font-weight:normal; font-size:12px;}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#000; display:none; opacity:0; list-style:none; z-index:99999}
ul.menu ul li {position:relative; border-bottom:1px solid #252525; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#FFFFFF}
ul.menu ul li a:hover { color:#404040;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 10px 10px; font-weight:normal; font-size:14px; color:#000;}
ul.menu .menulink:hover, ul.menu .menuhover, ul.menu .selected { color: #808080;}
ul.menu .sub {
	background:#FFFFFF url(../../images/arrow_icn.gif) right center no-repeat
}
ul.menu .topline {border-top:1px solid #aaa}



/* Slideshow 
-------------------------------------------------------------- */

.slideshow {
	float:left;
	display:block;
	height:429px;
	width:960px;
}

div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}


div#slide-holder {
z-index : 1;
width : 960px;
height : 429px;
position : absolute;
background:url(../images/slideshow_back.png) left top no-repeat;
}
div#slide-holder div#slide-runner {
width : 960px;
height : 390px;
overflow : hidden;
position : absolute;
}
div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-holder div#slide-controls {
width : 960px;
height : 54px;
top:336px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0 no-repeat;
}
div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFF;
}

div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}

div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}

div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}

/* Slideshow NO2
-------------------------------------------------------------- */

#slider1 {
    width: 960px; /* important to be same as image width */
    height: 429px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:transparent url(../images/slideshow_back.png) no-repeat scroll left top;
}

#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	height:390px;
	overflow: hidden; /* important */
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    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;
}
.slider1Image span strong {
    font-size: 14px;
}
.slider1Image .left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.slider1Image .right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

.slider1Image .top {
	top: 0;
	left: 0;
}
.slider1Image .bottom {
	bottom: 20px;
    left: 0;
	width: 960px !important;
	height: 90px;
}

/* Informtion box 
-------------------------------------------------------------- */

/*  */

#screenshot{
	position:absolute;
	background:#000;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */

.info_box_holder {
	background: url(../images/info_box_holder.png) left top no-repeat;
	width:920px;
	height:128px;
	padding:20px;
	display:block;
	float:left;
}

.info_box {
	float:left;
	width:300px;
}

.info_box p.title {
	margin-top:5px;
}

.info_box a {
	color:#FFF;	
}

/* Main page posts
-------------------------------------------------------------- */

.main_page_posts {
	width:960px;
}

.main_page_posts .post {
	width:960px;
	display:block;
	float:left;
	background:url(../images/post_sep.gif) left bottom repeat-x;
	margin-bottom:50px;
}

.main_page_posts .no_border {
	background: none;
}

.bar {
	width:930px;
	height:90px;
	background:url(../images/top_bar_back.png) left top no-repeat;
	float:left;
	padding:15px;
}

.main_page_posts .post_image {
	background:url(../images/img_holder_front.png) left top no-repeat;
	width:170px;
	height:185px;
	padding:10px;
	float:left;
	margin-right:50px;
}

.main_page_posts .post_content {
	float:left;
	margin-right:20px;
	width:55%
}

.main_page_posts .post_content h1 {
	padding:0px 0px 10px 0px;

}

.main_page_posts .post_content h1 a {
	color:#000;
	font-size:24px;
}

.main_page_posts .post_content h1 a:hover {
	color:#808080;
	text-decoration:none;
}

.main_page_posts .post_content a {
	color:#000;
}

.main_page_posts .post_info{
	float:right;
	font-size:11px;
}

.main_page_posts .post_info a{
	color: #000;
}

.main_page_posts .post_info li{
	padding:5px 0px;
}


/* Media page posts
-------------------------------------------------------------- */

.media_page_posts {
	width:960px;
}

.media_page_posts .post {
	width:310px;
	display:block;
	float:left;
	margin-right:5px;
}

.media_page_posts .post_image {
	background:url(../images/img_holder_media.png) left top no-repeat;
	width:290px;
	height:254px;
	padding:10px;
	float:left;
}

#grid-content {
	overflow: hidden;
}

.media_page_posts h6 {
	color:#fff;
	padding:15px 0px 20px 0px;
}

/* 2 columns services
-------------------------------------------------------------- */

.YMslider blockquote {
	width:120px;
	float:left;
}

.col_holder {
	width:960px;
	float:left;
}

.col_holder .left_col {
	width:920px;
	float:left;
}

.col_holder .right_col {
	width:220px;
	float:right;
	padding-left:40px;
	background:url(../images/vertical_sep.gif) left top repeat-y;
}

.right_col .module_list,
.col_holder .sec_col .module_list,
.col_holder .third_col .module_list
{
	color:#000;
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_text,
.col_holder .sec_col .module_text,
.col_holder .third_col .module_text
{
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_list li,
.col_holder .sec_col .module_list li,
.col_holder .third_col .module_list li
{
	display:block;
	padding:5px 0px;
}

.right_col .module_list li a,
.col_holder .sec_col .module_list li a,
.col_holder .third_col .module_list li a
{
	color:#000;
	background:url(../images/arrow_icn.gif) left center no-repeat;
	padding-left:15px;
}

.right_col .module_images,
.col_holder .sec_col .module_images ,
.col_holder .third_col .module_images

{
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_images li,
.col_holder .sec_col .module_images li,
.col_holder .third_col .module_images li
{
	display:inline;
}

.right_col .module_images li a,
.col_holder .sec_col .module_images li a,
.col_holder .third_col .module_images li a
{
	float:left;
	display:block;
	padding:3px;
	background:#e7e7e7;
	margin:3px;
}

.col_holder .left_col .post {
	display:block;
	float:left;
	background:url(../images/post_sep.gif) left bottom repeat-x;
	margin-bottom:50px;
	width: 90%;
}

.col_holder .left_col .no_border {
	background: none;
}


.col_holder .left_col .post_image {
	background:url(../images/img_holder_front.png) left top no-repeat;
	width:63%;
	height:185px;
	padding:10px;
	float:left;
	margin-right:50px;
}

.col_holder .left_col .post_image_med {
	background:url(../images/img_holder_blog_med.png) left top no-repeat;
	width:640px;
	height:206px;
	padding:10px;
	float:left;
	margin-top:30px;
}

.main_page_posts .post_image_large {
	background:url(../images/img_holder_blog_large.png) left top no-repeat;
	width:960px;
	height:339px;
	padding:10px;
	float:left;
	margin-top:30px;
}

.col_holder .left_col .post_content {
	float:left;
	width:100%
}

.col_holder .left_col .post_content h1,
.first_col .post_content h1
{
	padding:0px 0px 10px 0px;
}

.col_holder .left_col .post_content h1 a,
.first_col .post_content h1 a
{
	color:#000;
	font-size:24px;
}

.col_holder .left_col .post_content h1 a:hover,
.first_col .post_content h1 a:hover
{
	color:#808080;
	text-decoration:none;
}

.col_holder .left_col .post_content a {
	color:#000;
}


/* services posts */

.col_holder .services {
	float:left;
}

.col_holder .services .post_content {
	float:left;
	width:100%;
}

.col_holder .services h1 {
	padding:0px 0px 20px 0px;
}

.col_holder .services h1 a {
	color:#000;
	font-size:24px;
}

.col_holder .services h1 a:hover {
	color:#808080;
	text-decoration:none;
}

.col_holder .services .post_content a {
	color:#000;
}

.col_holder .services .post {
	display:block;
	float:left;
	background:url(../images/post_sep.gif) left bottom repeat-x;
	padding-bottom:20px;
	margin-bottom:50px;
	margin-right: 40px;
	width:190px;
}

.col_holder .services .no-margin {
	margin-right: 0px;
}

.col_holder .left_col .no_border {
	background: none;
}


.col_holder .services .post_image {
	background:url(../images/img_holder_front.png) left top no-repeat;
	width:170px;
	height:145px;
	padding:10px;
	float:left;
	margin-right:0px;
}



/* 2 columns blog 
-------------------------------------------------------------- */

/* module social  */

.col_holder .right_col .module_social,
.col_holder .sec_col .module_social,
.col_holder .third_col .module_social
{
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.col_holder .right_col .module_social .col1 {
	float:left;
}

.col_holder .right_col .module_social .col2 {
	float:right;
}

.col_holder .right_col .module_social li a.rss,
.col_holder .sec_col .module_social li a.rss,
.col_holder .third_col .module_social li a.rss
{
	background:url(../images/feed.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.email,
.col_holder .sec_col .module_social li a.email,
.col_holder .third_col .module_social li a.email
{
	background:url(../images/email.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.twitter,
.col_holder .sec_col .module_social li a.twitter,
.col_holder .third_col .module_social li a.twitter
{
	background:url(../images/twitter.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.facebook,
.col_holder .sec_col .module_social li a.facebook,
.col_holder .third_col .module_social li a.facebook
{
	background:url(../images/facebook.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.linkedin,
.col_holder .sec_col .module_social li a.linkedin,
.col_holder .third_col .module_social li a.linkedin
{
	background:url(../images/linkedin.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.vimeo,
.col_holder .sec_col .module_social li a.vimeo,
.col_holder .third_col .module_social li a.vimeo
{
	background:url(../images/vimeo.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.youtube,
.col_holder .sec_col .module_social li a.youtube,
.col_holder .third_col .module_social li a.youtube
{
	background:url(../images/youtube.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.flickr,
.col_holder .sec_col .module_social li a.flickr,
.col_holder .third_col .module_social li a.flickr{
	background:url(../images/flickr.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

.col_holder .right_col .module_social li a.delicious,
.col_holder .sec_col .module_social li a.delicious,
.col_holder .third_col .module_social li a.delicious
{
	background:url(../images/delicious.png) left center no-repeat;
	padding:5px 0px 5px 25px;
	display:block;
}

/* module categories + archives  */

.col_holder .right_col .module_list span,
.col_holder .sec_col .module_list span,
.col_holder .third_col .module_list span
{
	color:#808080;
	font-size:11px;
}

/* module list + images  */

.right_col .module_list_image,
.col_holder .sec_col .module_list_image,
.col_holder .third_col .module_list_image {
	display:block;
	float:left;
	clear:both;
	margin-bottom:30px;
	width:100%;
}

.right_col .module_list_image li,
.col_holder .sec_col .module_list_image li,
.col_holder .third_col .module_list_image li{
	display:block;
	clear:both;
}

.right_col .module_list_image li a.image,
.col_holder .sec_col .module_list_image li a.image,
.col_holder .third_col .module_list_image li a.image
{
	float:left;
	display:block;
	padding:3px;
	background:#e7e7e7;
	margin:0px 10px 10px 0px;
}

.right_col .module_list_image li a.title,
.col_holder .sec_col .module_list_image li a.title,
.col_holder .third_col .module_list_image li a.title
{

	display:block;

}

.right_col .module_list_image li span,
.col_holder .sec_col .module_list_image li span,
.col_holder .third_col .module_list_image li span
{
	color:#808080;
	display:block;
	font-size:11px;
}


.post_info_wide{
	font-size:11px;
	color:#808080;
}

/* pagination */

.pagination ul {
	float:left;
	width:100%;
}

.pagination ul li {
	display:inline;
}

.pagination ul li a {
	font-weight:bold;
	font-size:14px;
	color:#808080;
}
.pagination ul li a:hover {
	text-decoration:none;
	color:#4E4E4E;
}




/* 3 columns layout 
-------------------------------------------------------------- */

.col_holder .first_col {
	width:460px;
	float:left;
	margin-right:20px;
}

.col_holder .first_col .post {
	margin-bottom:20px;
	background:transparent url(../images/post_sep.gif) repeat-x scroll left bottom;
	display:block;
	float:left;
	margin-bottom:40px;
	padding-bottom:40px;
}


.col_holder .sec_col {
	width:200px;
	float:left;
	padding:0px 20px;
	background:url(../images/vertical_sep.gif) left top repeat-y;
	margin-left:20px;
}

.col_holder .third_col {
	width:200px;
	float:left;
	padding-left:20px;
	background:url(../images/vertical_sep.gif) left top repeat-y;
}






/* post_detailed 
-------------------------------------------------------------- */


.logo {
	float:left;
	width:280px;
	font-size:11px;
}

.post_detailed ol {
	list-style-position:outside;
	list-style-type:decimal;
}

.post_detailed ul {
	list-style-position:outside;
	list-style-type: square;
}

.post_detailed ol li, .post_detailed ul li{
	padding:5px 0;
	margin-left:2.5em;
}



/* comments
-------------------------------------------------------------- */

.leave_comment {
	float:left;
	margin-bottom:30px;
}

.comment {
	background:transparent url(../images/post_sep.gif) repeat-x scroll left bottom;
	clear:both;
	margin-bottom:30px;
	padding-bottom:30px;
	float:left;
	width:640px;
}
.user {
	float:left;
	height:60px;
	overflow:hidden;
	width:60px;
	background:#E7E7E7 none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0px 20px 0px 0;
	padding:3px;
}

.user img {
	height:60px;
	width:60px;
}

.comment-post {
	float:left;
	width:550px;
}

.col3 .comment-post {
	float:left;
	width:350px;
}
.col3 {
	float:left;
	width:450px;
}

.comment-post h5 {
	float:left;
	padding:0px 0px 5px 0px;
}
.comment span.date {
	float:right;
	font-size:10px;
	margin:0;
	padding:0;
}

/* Footer 
-------------------------------------------------------------- */

.footer {
	display:block;
	width:960px;
	margin:0px auto;
	font-size:11px;
	background:url(../images/footer_back.png) left top no-repeat;
	float:left;
	padding:15px 0px;
	margin:40px auto 0;
}

.footer .copy {
	text-align:right;
}