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

body{background:url(../images/main.jpg) repeat scroll 0 0 transparent; font-family: Calibri, Droid Sans, Arial, Helvetica, sans-serif ; line-height:20px; font-size:12px; color:#464646; margin:0px; padding:0px; }
h1{font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif; font-size:17px; color:#464646; line-height:17px; margin:0px; padding:0px; color:#000; font-weight:normal; padding-bottom: 0px}
h1 span{font-weight: }
h2{font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; margin:0px; padding:0px; text-shadow:#fff 1px 1px 0; color:#464646; font-weight:normal;}
h2 span{font-weight: }
h3{font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif; font-size:16px; line-height:17px; margin:0px; padding:0px; color:#fff; font-weight:normal;}
h4{font-family: Droid Sans, Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; margin:0px; padding:0px; color:#c68c8c; font-weight:bold; text-shadow:#fff 1px 0px 0; padding-top: 7px; font-style: italic}
h5{font-family: Oswald, Arial, Helvetica, sans-serif; font-size:21px; line-height:30px; margin:0px; padding:0px; color:#485f74; font-weight:normal;}
p{margin:0px; padding:10px 0 0 0;}
section{font-size: 100%}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
	padding-top: 20px;
	padding-bottom: 20px
}
#container{width:100%; margin:0px; padding:0px;}
.wrapper{width:960px; margin:0px auto;}
.right{float: right; }
.right2{float: right; padding-top: 13px }
.left{float: left; padding-top: 15px}
.left a{color: #4a4a4a; text-decoration: none; font-size: 11px}
.left a:hover{text-decoration: underline}
.img{border: 1px solid #eeeeee; padding: 5px; background: #fff}


/* ----------------------------------------------------------------------------
	HEADER
---------------------------------------------------------------------------- */

#header{width:100%; float:left; margin:0px; padding:0px; background-color:#383838; }
#header-inner{width:100%; float:left; margin:0px; padding:0px; background-color: #000;}
.pattern2{width:100%; float:left; margin:0px; padding:0px; background: url(../images/header_bg.png) repeat}
.pattern2-inner{width:100%; float:left; margin:0px; padding:0px; background: url(../images/header_bg.png) repeat}
.logo{float: left; background: url(../images/cultekslogo.png) no-repeat; width: 270px; height: 50px; margin-top: 15px}
.light{width:100%; float:left; margin:0px; padding:0px; background: url(../images/light.png) no-repeat}


/*header menu*/
.header-menubg{float: left; height: 54px; width: 100%; margin-top: 10px; background: url(../images/header-sep.png) repeat-x bottom; padding-bottom: 20px}
.menu-wrapper{width:960px; margin:0px auto;}
.menu{float: right; margin-top: 18px; font-size: 12px; font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif }
.menu ul.sf-menu li.current_page_item a{color: #fff;}	


/* ----------------------------------------------------------------------------
	SUPERFISH MENU
---------------------------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
	margin-top: 5px;
	background: #16181a;
	padding: 2px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	behavior: url(./PIE.htc);
	opacity: 0.9;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    -khtml-opacity: 0.9;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	text-decoration:none;
	padding-left: 8px; 
	padding-right: 10px; 
	padding-top: 10px; 
	padding-bottom: 10px
	

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #e0e0e0;
}
.sf-menu li {
margin: 0px 5px 0px 5px; 
text-transform: uppercase
}

.sf-menu li li {
	background:#16181a url(http://www.media-kom.com/sandspace/images/menusep.png)repeat-x bottom;
	line-height: 1.3;
	margin: 0px 0px 0px 0px;
	text-transform: none;
	font-size: 11px;
	border-bottom: 1px dotted #282c2f;
	 filter:alpha(opacity=90);
    -moz-opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    -khtml-opacity: 0.9;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.sf-menu li li li {
	background:		#16181a;
	margin: 0px 0px 0px 0px;
	text-transform: none
}
.sf-menu a:hover{color:#fff}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:active {
	border-bottom: 3px solid #fff;
}

.sf-menu li li:hover {
	border-bottom: 0px;
	color: #fff; 
	background: #000;
	border-bottom: 1px dotted #282c2f
}
.sf-menu li li a:hover {
	border-bottom: 0px;
	color: #fff; 
	
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu a:hover.sf-with-ul {
	
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://www.media-kom.com/sandspace/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/


/*title*/
.wrapper-title{width: 929px; margin: 0px auto;}
.title{float: left; margin-top: 35px}

/*slider*/
.slider-wrapper{width:960px; margin:0px auto;  }
.slider{float: left; margin-top: 0px;}
.slider-wrapper-inner{width:733px; margin:0px auto; }
.browser{float: left; background: url(../images/browser.png) no-repeat top; padding: 5px;  }

/*bottomline*/
.bg-bottomline{float: left; background: url(../images/bg-bottomline.png)repeat-x; width: 100%; height: 132px; }
.header-bottomline{float: left; height: 42px; width: 678px; margin-top: 25px;  margin-right: 87px; font-size: 17px; color:#2f353b; text-shadow:#fff 1px 0px 0; font-family: Droid Sans, TitilliumText22LMedium,  Arial, Helvetica, sans-serif; margin-left: 5px ; line-height: 25px}
.header-bottomline span{font-weight: bold; font-family: TitilliumText22LMedium,  Arial, Helvetica, sans-serif; font-size: 20px}
.button-bottomline{float: left; width: 189px; height: 52px; margin-top: 27px; }
.button-bottomline a{font-size: 0px; line-height: 0; background: url(../images/learnmore.png) no-repeat; width: 189px; height: 52px; display: block}
.button-bottomline a:hover{background: url(../images/learnmoreh.png) no-repeat; width: 189px; height: 52px; }
.button-bottomline img{border: none}

.header-bottomline-inner{float: left; height: 42px; width: 100%; margin-top: 25px; padding-bottom: 25px; }
.inner-title{float: left; font-size: 40px; font-family: Oswald, Arial, Helvetica, sans-serif; color: #d15152; font-weight: bold; width: 630px}
.inner-slogan{float: left; font-size: 16px; font-family: TitilliumText22LMedium, Arial, Helvetica, sans-serif; color: #464646; padding-top:20px }
.inner-slogan span{color: #d15152}
.breadcrumbs{float: right; font-size: 15px; text-shadow:#fff 1px 0px 0px; font-family: Calibri,  Arial, Helvetica, sans-serif; font-weight: 600; padding-top: 8px}
.breadcrumbs span{font-style: italic; color: #0a3872; }
.breadcrumbs2{font-style: italic; color: #ABAAAA; font-size: 13px; padding: 8px 0 8px 0; float: left}
.breadcrumbs2 a{color: #666666; text-decoration: none; }
.viewmore a{float: right; font-size: 0px; line-height: 0px; background: url(../images/more.png) no-repeat; width: 273px; height: 54px; display: block; margin-top: 5px}
.viewmore a:hover{background: url(../images/moreh.png) no-repeat;}

.search-top{float: right; margin-top: 15px}

.searchform {
    background: url("../images/search_bg.png") no-repeat scroll left center transparent !important;
    -moz-border-radius: 0 0 0 0 !important;
    border: medium none !important;
    color: #03476B;
    float: left !important;
    font-size: 12px;
    height: 30px !important;
    padding: 0 0 0 10px !important;
    width: 205px !important;
}

.searchform_button { 
    background: url("../images/search_icon.png") no-repeat scroll center top transparent !important;
    -moz-border-radius: 0 0 0 0 !important;
    border: medium none !important;
    cursor: pointer;
    float: left !important;
    height: 31px !important;
    width: 31px !important;
}

.searchform_button:hover { 
    background: url("../images/search_icon_h.png") no-repeat scroll center top transparent !important;
}

/* ----------------------------------------------------------------------------
	MAIN
---------------------------------------------------------------------------- */
#main-wrapper {width: 960px; margin: 0px auto; }
.main-home{ float: left; width: 100%; margin-top: 13px; padding-bottom: 0px; }
.main{ float: left; width: 100%; margin-top: 0px; padding-bottom: 50px}
.main-inner{ float: left; width: 100%; margin-top: 20px; padding-bottom: 50px}
.column {float: left; width: 296px; margin-right: 35px; padding-bottom: 3px}
.column_last{float: left; width: 296px;}
.column_footer {float: left; width: 213px; margin-right: 35px}
.column_footer_last{float: left; width: 213px;}
.box{float: left; margin-top: 65px}
.text{padding-top: 20px; padding-bottom: 20px;}
.more{font-size: 16px; color:#000; font-weight: bold; text-decoration: none; font-style: italic}
.more:hover{text-decoration: underline}
.shadow{background: url(../images/shadow.png) no-repeat; float: left; width: 929px; height: 6px; margin-top: 2px}


/* ----------------------------------------------------------------------------
	MAIN BLOG
---------------------------------------------------------------------------- */

.posts {float: left; width: 630px; margin-right: 21px; margin-top: 30px; padding-right: 25px; border-right: dotted 1px #ccc}
.post {
    float: left;
    margin-bottom: 0px;
    padding: 0px 0;
    width: 623px;
}
.error{float: left; font-size: 150px; color:#d15152; font-weight: 600; line-height: 150px; margin-left: 100px; margin-top: 50px}
.error2{float: left; font-size: 60px; color:#24282b; font-weight: 600; line-height: 70px; margin-left: 75px; margin-top: 30px}
.error-link{float: left; font-size: 18px; color:#24282b; font-style: italic; margin-left: 75px; line-height: 30px}

.blog-title{float: left; font-size: 18px; width: 320px; color: #d15152; text-shadow:#fff 1px 0px 0; font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif}
.blog-meta{float: left; font-size: 11px; text-shadow:#fff 1px 0px 0; padding-top: 0px; padding-bottom: 8px; color:#353b40; border-bottom: 1px dotted #D2D2D2; border-top: 1px dotted #D2D2D2; padding: 5px; width: 390px; margin: 5px 0px 20px 0px}
.blog-meta a{color:#a7a7a7; text-decoration: none}
.blog-meta a:hover{text-decoration: underline}
.img-post{float: left; padding-bottom: 25px; padding-right: 15px}
.text-post {float: left; font-size: 12px; padding-top: 10px; padding-bottom: 5px; width: 390px}
.blog-pagination {
    float: left;
    padding: 0;
    width: 630px;
}

.blog-pagination-text{font-size: 10px; font-style: italic; float: left;  margin-right: 13px; padding-top: 5px}

.blog-pagination ul {
    margin: 0;
    padding: 0;
	list-style: none;
	float: left
}
.blog-pagination ul li {
    float: left; 
    list-style: none outside none;
    margin-right: 3px;
    padding: 0;
	color:#fff;
	background: url("../images/lipagination.png") no-repeat; 
	width: 26px;
	height: 27px;
	text-align: center;
	padding-top: 2px

}
.blog-pagination ul li a {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;

}
.blog-pagination ul li a:hover {
    color: #D15152;
}
.blog-sep{float: left; border-bottom: 1px dotted #D2D2D2; width: 100%}

/*blog-post*/
.blockquote-post {
    background: url(../images/quote.png) no-repeat scroll left 5px transparent;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
    margin-top: 20px; 
    min-height: 40px;
    padding: 0 0px 0 40px;
	width: 160px
}


.respond{color:#03476B; font-size: 12px; margin-top: 20px; margin-bottom: 30px; float: left; width: 100%}
.comments{color:#03476B; font-size: 14px; margin-top: 20px; margin-bottom: 5px; float: left;  width: 100%}
.comment{float: left; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dotted #D6DBE1;}
.comment-last {float: left; padding-top: 20px;border-bottom: none; padding-bottom: 0px}
.commentlist {
    float: left;
    list-style-type: none;
    margin: 10px 0 20px;
    padding: 0 10px 0 0;
    width: 620px;
}
.avatar {
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    margin-right: 5px; 
    position: relative;
	float: left
}

.comment-author {
    margin-left: 20px; 
	float: left;
	width: 510px
}
.comment-body{float: left}

.author{font-size: 14px; font-weight: bold}
.comment-meta a{color: #A7A7A7; text-decoration: none; font-style: italic; font-size: 13px}
.comment-meta a:hover{text-decoration: underline}

#commentform input {
    margin-right: 10px;

}

input, textarea {
    padding: 7px;
}

input, textarea, button {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D6DBE1;
}

#commentform small {font-size: 13px; font-weight: bold}

#commentform small span{
    color: #03476B;
}

/*sidebar*/
.sidebar {float: left; width: 283px; margin-top: 30px;}
.sidebartop {width: 286px; height: 12px; background: url("http://www.media-kom.com/sandspace/images/sidetop.png") no-repeat; float: left}
.sidebarmiddle {width: 286px; background: url("http://www.media-kom.com/sandspace/images/sidemiddle.png") repeat; float: left}
.sidebarbottom {width: 286px; height: 19px; background: url("http://www.media-kom.com/sandspace/images/sidebottom.png") no-repeat; float: left}
.sidebartitle{float: left; font-size: 15px; width: 100%; padding-bottom: 10px; color: #d15152; font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif}
.sidebartitle-second{float: left; font-size: 15px; width: 100%; padding-bottom: 10px; color: #d15152; font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif}
.sidebar ul {
    list-style: none outside none;
    margin: 0 0 0px;
    padding-top: 0px; 
	padding-bottom: px;
	padding-left: 0px;
	padding-right: 0px; 
	float: left; 
	width: 100%
}
.plus li {
    background: url("../images/arrow.png") left center no-repeat transparent ;
    padding-left: 20px;
}
.sidebar li {
    list-style: none outside none;
    padding-bottom: 5px;
    padding-top: 5px;
	border-bottom: 1px dotted #d6dbe1
}
.sidebar li a{
    color: #4a545d;
	text-decoration: none;
	padding: 2px
}



.sidebar li a:hover{
    background: #d15152;
	color: #fff;
	padding: 2px
	
}

.sidebar li.last {
    list-style: none outside none;
    padding-bottom: 2px;
    padding-top: 2px;
	border-bottom: 0px solid #d6dbe1
	
}

/* Flickr */
#flickr-sidebar ul {list-style:none;margin-top:20px; padding: 0; margin: 0; }
#flickr-sidebar ul li {display:inline;float:left;margin:0 5px 10px 0; border-bottom: 0px}
#flickr-sidebar ul li.last {margin-right:0; padding-bottom: 0px; padding-top: 5px}
#flickr-sidebar img {padding:2px;border:1px solid #eeeeee;}
#flickr-sidebar img:hover {border:1px solid #999;}
#flickr-sidebar li a{padding: 0}

/* Latest Blog Photos */
#latest-blog-photos ul {list-style:none;margin-top:20px; padding: 0; margin: 0}
#latest-blog-photos ul li {display:inline;float:left;margin:0 20px 20px 0;}
#latest-blog-photos ul li.last {margin-right:0;}
#latest-blog-photos img {padding:2px;border:1px solid #ccc;}
#latest-blog-photos  img:hover {border:1px solid #999;}

.popular-comments { list-style:none; width:360px; } /*Set the width of your popular post*/
.popular-comments li { overflow:auto; margin:0px 0px; border-bottom:0px solid #E6E6E6; padding-bottom:5px; } /*Style your post list, I have opted for a bottom border which is 1 pixel thick.*/
.popular-comments li img { float:left; margin-right:10px; border:1px solid #EEEEEE; background: #fff; padding: 4px} /*Give your thumbnail taken from the featured image a nice border! A thick border adds to the effect.*/
.popular-comments li a { text-decoration:none; color:#1e292b; font-weight: bold} /*Give your active links a bit of color.*/
.popular-comments li p { margin-top:0px; font-size: 10px; padding: 0px; margin-left: 85px; color:#bdbdbd}
.popular-comments li:hover {background: #EBEBEB}

/* Tag Cloud */
#tags-sidebar {float: left; }
p.tags {font-size: 12px; line-height: 26px; margin-top:20px;}
#tags-sidebar p.tags span.jg-tags {font-style:italic;  }
p.tags span.jg-tags {padding: 0px 0px 0 7px;margin: 0 5px 10px 0; display: inline-block;border: 1px solid #dadada;}
p.tags span.jg-tags:hover {border: 1px solid #ccc; background: #d15152}
p.tags span.jg-tags a {text-decoration: none;padding: 0px 8px 0px 2px; display: inline-block;color:#a0a0a0;}
p.tags span.jg-tags a:hover {color: #fff; background: #d15152}

.widget {float:left;}
.widget h3.widget-title {padding-bottom:10px;border-bottom: 1px solid #E6E6E6;}

.image-fade img {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.image-fade img:hover{
opacity: .8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

/*inner-columns*/
.inner-column-left{float: left; width: 370px; margin-right: 45px}
.inner-column-right{float: left; width: 530px}
.inner-column-right iframe{border: 5px solid #fff}
.seperator-wrapper{width: 928px; margin: 0 auto}
.seperator{float: left; background: url(../images/seperator.png) repeat-x center; height: 7px; width: 100%; margin-top: 15px; margin-bottom: 15px}
.seperator_home{display: block; padding-top: 20px; clear: both; overflow: hidden}
.inner-column{float: left; width: 267px; margin-right: 72px; margin-top: 20px}
.inner-column_last{float: left; width: 267px; margin-top: 20px}


/*clients-area*/
#blog_posts{float: left}
.clients-area{ float: left; width: 100%; padding-top: 0px; padding-bottom: 70px}
.clients-bg{float: left; padding: 10px; background: #efefef; min-height: 170px; -moz-border-radius: 3px; margin-top: 20px; -webkit-border-radius: 3px;
	border-radius:3px;
	behavior: url(./PIE.htc);}
.clients-first{float: left; width: 615px; margin-right: 35px}
.clients-second{float: left; width: 295px;}
.client-box{float: left; margin-right: 15px}
.client-box-last{float: left;}
.client-text{float: left; color: #455b6e; font-size: 11px }
.client-img{float: left; border: 2px solid #fff}
.client-name{float: left; width: 150px;  margin-left: 11px; font-size: 11px}
.client-name span{color:#d15152; font-size: 16px; font-weight: bold}
.client-textsay{float: left; width: 295px; margin-top: 10px}

#talk blockquote {  float: left; background: #fff; border:1px solid #eeeeee; color:#545454; width:295px; height:118px; position:relative; padding: 0;margin: 0; margin-top: 45px;
		/* border radius */
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		behavior: url(./PIE.htc);
		margin-bottom: 37px
	}
#talk blockquote.right { float:right; }
#talk blockquote.left { float:left; }
#talk blockquote h3 { position:absolute; text-indent:-999999px; }
#talk blockquote span.byline { font-size:14px; background:url(../images/quote_arrow.png) no-repeat top left; display:block; padding-top:20px; position:absolute; left:22px; bottom:-40px; }
#talk blockquote span.byline strong { font-weight:normal; display:block; height:25px; float:left; margin-left:3px; padding-top:5px; margin-top:-10px;}
#talk blockquote span.byline strong b { color:#2a2a2a; padding-left:32px; }
#talk blockquote p { font-size:14px; font-style:italic; padding:25px 23px; line-height:135%; text-align:center; float: left}


#first h3 { width:73px; height: 54px; background:url(../images/client.png) no-repeat; right:20px; top:-30px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}		
#second h3 { width:73px; height: 54px; background:url(../images/client2.png) no-repeat; right:20px; top:-30px; border: none; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}
#third h3 { width:73px; height: 54px; background:url(../images/client3.png) no-repeat; right:20px; top:-30px; border: none; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}
#four h3 { width:73px; height: 54px; background:url(../images/client4.png) no-repeat; right:20px; top:-30px; border: none; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}

.clients_nav{float: right; margin-top: -35px}
#prev{background: url(../images/prev.png) no-repeat; height: 28px; width: 28px; font-size: 0px; list-style: none; float: left; margin-right: 7px; line-height: 0px;}
#next{background: #000 url(../images/next2.png) no-repeat center; padding: 13px; font-size: 0px; list-style: none; float: left; margin-right: 7px; line-height: 0px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;behavior: url(./PIE.htc);}
#prev:hover{background: url(../images/prevh.png) no-repeat; height: 28px; width: 28px; font-size: 0px; list-style: none; float: left; margin-right: 7px; line-height: 0px;}
#next:hover{background: #3b3e3d url(../images/next2.png) no-repeat center; padding: 13px;  font-size: 0px; list-style: none; float: left; margin-right: 7px; line-height: 0px;}

/*recent-projects*/
.recent-projects{ float: left; width: 100%; padding-top: 30px; padding-bottom: 30px }
.column-recent {float: left; width: 300px; margin-right: 20px}
.column-recent_last{float: left; width: 300px;}
.recent-img{float: left; border: 1px solid #e2e2e2; margin-bottom: 20px; background-color: #fff; padding: 5px}
.recent-text{padding-top: 5px; padding-bottom: 20px;}
#slides2{margin-top: 20px; }
#slides2 p{width: 615px; }
#slides2 img{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}
#slides2 h1{font-size: 14px; padding-top: 10px; }

#slides2 .pagination {margin-top: 10px; background: none; padding: 0px; }
#slides2 .pagination li{margin: 0}
#slides2 .pagination  li a{background: #24282b; padding: 5px; width: 0px; font-size: 0px; list-style: none; float: left; margin-right: 7px; line-height: 0px;border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;behavior: url(./PIE.htc);}
#slides2 .pagination li a:hover{background: #ccc;}
#slides2 .pagination .current a{background: #d15152 ;}
#slides2 .pagination ul{list-style: none; padding: 0; margin: 0; margin-top: 10px}



/*client-line*/
.client-line{ float: left; width: 100%; background: #f0f0f0; padding: 20px 0 20px 0}
.clients{float: left}
.clients-search{float: right; margin-top: 8px}
#search_input{border: 3px solid #ccc; padding: 7px; color: #d7d7d7; font-size: 11px; width: 170px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}
#search_submit{background: url(../images/search-btn.png)no-repeat; width: 86px; height: 32px; border: none; color: #fff; font-style: italic; font-size: 11px; padding-bottom: 5px; padding-left: 0px}

/* ----------------------------------------------------------------------------
	FOOTER
---------------------------------------------------------------------------- */

#footer{width:100%; float:left; margin:0px; padding:0px; background: #383838 url(../images/header_bg.png);}
.latest a{color: #000; text-decoration: none; font-weight: bold; 
opacity: 0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-khtml-opacity: 0.8;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.latest a:hover{opacity: 1;
filter:alpha(opacity=100);
-moz-opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-khtml-opacity: 1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.latest{ float: left; margin-top: 30px; padding-bottom: 25px}
.works-img{float: left; border: 5px solid #fff; margin-right: 8px; margin-top: 20px}
.column_lastf{float: left; width: 290px; color:#9ea1a8 }
.text_footer{padding-top: 20px; padding-bottom: 20px; color:#e0e0e0}
.footer-line{background: url(../images/seperatorfoot.png)repeat-x bottom; width: 213px; height: 3px; padding-top: 10px}
.newsletter input{background-color: #2e333d; border: 1px solid #3a434d; float: left; width: 284px; color: #9ea1a8; height: 28px; margin-top: 13px; margin-bottom: 15px}

.bg-bottom{background: #000; width: 100%; float: left; padding-top: 20px; padding-bottom: 20px; 
opacity: 0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-khtml-opacity: 0.6;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
.bottom{font-size: 12px; color:#6D6D6D; text-align: center}
.bottom span{float: right}
.bottom a{color: #6D6D6D; text-decoration: none}
.bottom a:hover{color: #E0E0E0}

.footer-menu-container{float: right; width: 279px}
.footer-menu {list-style: none; padding: 0; margin: 0}
.footer-menu li {float: left;}
.footer-menu li a{color: #979797; text-decoration: none; padding-left: 3px; padding-right: 3px; }
.footer-menu li a:hover{color: #fff;}

.footer-img{float: left; background: url(../images/footer-br.png)no-repeat; padding: 5px ; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}
.footer-posts {list-style: none; padding: 0; margin: 0;}
.footer-posts li{float: left; padding-bottom: 4px; padding-top: 4px ; width: 213px}
.footer-posts .first{padding-top: 0px}
.footer-posts li span{color: #E0E0E0; font-style: italic; font-size: 10px}
.footer-seperator{background: url(../images/header-sep.png)repeat-x; height: 2px; margin-top: 4px; float: left; width: 100%}

/*social icons*/
.topsocial-wrapper{width:960px; margin:0px auto;}
.topsocial{float: left; margin-top: 5px; color: #fff; font-size: 11px; padding: 5px 5px 20px 5px}
.icons{float: left; padding: 0; margin: 0; list-style: none; margin-left: 5px; width: 185px; padding-top: 5px}
.rss a {float: left; background:url(../images/social-icons.png) no-repeat; width: 32px; height: 32px; margin-right: 5px; background-position: 0px -33px}
.facebook a{float: left; background:url(../images/social-icons.png) no-repeat ; width: 32px; height: 32px ; margin-right: 5px; background-position: -35px -33px}
.twitter a{float: left; background:url(../images/social-icons.png) no-repeat; width: 32px; height: 32px; margin-right: 7px; background-position: -70px -33px}
.linkedin a{float: left; background:url(../images/social-icons.png) no-repeat; width: 32px; height: 32px; margin-right: 5px; background-position: -107px -33px }
.gmail a{float: left; background:url(../images/social-icons.png) no-repeat; width: 32px; height: 32px; background-position: -143px -33px }





/* ----------------------------------------------------------------------------
	TWITTER
---------------------------------------------------------------------------- */

#twitter{color:#e0e0e0}
#twitter ul{list-style: none; padding: 0; margin: 0; padding-top: 10px}
#twitter span{font-size: 10px; color:#E0E0E0; font-style: italic }
#twitter a{color: #000; text-decoration: none; font-weight: bold}
#twitter a:hover{opacity: 1;
filter:alpha(opacity=100);
-moz-opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-khtml-opacity: 1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
#twitter li {background: url(../images/footer-sep.png)repeat-x bottom; padding-bottom: 7px}


/* ----------------------------------------------------------------------------
	BUTTONS
---------------------------------------------------------------------------- */

.button-new{float: left;margin: 0px;padding: 0px 0px 0 0;}
.button-new i{background: url(../images/button-right.png) top left no-repeat; float: left; margin: 0px; padding: 0 0 0 7px;	height: 31px;	border: none;}
.button-new i:hover{ background:url(../images/button-right-hover.png) top left no-repeat; margin:0px; }
.button-new input{ background: url(../images/button-left.png) top right no-repeat;	float: left; font-family:Arial, Helvetica, sans-serif;	font-style: italic; font-size: 11px; font-weight: normal; color: #fff; cursor: pointer; border: none; margin:0px; padding:6px 12px 9px 2px; *padding:1px 5px 5px 4px; line-height:16px;}
.button-new input:hover{ background:url(../images/button-left-hover.png) top right no-repeat; display:block; margin:0px;  }

/* ----------------------------------------------------------------------------
	PORTFOLIO HOVER
---------------------------------------------------------------------------- */
.portfolio-popup { }
	.portfolio-popup ul { margin:0; padding:0; list-style-type:none; }
		.portfolio-popup ul li{ display:block; float:left; width:240px; padding:20px; margin:0 20px; position:relative; }
			.portfolio-popup ul li img { display:block; padding: 4px; background-color: #ffffff; border: 1px solid #E6E6DA;  }
			.portfolio-popup-info { position:absolute; background:#fff; top:0; left:0; right:0; bottom:0; border:1px solid #cecec3; padding:15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); zoom:1; opacity:0; z-index:500; }
				.portfolio-popup-info span { display:block; }
				.portfolio-popup-info-title, .portfolio-popup-info-description { margin-bottom:10px; }
					.portfolio-popup-info-title a{ font-size:14px; text-decoration:none; color:#545454; }
				.portfolio-popup-info-actions { position:absolute; bottom:0; right:0; }
					.portfolio-popup-info-actions a { text-transform:uppercase; text-decoration:none; padding:0 5px; line-height:20px; font-size:11px; font-weight:bold; }
					.portfolio-popup-info-actions a.portfolio-popup-info-more { background:#434343; color:white; display:inline-block; }

.portfolio-listing { margin:0; padding:0; list-style-type:none; float: left; margin-top: -10px }
	.portfolio-listing li { padding:0; margin-top:40px; position:relative; }
		.portfolio-listing .portfolio-title { display:block; margin-top:10px; }
			.portfolio-listing .portfolio-title a { font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif; color:#000; font-weight:normal; display:block; font-style:normal; text-decoration: none; padding-bottom: 2px }


a.lightbox-image, a.lightbox-video, a.lightbox-none, a.lightbox-image-blog, a.lightbox-video-blog, a.lightbox-none-blog, a.lightbox-image-half, a.lightbox-video-half, a.lightbox-none-half { display:block; position:relative; }
.lightbox-image span.overlay, .lightbox-video span.overlay, .lightbox-none span.overlay { display:block; position:absolute; top:6px; left:6px; right:6px; bottom:6px; background:transparent url(../images/overlay.png); display:none; width: 285px;}
.lightbox-image-blog span.overlay, .lightbox-video-blog span.overlay, .lightbox-none-blog span.overlay { display:block; position:absolute; top:6px; left:6px; right:6px; bottom:6px; background:transparent url(../images/overlay.png); display:none; width: 195px}
.lightbox-image-half span.overlay, .lightbox-video-half span.overlay, .lightbox-none-half span.overlay { display:block; position:absolute; top:6px; left:6px; right:6px; bottom:6px; background:transparent url(../images/overlay.png); display:none; width: 462px}

.overlay-inner { position:absolute; bottom:0; right:0; width:32px; height:32px; background:transparent url("../images/lightbox-none.png") no-repeat; }
.lightbox-image .overlay-inner { background:transparent url("../images/lightbox-image.png") no-repeat; }
.lightbox-image-blog .overlay-inner { background:transparent url("../images/lightbox-image.png") no-repeat; }
.lightbox-image-half .overlay-inner { background:transparent url("../images/lightbox-image.png") no-repeat; }
.lightbox-video .overlay-inner { background:transparent url("../images/lightbox-video.png") no-repeat; }
.lightbox-video-blog .overlay-inner { background:transparent url("../images/lightbox-video.png") no-repeat; }
.lightbox-video-half .overlay-inner { background:transparent url("../images/lightbox-video.png") no-repeat; }


.filter-wrapper{width: 908px; margin: 0px auto}
.filter-bg{width: 908px; height: 35px; float: left}
#filter{float: left; margin-left: 280px; margin-top: 7px}
.filter-wrapper ul{list-style: none;}
.filter-wrapper li{float: left; color: #000; font-size: 18px}
.filter-wrapper li a{margin-right: 7px; margin-left: 7px; color:#000; text-decoration: none; font-size: 12px; font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif}
.filter-wrapper li a:hover{opacity: 0.8;
filter:alpha(opacity=80);
-moz-opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-khtml-opacity: 0.8;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
	

/* ----------------------------------------------------------------------------
	COLUMNS
---------------------------------------------------------------------------- */
.two-third { width:620px; }
.one-half { width:457px; }
.one-third { width:295px; }
.one-fourth { width:213px; }
.three-fourth { width:702px; }
.one-five { width: 163px }

.two-third, .one-half, .one-third, .one-fourth, .three-fourth , .one-five{ display:block; float:left; margin-right:36px; }
.two-third.last, .one-half.last, .two-third.last, .one-third.last, .two-third.last, .one-fourth.last, .two-third.last, .three-fourth.last , .one-five.last{ margin-right:0px; }


/* ----------------------------------------------------------------------------
	OTHER
---------------------------------------------------------------------------- */

.separator { clear:both; height:11px; background:transparent url("http://www.media-kom.com/sandspace/css/separator.png") center center repeat-x; padding:35px 0; }
.separator.noline { background:none; height:1px; padding:34px 0 0 0; }
img.wrapped { background:#fff; padding:5px; border:1px solid #eeeeee; }
img.wrapped-small { padding:2px; border:1px solid #d9d9d9; }

a.lightbox-video img.wrapped:hover, a.lightbox-image img.wrapped:hover, a.lightbox-none img.wrapped:hover { background:#fff; border-color:#d9d9d9; }
a img { display:block; }
.block { display:block; }	
.display-none { display:none; }	

	
input.LV_invalid_field, textarea.LV_invalid_field  { border:1px solid #eb9898 !important; }	

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}	

.dropcap{background: #303433; color: #fff;
display: block;
float: left;
font-size: 16px;
line-height: 38px;
margin: 0px 8px 0 0;
text-align: center;
width: 30px;
padding: 6px;
text-shadow: none;
-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px;behavior: url(./PIE.htc);
}

/* ----------------------------------------------------------------------------
	PRETTYPHOTO
---------------------------------------------------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(../images/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(../images/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(../images/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(../images/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(../images/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(../images/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_square .pp_arrow_previous { background: url(../images/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
	div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(../images/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
	div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(../images/btnNext-1.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(../images/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.light_square .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; } /* Loader icon */

/* ----------------------------------------------------------------------------
	LIGHTBOX
---------------------------------------------------------------------------- */
div.pp_pic_holder a:focus{outline:none;} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500;} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;} .pp_content{height:40px;min-width:40px;} * html .pp_content{width:40px;} .pp_content_container{position:relative;text-align:left;width:100%;} .pp_content_container .pp_left{padding-left:20px;} .pp_content_container .pp_right{padding-right:20px;} .pp_content_container .pp_details{float:left;margin:10px 0 2px;} .pp_description{display:none;margin:0 0 5px;} .pp_nav{clear:left;float:left;margin:3px 0 0;} .pp_nav p{float:left;margin:2px 4px;} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px;} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;} .pp_gallery ul{float:left;height:35px;overflow:hidden;position:relative;margin:0 0 0 5px;padding:0;} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden;} .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;} .pp_gallery ul a img{border:0;} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;} .pp_gallery li.default a{background:url(http://www.media-kom.com/sandspace/css/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important;} a.pp_next{background:url(http://www.media-kom.com/sandspace/css/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;} a.pp_previous{background:url(http://www.media-kom.com/sandspace/css/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;} a.pp_close{display:block;float:right;line-height:22px;text-indent:-10000px;} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px;} #pp_full_res{line-height:1!important;} #pp_full_res .pp_inline{text-align:left;} #pp_full_res .pp_inline p{margin:0 0 15px;} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* Hides from IE-mac \*/ .clearfix{display:block;} * html .clearfix{height:1%;} /* End hide from IE-mac */ .pp_top,.pp_bottom{height:20px;position:relative;} * html .pp_top,* html .pp_bottom{padding:0 20px;} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static;} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_fade,.pp_gallery li.default a img{display:none;}



/* ----------------------------------------------------------------------------
	NIVO SLIDER
---------------------------------------------------------------------------- */

#nivo-slider{position:relative;width:940px;height:300px; margin:5px 0 0 0;background:url(../images/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
	-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);
}
#nivo-slider img{position:absolute;top:0;left:0;display:none;}
#nivo-slider a{border:0;display:block; }
.nivo-controlNav{position:absolute;left:47%;bottom:-35px;}
.nivo-controlNav a{display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.nivo-controlNav a.active{background-position:0px -22px;}
.nivo-html-caption{background-color:#000;color:#fff;text-shadow:none;font-family: 'SansationRegular', Helvetica, Arial, sans-serif;}
.nivo-html-caption a{color:#efe9d1;text-decoration:underline;}
.nivo-slice {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;behavior: url(./PIE.htc);}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	position: absolute;
	margin-top: 180px
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;}
	
a.nivo-prevNav {
	left:15px;
}



/* ----------------------------------------------------------------------------
	CONTENT SLIDER
---------------------------------------------------------------------------- */

#container {
	width:960px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
	float: left; 
	margin-top: 30px
}

/*
	Slideshow
*/
#slides {
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container{
	
	overflow:hidden;
	position:relative;
	height: 370px; 

}

.slides_container.divslide {
			width:960px;
			height: 345px;
			display:block;
			
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/



/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:15px;
	height:23px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin-top: -35px; 
	float: left; 
	background: #efefef;
	padding: 10px 20px 10px 20px;
	position: absolute;
	z-index: 6; 
	-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius:5px 5px 0px 0px;behavior: url(./PIE.htc);
}

.pagination li {
	float:left;
	margin:0 10px 0 0;
	list-style:none;
}

.pagination li a {
	display:block;
	width:15px;
	height:0;
	padding-top:15px;
	background-image:url(../images/pagination.png);
	background-position:0px 0px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background: #000; 
	-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;behavior: url(./PIE.htc);
}

.slide-left {float: left; width: 390px; margin-right: 30px}
.slider-right{margin-left: 420px}
.slider-title{float: left; margin-top: 35px}
.slider-btn{float: left;}
.slide-left p{color: #E0E0E0; margin-top: 30px; float: left; text-shadow:#000 1px 0px 0}
.slide-left a{color: #000; font-weight: bold;text-decoration: none; font-size: 14px; text-shadow: none; 
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-khtml-opacity: 0.5;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.slide-left a:hover{opacity: 1;
filter:alpha(opacity=100);
-moz-opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-khtml-opacity: 1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}




/* ----------------------------------------------------------------------------
	PRICING TABLE
---------------------------------------------------------------------------- */

.pricing-content h3{
	border-bottom:2px solid #dbdbdb;
	padding-bottom:15px;
	margin-bottom:12px;
}
.pricing-box{
	width:300px;
	margin:20px 8px 30px 8px;
	padding:0px;
	background-color:#ebebeb;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;
	border: 1px dotted #ccc;
}
.pricing-top{
	width:300px;
	text-align:center;
	color:#ffffff;
	background: #23272a;
	background-repeat:repeat;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	float:left;

}
.pricing-title{
	background-repeat:no-repeat;
	background-position:bottom;
}
.pricing-title h4{
	color: #fff;
	padding-top:9px;
	margin-bottom:1px;
	text-shadow: none;
	font-style: light; 
	font-size: 12px; 
	font-family: Oswald, Droid Sans, Calibri, Arial, Helvetica, sans-serif
}
.pricing-title p{
	font-size:11px;
	padding-bottom:5px;
	padding-top: 5px;

}
.price h1{
	font-size:42px;
	color:#fff;
	line-height: 40px; 
	padding-bottom: 8px


}
.price h1 span{
	font-size:18px;
	color:#d15152;
}
ul.pricing-list{
	width:251px;
	margin:10px 0px 5px 24px;
	float:left;
	padding: 0
}
ul.pricing-list li{
	text-align:center;
	color:#868686;
	line-height:28px;
	padding-bottom:3px;
	border-bottom:1px solid #d7d7d7;
	list-style-type:none;
}
.pricing-bottom{
	width:217px;
	padding:16px 0px 17px 0px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	float:left;	
}
.sgn-button{
	width:87px;
	text-align:center;
	margin:0px 0px 0px 113px;
	float:left;
}

.col1 {background-color:#000;}
.col2 {background-color:#fff;}
.col3 {background-color:#8c9a29;}
/* patterns */
.ptn-1 a{background-image:url(../images/bg2.jpg);}
.ptn-2 a{background-image:url(../images/bg3.png);}
.ptn-3 a{background-image:url(../images/bg4.png);}
.ptn-4 a{background-image:url(../images/bg5.png);}
.ptn-5 a{background-image:url(../images/bg6.png);}
.ptn-6 a{background-image:url(../images/bg7.png);}
.ptn-7 a{background-image:url(../images/bg8.jpg);}
.ptn-8 a{background-image:url(../images/bg9.png);}
.ptn-9 a{background-image:url(../images/bg10.png);}
.ptn-10 a{background-image:url(../images/bg12.png);}
.ptn-11 a{background-image:url(../images/bg13.png);}
.ptn-12 a{background-image:url(../images/bg14.png);}
.ptn-13 a{background-image:url(../images/bg15.png);}
.ptn-14 a{background-image:url(../images/bg16.png);}
.ptn-15 a{background-image:url(../images/bg17.png);}
.ptn-16 a{background-image:url(../images/bg18.png);}
.ptn-17 a{background-image:url(../images/bg19.png);}
.ptn-18 a{background-image:url(../images/bg20.png);}
.ptn-19 a{background-image:url(../images/pattern1.png);}
.ptn-20 a{background-image:url(../images/pattern2.png);}
.ptn-21 a{background-image:url(../images/pattern3.png);}
.ptn-22 a{background-image:url(../images/pattern4.png);}
.ptn-23 a{background-image:url(../images/pattern5.png);}
.ptn-24 a{background-image:url(../images/pattern6.png);}
.ptn-25 a{background-image:url(../images/pattern7.png);}
.ptn-26 a{background-image:url(../images/pattern8.png);}
.ptn-27 a{background-image:url(../images/pattern9.png);}
.ptn-28 a{background-image:url(../images/pattern10.png);}
.ptn-29 a{background-image:url(../images/pattern11.png);}
.ptn-30 a{background-image:url(../images/pattern12.png);}
.ptn-31 a{background-image:url(../images/pattern13.png);}
.ptn-32 a{background-image:url(../images/pattern14.png);}
.ptn-33 a{background-image:url(../images/pattern15.png);}

/* ----------------------------------------------------------------------------
	FONTFACE
---------------------------------------------------------------------------- */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 4, 2011 04:22:11 AM America/New_York */
@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('./TitilliumText22L001-webfont.eot');
    src: url('./TitilliumText22L001-webfont_d4725abf.eot') format('eot'),
         url('./TitilliumText22L001-webfont.woff') format('woff'),
         url('./TitilliumText22L001-webfont.ttf') format('truetype'),
         url('./TitilliumText22L001-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('./TitilliumText22L002-webfont.eot');
    src: url('./TitilliumText22L002-webfont_d4725abf.eot') format('eot'),
         url('./TitilliumText22L002-webfont.woff') format('woff'),
         url('./TitilliumText22L002-webfont.ttf') format('truetype'),
         url('./TitilliumText22L002-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('./TitilliumText22L003-webfont.eot');
    src: url('./TitilliumText22L003-webfont_d4725abf.eot') format('eot'),
         url('./TitilliumText22L003-webfont.woff') format('woff'),
         url('./TitilliumText22L003-webfont.ttf') format('truetype'),
         url('./TitilliumText22L003-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('./TitilliumText22L004-webfont.eot');
    src: url('./TitilliumText22L004-webfont_d4725abf.eot') format('eot'),
         url('./TitilliumText22L004-webfont.woff') format('woff'),
         url('./TitilliumText22L004-webfont.ttf') format('truetype'),
         url('./TitilliumText22L004-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('./TitilliumText22L005-webfont.eot');
    src: url('./TitilliumText22L005-webfont_d4725abf.eot') format('eot'),
         url('./TitilliumText22L005-webfont.woff') format('woff'),
         url('./TitilliumText22L005-webfont.ttf') format('truetype'),
         url('./TitilliumText22L005-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('./TitilliumText22L006-webfont.eot');
    src: url('./TitilliumText22L006-webfont_d4725abf.eot') format('eot'),
         url('./TitilliumText22L006-webfont.woff') format('woff'),
         url('./TitilliumText22L006-webfont.ttf') format('truetype'),
         url('./TitilliumText22L006-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationRegular';
    src: url('./Sansation_Regular-webfont.eot');
    src: url('./Sansation_Regular-webfont_d4725abf.eot') format('eot'),
         url('./Sansation_Regular-webfont.woff') format('woff'),
         url('./Sansation_Regular-webfont.ttf') format('truetype'),
         url('./Sansation_Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationBold';
    src: url('./Sansation_Bold-webfont.eot');
    src: url('./Sansation_Bold-webfont_d4725abf.eot') format('eot'),
         url('./Sansation_Bold-webfont.woff') format('woff'),
         url('./Sansation_Bold-webfont.ttf') format('truetype'),
         url('./Sansation_Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}