@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
										/*___________________________
										1. CSS Reset
										_____________________________*/
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
.clear	{
	clear: both;
}
p	{
	color: black;
}

										/*___________________________
										2. Structure
										_____________________________*/
/*
body	{ 
		background-color:#7CAA8B; 
		color:#787878; 
		font-family:Arial, Helvetica, 'PT Sans',sans-serif; 
		font-size:13px; line-height:18px; 
		background:url(../images/header_bg1.gi) repeat-x top;
}
*/
body {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #63B163;
  background-origin: padding-box;
  background-position: center top;
  background-repeat: repeat-x;
  background-size: auto auto;
  color: #787878;
  font-family: Arial,Helvetica,'PT Sans',sans-serif;
  font-size: 13px;
  line-height: 18px;
}


#body-two{ 
	background:url(../images/body-bg.gif) repeat-x;
	background-color:#7CAA8B; 
}
.header-outer, .main-outer, .main-bg, #footer{ margin:0 auto; width:940px;}
#header, #main{ float:left; width:960px;}
#main{  padding-bottom:50px; }
.main-bg { background:url(../images/gradient.gif) no-repeat center; height:535px;}
#header{ height:90px;}


#logo{ 
	height:200px; 
	margin: 0 auto;
	position:relative; 
	z-index:999999;
	
}
#logo h1{ 
	font-size: 90px;
	font-family: PT sans;
	color: #da7a01;
	display:block; 
	background:url(../images/logo_autosport.png) no-repeat -14px -40px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	text-indent: -999999px;
	text-shadow: 2px 2px 50px #b08a3d;
        filter: dropshadow(color=#b08a3d, offx=10, offy=5);
}


#logo a:hover, #logo a:focus{ opacity:0.80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); }

/* Anchor */
a, a:link { color: #454545; text-decoration:none;}
a:visited { color: #454545; }
a:hover { color: #c0c0c0; }
a:active { 	color: #c0c0c0; outline:0 none; /*position:relative; top:1px; */}
 


/* Dropdown Menu */ 
#main-nav {
  height: 40px;
  z-index:999999;
  margin-bottom: 23px;
}

.sf-menu,.sf-menu * { list-style:none; margin:0; padding:0; }
.sf-menu {
  line-height: 1;
  margin: 0 auto;
  height: 55px;
  margin-left: 260px;
}

.sf-menu ul { 
	position:absolute; 
	top:-999em; 
	width:9.6em;}
.sf-menu ul li { width:100%; }
.sf-menu li:hover {
	visibility:inherit;
}
.sf-menu li {
  float: left;
  font-family: Georgia,"Times New Roman",Times,serif;
  position: relative;
}
.sf-menu a { 
	display:block;
	position:relative; 
	text-decoration:none; 
	padding:.5em 1em; 
	text-shadow:0 -2px 0 rgba(255,255,255,.1);
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul { 
	left:0; 
	top:1em; 
	z-index:99; } 
.sf-menu a,.sf-menu a:visited { 
	color:#787878;
}
.sf-menu li a{ 
	text-transform:uppercase; 
	font-size:15px;
	font-weight: bold;
	font-family: PT sans;
}
.sf-menu li li a{ 
	text-transform:none; 
	font-size:15px; 
	padding:8px;
	font-weight: bold;
	font-family: PT sans;
}
.sf-menu li ul{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background:#1e2023;
padding:.7em .5em;
position:relative;
}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background:#1e2023; outline:0; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px; color:#fcfcfc; }
.sf-menu li li a:hover{ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background:#181a1d; }
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:.7em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(../images/arrows-ffffff.png)  no-repeat -10px -100px;}
a > .sf-sub-indicator { top:.6em; background-position:0 -100px; } 
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; } 
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; } 
.sf-shadow ul { background:url('../images/shadow.pn') no-repeat bottom right; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; padding:0 8px 9px 0; }
.sf-shadow ul.sf-shadow-off { background:transparent; }
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.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*/}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0; }
.sf-menu ul .sf-sub-indicator,.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; }

/* Slideshow */
#preview_outer { overflow:hidden;width:960px;height:520px;position:relative;}
#preview_inner { text-align:left; height:100%; width:960px; position:relative;}
#preview_inner div { float:left; width:960px; height:520px; position:relative; }
#thumbs { padding-top:0px; position:relative; text-align:left; top:-54px; float:left;}
* html #thumbs {margin-top:-30px;}
*:first-child+html #thumbs{ top:-55px; }
#thumbs span , #thumbs ul li { cursor:pointer; display:inline; float:left; padding:4px; background:#fcfcfc; border:1px solid #afafaf; box-shadow: 0 0 5px rgba(175, 175, 175, 1); -webkit-box-shadow: 0 0 5px rgba(175, 175, 175, 1); -moz-box-shadow: 0 0 5px rgba(175, 175, 175, 1);  }
#thumbs ul li{ margin:0 5px 0 0; }
#thumbs ul li img{ float:left; }
#thumbs ul li.sfHover, #thumbs ul li:hover{ box-shadow: 0 0 5px rgba(113, 113, 113, 1); -webkit-box-shadow: 0 0 5px rgba(113, 113, 113, 1);  -moz-box-shadow: 0 0 5px rgba(113, 113, 113, 1); }
#arrow { position:absolute; top:-14px; background:url('../images/arrow_down.png') top center no-repeat; width:62px; height:10px; display:none; }
* html #arrow { top:56px;}
#featured .big-icon .featured-desc{ float:left; width:550px; color:#787878; font-size:14px; line-height:22px;}
#featured .big-icon .mid, #featured .photo .mid{ padding-top:120px;}
#featured .photo .top, #featured .big-icon .top { padding-top:40px;}
#featured h2{ font-size:40px; font-family:Georgia, "Times New Roman", Times, serif; color:#fcfcfc; margin-bottom:25px; line-height:40px; text-shadow:0 -2px 0 rgba(255,255,255,.2);}
#featured .photo .featured-desc{ float:left; width:300px; color:#787878; line-height:22px; }
#featured .featured-desc { text-shadow:0 -2px 0 rgba(255,255,255,.1); }
#featured .photo .featured-image{ float:right; width:596px; margin-right:20px; }
#featured .photo .featured-image img{ box-shadow: 0 0 20px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 1);  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 1); }
#featured .photo .featured-image .trans-border{ background:url(../images/trans_border.png) no-repeat; width:596px; height:391px; position:absolute; }
.view-folio{ text-indent:-999999px; width:204px; height:54px; position:relative;}
.view-folio a{ background:url(../images/view_portfolio.png) no-repeat; display:block; width:204px; height:54px; float:left;}
.thumb-list{ width:520px; }
#recent-blog{ margin:0; padding:0;}
.thumb-list li, #recent-blog li{ width:240px; display:inline; float:left; padding:0px 0 24px 0; margin:0px 20px 0px 0; background:url(../images/grunge_border.gif) no-repeat 0  95%; }
.thumb-list li img, #recent-blog li img{ position:absolute;}
#recent-blog li img { margin-top:7px;}
.thumb-list li a .title, #recent-blog li a .title{ padding-left:60px; float:right; color:#939393; text-decoration:none; cursor:pointer; }
.thumb-list li a img, #recent-blog li a img{ border:4px solid #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.thumb-list li a:hover img, #recent-blog li a:hover img{ border:4px solid #fff; }
.thumb-list li a:hover .title, #recent-blog li a:hover .title{ color:#fcfcfc;}
#intro h2{ font-size:40px; line-height:40px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:40px; text-align:center;  padding-bottom:40px; background:url(../images/arrow_intro.png) no-repeat center bottom; width:100%; clear:both;}

/* ---->>> Kwicks <<<-----*/
.kwicks {
	height:450px;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 20px 0 100px 0;
	background:url(../images/slider_1_bg.png) no-repeat bottom right;
}
.kwicks li{
	width:236px;
	height:450px;
	display: block;
	overflow: hidden;
	padding: 0;
	opacity:.9;
	-moz-box-shadow:0px 0px 5px #303030;
	-webkit-box-shadow:0px 0px 5px #303030;
	box-shadow:0px 0px 5px #303030;
}
.kwicks li:hover{
	cursor:pointer;
	opacity:1;
}
.kwicks.horizontal li {
	float: left;
}
.kwicks.vertical  li{
	margin-bottom: 5px;
}
#kwick_1 { 
	background-color: #ffffff;
}
#kwick_2 {
	background-color: #ffffff;
}
#kwick_3 {
	background-color: #ffffff;
}
#kwick_4 { 
	background-color: #ffffff;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none;
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none;
}
<!--Nivo slider-->
#featured #featured_slide{
	height:450px;
	width:900px;
}
#featured span.overlay-image{
	background:url(../images/shadow-wrap.png) no-repeat;
	float:right;
	height:450px;
	margin:0 10px 0 30px;
	position:absolute;
	width:900px;
	z-index:90;
}
#featured #slider{
	width:900px;
	left:30px;
	margin-bottom:130px;
}
#featured #slider img{
	position:absolute;
}
.nivoSlider {
	float:left;
	position:absolute;
}

.nivoSlider img {
	left:0px;
	position:absolute;
	top:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	border:0;
	display:none;
	height:100%;
	left:0px;
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	width:100%;
	z-index:60;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	height:100%;
	position:absolute;
	z-index:50;
}
/* Caption styles */
.nivo-caption {
	background:#000;
	bottom:0px;
	color:#fff;
	left:0px;
	opacity:0.5; /* Overridden by captionOpacity setting */
	position:absolute;
	width:100%;
	z-index:89;
}
.nivo-caption p {
	font-size:20px;
	margin:0;
	padding:15px 10px 15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	text-align:center;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	cursor:pointer;
	position:absolute;
	top:45%;
	z-index:99;
}
.nivo-prevNav {
	text-indent:-999999px;
}
.nivo-nextNav {
	right:0px;
	text-indent:-999999px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{
	float:left;
}
.nivo-controlNav a {
	background:url(../images/bullets-1.png) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:6px;
	left:420px;
	margin:490px 0 0 0;
	position:relative;
	text-indent:-999999px;
	width:11px;
	z-index:10;
}
.nivo-controlNav a.active {
	background-position:-10px;
}

/* Preview Slider Gallery Style */
.ps_container{
	display:none;
	width:100%;
	height:500px;
	margin:20px auto 0px auto;
	position:relative;
	clear:both;
}
.ps_image_wrapper{
	width:900px;
	height:450px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	-moz-box-shadow:0px 0px 5px #303030;
	-webkit-box-shadow:0px 0px 5px #303030;
	box-shadow:0px 0px 5px #303030;

}
.shadow-wrap{
	background: url(../images/shadow-wrap.png) no-repeat;
	width:900px;
	height:450px;
	position:absolute;
	z-index:999;
	left:20px;
}

.ps_image_wrapper img{
	position:absolute;
	left:0px;
	top:0px;
}
.ps_prev,
.ps_next{
	width:73px;
	height:73px;
	position:absolute;
	top:45%;
	margin-top:-40px;
	cursor:pointer;
	opacity:0.5;
}
.ps_prev{
	background:transparent url(../images/prev.png) no-repeat top center;
	left:-60px;
}
.ps_next{
	background:transparent url(../images/next.png) no-repeat top center;
	right:-60px;
}
.ps_prev:hover,
.ps_next:hover{
	opacity:0.9;
}
ul.ps_nav{
	list-style:none;
	margin:0;
	padding:0;
	width:170px;
	margin:0 auto;
	position:relative;
	top:30px;
}
ul.ps_nav li{
	float:left;
	margin:0;
	list-style:none;
}
ul.ps_nav li a{
	display:block;
	text-indent:-9000px;
	width:11px;
	height:11px;
	outline:none;
	margin:0;
	padding:0px 3px;
	background:transparent url(../images/dot.png) no-repeat top center;
}
ul.ps_nav li a:hover,ul.ps_nav li.selected a{
	background-position:50% -11px;
}
ul.ps_nav li.ps_preview{
	display:none;
	width:85px;
	height:91px;
	top:-95px;
	left:-34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
	position:absolute;
}
ul.ps_nav li.ps_preview span{
	background:transparent url(../images/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute;
	top:85px;
	left:35px;
}
.ps_preview_wrapper{
	width:75px;
	height:75px;
	border:5px solid #fff;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
	clear:both;
	z-index:999999;
}
.ps_preview_wrapper img{
	top:0px;
	left:0px;
}

/*Recent Work*/
.recentwork{ margin-bottom:50px; float:left;}
.recentwork h2{ float:left; margin-top:24px; font-size:25px; font-weight:normal; }
.recentwork h2 span{ font-size:15px; display:block; color:#8b8b8b; font-style:italic; }
.recentwork .recent-inner{ background:url(../images/recent_work_bg.png) no-repeat top left; width:772px; height: 143px; float:right; }
.recentwork .recent-inner ul{ margin:20px 0 0 67px;}
.recentwork .recent-inner ul li{ list-style:none; display:inline; float:left; margin:0 5px; padding:0; }
.recentwork .recent-inner ul li a{ padding:4px; background:#fcfcfc; border:1px solid #afafaf; box-shadow: 0 0 5px rgba(175, 175, 175, 1); -webkit-box-shadow: 0 0 5px rgba(175, 175, 175, 1); -moz-box-shadow: 0 0 5px rgba(175, 175, 175, 1); float:left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.recentwork .recent-inner ul li a:hover{ box-shadow: 0 0 5px rgba(113, 113, 113, 1); -webkit-box-shadow: 0 0 5px rgba(113, 113, 113, 1);  -moz-box-shadow: 0 0 5px rgba(113, 113, 113, 1); -o-box-shadow: 0 0 5px rgba(113, 113, 113, 1);  border:1px solid #999; }
#main .recentwork .recent-inner ul li a img{ float:left; }
#main .recentwork .view-portfolio{ width:249px; height:43px; text-indent:-9999999px; float:right; margin:-15px -8px 0 0; }
#main .recentwork .view-portfolio a{ display:block; background:url(../images/btn_view_portfolio.png) no-repeat; width:249px; height:43px; border-bottom:none; text-decoration:none; }

/*social icons*/
#social li{ margin:0; display:inline;}
#social li a img{ opacity:0.25;}
#social li a:hover img{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity = 1); /* IE 5-7 hack */
 }
.list-one li,.right-linker li{
	line-height:18px;
	list-style:none;
	margin:0;
}
.list-one li{ padding:2px 0 2px 25px; background:url(../images/list-bullet.png) no-repeat left;}
.right-linker{
	padding:3px 0px;
	background:#f6f6f6;
	margin-bottom:30px;
	
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	box-shadow: 0 0 2px rgba(200, 200, 200, 1); 
	-webkit-box-shadow: 0 0 2px rgba(200, 200, 200, 1); 
	-moz-box-shadow: 0 0 2px rgba(200, 200, 200, 1); 
	
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	border:1px solid #fff;
}
.right-linker li a{
	display:block;
	padding:8px 0 8px 15px;
	color:#717171;
	background:url(../images/border-bg.gif) bottom repeat-x;
}
.right-linker li a.no-border{
	background:none;
}
.right-linker li a:hover{
	font-weight:bold;
	color:#ffffff;
	text-shadow:1px 1px 1px #999;
	background:url(../images/right-lingker-bg.jpg) repeat-x;
}
.photo-flic li img{
	width:62px;
	height:50px;
}
.photo-flic li{
	list-style:none;
	margin:0;
	border:1px solid #d2d2d2;
	float:left;
	padding:2px;
	margin:0 7px 7px 0;
	height:50px;
}

/* -------->>> tab Login Register <<<-------------*/
.tab {
/*  background: url(/images/tab_b.png) repeat-x 0 0;*/
	clear:both;
	height: 42px;
	margin:0;
	padding:0;
    top: 0;
    z-index:100;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 138px;
	width: 75px;
  	font-weight: normal;
	line-height: 42px;
	margin: 0;
	right: 190px;
  	color: white;
  	font-size: 11px;
	text-align: center;
	background: #668E6A;
	background: url(../images/free_ribbons1.png) no-repeat 1px 0px;
	
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
/*	
	box-shadow: 0 0 5px rgba(10, 10, 10, 5); 
	-webkit-box-shadow: 0 0 5px rgba(10, 10, 10, 5); 
	-moz-box-shadow: 0 0 5px rgba(10, 10, 10, 5); 
	
	-webkit-transition: all 0.6s ease; 
	-moz-transition: all 0.6s ease; 
	-o-transition: all 0.6s ease;
	box-shadow:1px 8px 8px #333333;
*/	
}
.tab ul.login:hover	{
	height: 138px;
	background: #80B285;
	background: url(../images/free_ribbons1.png) no-repeat -75px 0px;
}

.tab ul.login li.left {
  	background: url(/images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(/images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/images/tab_m.png) repeat-x 0 0;
  	margin:0;
  	
	
}

.tab ul.login li a {
	font-size:10px;
	color: #c0dd57;
	text-transform:uppercase;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141; margin:0;}

.tab a.open, .tab a.close {
  cursor: pointer;
  display: block;
  height: 130px;
  line-height: 20px !important;
  padding-left: 0 !important;
  position: relative;
  right: 8px;
  top: -42px;
  width: 80px;
}
#featured	{
	margin-top: 30px;
	height: 500px;
}

.tab a.open {background: url(../images/otvori.png) no-repeat left 0;}
.tab a.close {background: url(../images/free_ribbons_zatvori1.png) no-repeat -10px 0px;}
.tab a:hover.open {background: url(../images/povuci.pn) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/free_ribbons_zatvori1.png) no-repeat -10px 0px;}

/* sliding panel */
#toppanel {
     position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 9999999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#panel {
	width: 100%;
	height: 290px;
	color: #999999;
	background: url(../images/panel_bg.gif) repeat;
	background: #668E6A;
	overflow: hidden;
	position: relative;
	z-index:999;
	display: none;
	border-bottom:2px solid #000;
	box-shadow:1px 8px 8px #333333;
}
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
	color: black;
}

#panel a {
	text-decoration: none;
	color: #c0dd57;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #000;
}

#panel .content .right {
	border-right: 1px solid #000;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	padding:4px 10px;
	color: white;
	height: 16px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	padding-bottom: 4px;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/* ---------------->>> Search <<<------------------*/
.searchForm{
	background:#414141;
	border:1px solid #1a1a1a;
	float:left;
	height:35px;
	margin:6px 0 0 0;
	width:211px;
	
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
}
.searchfield{
	float:left;
	margin:4px 3px 0 0;
	padding-right:2px;
}
.searchinput{
	background:#414141;
	border-right:1px solid #e7e7e8;
	border:0;
	color:#ffffff;
	float:left;
	font-size:14px;
	padding:6px 3px 2px 8px;
	width:165px;
}
.searchbottom{
	background:url(../images/searchbotton.png) no-repeat right;
	border:0;
	cursor:pointer;
	float:right;
	height:27px;
	width:25px;
	border-left:1px solid #1a1a1a;
}

/* content-menu*/
#content-menu{
	width:100%;
	float:left;
	margin-bottom:40px;
}
#content-menu #left-menu{
	float:left;
	padding-top:30px;
}
#content-menu #left-menu li{ 
	display:inline;
	margin:0;
	font-size:11px;
	text-shadow: 1px 1px 1px #fff;
}
#content-menu #left-menu li a{
	font-style:italic;
} 
#content-menu #left-menu li a.current{
	font-weight:bold;
}
#content-menu #view-menu{
	float:right;
	padding-top:25px;
}
#content-menu #view-menu li{
	float:right;
	display:inline;
	padding:0;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#828282;
}
#content-menu #view-menu li a{
	background:#0c0c0c;
	display:block;
	color:#828282;
	border:4px solid #d8d8d8;
	padding:2px 6px 2px 6px;
}
#content-menu #view-menu li a:hover{
	border:4px solid #cacaca;
}
/* full-content */
#full-content{
	float:left;
	width:100%;
}
#full-content .tab1_content{
	width:280px;
	float:left;
	margin:0 50px 20px 0;
	padding-bottom:20px;
}
#full-content .tab1_content p{
	width:100%;
	float:left;
}
#full-content .tab1_content span{
	float:left;
	text-transform:uppercase;
}
#full-content .tab1_content h4{
	margin-top:25px;
	float:left;
}
#full-content .tab1_content-right{
	float:right;
	margin:0;
}

#full-content .tab2_content{
	width:445px;
	float:left;
	margin:0 30px 40px 0;
}
#full-content .tab2_content p{
	width:100%;
	float:left;
}
#full-content .tab2_content span{
	float:left;
	text-transform:uppercase;
}
#full-content .tab2_content h4{
	margin:15px 0 15px 0;
	float:left;
	font-weight:bold; 
	font-size:16px; 
	padding:0;  
	font-family:Arial, Helvetica, sans-serif;
}
#full-content .tab2_content h4 a{
	color:#9a9a9a;
}
#full-content .tab2_content h4 a:hover{
	color:#2a2a2a
}
#full-content .tab2_content-right{
	float:right;
	margin:0;
}

/* content */
#content{
	float:left;
	width:585px;
}
#content .one{
	margin-bottom:30px;
}
#content .one div{
	margin-bottom:60px;
	width:100%;
	float:left;
}
#content .one div h3{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	margin:0;
	padding-bottom:21px;
}
#content .one div ul{
	float:left;
	width:100%;
}
#content .one div ul li{
	float:left;
	list-style:none;
	font-size:11px;
	padding:0;
	margin:0 10px 0 0;
}
#content .one div ul li.comment{
	padding:0 0 0 20px;
	background: url(../images/comment.gif) no-repeat left;
}
#content .one div ul li.tag{
	padding:0 0 0 20px;
	background: url(../images/rag.gif) no-repeat left;
}

#content .one div.section{
	border-bottom:1px dashed #f0f0f0;
	padding:0 0 5px 0;
	margin-bottom:20px;
}
#content .one div.section h3{
	width:400px;
	float:left;
}
#content .one div.section small{
	color:#a5a5a5;
	border-left:1px solid #f0f0f0;
	float:right;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}
#content .one img{
	padding:4px;
	border:1px solid #f0f0f0;
	margin-bottom:10px;
}
#content .two{
	border:1px solid #ffffff;
	float:left;
	width:100%;
	padding:10px 0;
	background:#f6f6f6;
	margin-bottom:40px;
}
#content .two li{
	width:100px;
	float:left;
	list-style:none;
	margin:0 0 0 13px;
	font-size:12px;
	text-align:center;
}
#content .two li img{
	border:4px solid #ffffff;
}
#content .two li:hover img{
	border:4px solid #eaeaea;
}
/* ---------------->>> comment-field <<<-----------*/
#comment-field{
	width:100%;
	float:left;
}
#comment-field img{
	float:left;
	margin-right:10px;
	padding:4px;
	background:#ffffff;
	border:1px solid #e3e3e3;

}
/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
}
.message_list li {
	padding: 0;
	margin: 0;
	margin-bottom:2px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	list-style:none;
}
.message_head {
	width:100%;
	float:left;
	height:30px;
	padding: 5px;
	margin:0;
	cursor: pointer;
	position: relative;
	clear:both;
	border:1px solid #e3e3e3;
	background:#fafafa;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}.message_body {
	padding:5px 10px;
	width:90%;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(/css/images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(/css/images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(/css/images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

#leave-comment{
	margin-top:30px;
}
#comment-field #commentform .input{
	background:#f0f0f0;
	border:1px solid #dbdbdb;
	color:#9a9a9a;
	margin-bottom:10px;
	padding:5px 10px;
	width:240px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
}
#comment-field .textarea{
	background:#f0f0f0;
	border:1px solid #dbdbdb;
	color:#9a9a9a;
	height:150px;
	padding:10px;
	width:350px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
}
#commentform #name1:focus, #commentform #email1:focus, #commentform #website1:focus,#commentform #message1:focus {
	border:1px solid #aaaaaa;
}
#comment-field .button{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	background:#000000;
	color:#ffffff;
	cursor:pointer;
	border:0;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	padding:5px 10px;
}

/* ---->>> table <<<-----*/
.table tr th{
	color:#535252;
	padding:10px;
	text-shadow:1px 1px 1px #ffffff;
}
.table tr td{
	color:#535252;
	padding:10px;
}
table {
	margin-bottom:35px;
	width:100%;
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .2);
}
th {
	font-weight:bold;
	font-size:13px;
	background:#ececec;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #fefefe;
	border-left:1px solid #fefefe;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
td{
	font-size:12px;
	border-top:1px solid #fff;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #fefefe;
}

th, td, caption {
	padding:4px 10px 4px 5px;
}

/* sidebar */
#sidebar{
	float:right;
	width:32%;
}
#right-linker li{
	list-style:none;
}
/* ---->>> inside <<<-----*/
#sidebar .inside{
	float:left;
	margin-bottom:30px;
}
#sidebar .inside h3{
	margin:0;
	margin-bottom:14px;
}
#sidebar h3{
	margin:8px 0 21px 0;
}
#sidebar .inside p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-bottom:10px;
}
#sidebar .inside span{
	font-size:12px;
	float:right;
	font-weight:bold;
	font-style:italic;
}
/* ---->>> tab <<<-----*/
#tabbed_box_1 {
	float:left;
	width:300px;
	padding:0 0 30px 0;
}
.tabbed_area {
	background-color:#f6f6f6;
	float:left;
	padding:7px;
	width:285px;	
	box-shadow: 0 0 2px rgba(200, 200, 200, 1); 
	-webkit-box-shadow: 0 0 2px rgba(200, 200, 200, 1); 
	-moz-box-shadow: 0 0 2px rgba(200, 200, 200, 1); 
	
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	border:1px solid #fff;
}
ul.tabs-menu{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:40px;
}
.r-post{
	border-bottom:1px solid #f6f6f6;
	float:left;
	padding:20px 11px 10px 10px;
}
.r-post img{
	border:1px solid #ececec;
	float:left;
	padding:2px;
}
.r-post div{
	float:left;
	margin:-7px 0 0 0;
	padding:0 0 0 10px;
	width:200px;
}
.r-post div p{
	font-size:11px;
	padding:0;
	margin:0;
}
.r-post div p a{
	color:#7a7a7a;
	text-decoration:none;
}
.r-post div p a:hover{
	text-decoration:underline;
}
.r-post div small{
	color:#c0dd57;
	font-size:10px;
	text-transform:uppercase;
}
.r-post div small a{
	color:#c0dd57;
	text-decoration:none;
}
.r-post div small a:hover{
	color:#c0dd57;
	text-decoration:underline;
}

ul.tabs-menu li {
	border-top:1px solid #e6e6e6;
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
}
ul.tabs-menu li a {
	background-color:#ececec;
	border-top:1px solid #f3f3f3;
	border-left:1px solid #f3f3f3;
	border-right:1px solid #e4e4e4;
	color:#949494;
	float:left;
	font-size:10px;
	font-weight:normal;
	padding:6px 5px;
	text-decoration:none;
	text-shadow:0px 1px 1px #ffffff;
	text-transform:uppercase;
}
ul.tabs-menu li a:hover {
	background-color:#e6e6e6;
	padding:6px 5px;
}
ul.tabs-menu li a.active {
	background-color:#ffffff;
	border-top:0;
	border-bottom: 1px solid #ffffff;
	color:#444444;
	padding:6px 5px;
}
.content-one {
	background-color:#ffffff;
	border-top:none;
	border-bottom:none;
	float:left;
	width:100%;
}
.content-one ul.categ{
	background:#ffffff;
	float:left;
	margin:0;
	padding:15px 0 15px 0;
}
.content-one ul.categ li{
	width:118px;
}
#content_2, #content_3,#content_4 { 
	display:none; 
}
.content-one ul {
	margin:0px;
}
.content-one ul li {
	border-bottom:1px solid #f6f6f6;
	color:#6a6a6a;
	font-size:12px;
	list-style:none;
	padding:2px 0;
}
.content-one ul li a {
	color:#6a6a6a;
	text-decoration:none;
}
.content-one ul li a:hover {
	color:#c0dd57;
}
/* Services*/
.tab1_content{
	margin-bottom:20px;
	border-bottom:1px solid #e6e6e6;
}
.tab1_content img{
	float:left;
	padding:0;
	margin:0 10px 0 0;
}
.tab1_content h4{font-weight:bold; font-size:14px; padding:0; margin:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;}
.tab1_content h4 a{
	color:#9a9a9a;
	text-decoration: none;
}
.tab1_content h4 a:hover{ color:#2a2a2a;}
/* Tool Tips*/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom {	padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 13px; color: #fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;	text-shadow: 0 0 2px #000; padding: 8px 12px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25);	background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;}
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent;	border-style: solid; border-width: 6px;	height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow {	border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92);  }
#tiptip_holder.tip_bottom #tiptip_arrow_inner {	margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px;	border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px;	margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); }
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); }
}
/*------PORTFOLIO---------*/
#portfolio {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	margin:-20px 0 0 0;
}
#portfolio2{
	margin:10px 0 0 0;
}
#portfolio ul.display, #portfolio2 ul.display{
	clear:both;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	position:relative;
	width: 960px;
}
#portfolio ul.display li{
	float:left;
	list-style:none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
#portfolio ul.display li a, #portfolio2 ul.display li a {
	text-decoration: none;
}
#portfolio ul.display li .content_block,
#portfolio2 ul.display li .content_block{
	padding:0;
}
/*products*/
#portfolio2 .content_block{
	width:220px;
	float:left;
}
#portfolio2 .content_block span,
#portfolio2 .content_block small{
	float:left;
	width:100%;
	padding-left:5px;
	font-size:12px;
	clear:both;
}
#portfolio2 .content_block span a,
#portfolio2 .content_block small a{
	font-weight:bold;
}
#portfolio2 .content_block small{
	margin-top:10px;
	background:#f8f8f8;
	padding:5px 0;
}
#portfolio2 .content_block small a{
	text-align:center;
	float:left;
	margin:0 0 0 16px;
}
#portfolio ul.display li .content_block h3{
	color:#2a2a2a;
	float:none;
	font-size:14px;
	font-weight: bold;
	margin:0 0 0 0;
	padding:0 5px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
#portfolio ul.thumb_view li .content_block h3{
	float:left;
	font-size:14px;
	font-weight: bold;
	margin:10px 0 0 0;
	padding:0 5px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
#portfolio ul.display li .content_block p,
#portfolio2 ul.display li .content_block p{
	color:#6a6a6a;
	font-size:13px;
	line-height:23px;
	margin: 0;
	padding: 10px 0 5px 238px;
}
#portfolio ul.display li .content_block p a,
#portfolio2 ul.display li .content_block p a{
	font-size:12px;
	text-align:center;
}
#portfolio ul.display li .content_block a img,
#portfolio2 ul.display li .content_block a img{
	float: left;
	margin: 0 20px 20px 0;
}
 
#portfolio ul.thumb_view li{
	height:220px;
	margin:0 14px 0 0;
	padding:0;
	width:225px;
}

* html #portfolio ul.thumb_view li, * html #portfolio2 ul.thumb_view li{
	padding:0 0 0 0;
}
#portfolio ul.thumb_view li.fourth, #portfolio2 ul.thumb_view li.fourth{
	float:left;
	margin:0;
	padding:0;
}
#portfolio ul.thumb_view li h2, #portfolio2 ul.thumb_view li h2 {
	display: inline;
}
#portfolio ul.thumb_view li p, #portfolio2 ul.thumb_view li p{
	display: none;
}
#portfolio ul.thumb_view li .content_block a img,
#portfolio2 ul.thumb_view li .content_block a img, .thumb img, .thumb_small img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	margin:0;
	opacity:100;
}
#portfolio a.switch_thumb {
	background: url(../images/switch.gif) no-repeat;
	display: block;
	float:left;
	height: 18px;
	line-height: 21px;
	margin: 30px 0 30px 0;
	outline: none;
	padding: 0 0 0 0;
	position:relative;
	text-indent: -9999px;
	width: 130px;
}
#portfolio a.switch_thumb:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	opacity:.75;
}
#portfolio a.swap { 
	background-position: left bottom;
}
#portfolio .display a.overlay_image, #portfolio .display a.overlay_image:hover,
#portfolio2 .display a.overlay_image, #portfolio2 .display a.overlay_image:hover{
	color:#000;
	display:none;
	height:37px;
	margin:67px 0 0 74px;
	position:absolute;
	text-indent:-99999px; 	
	width:133px;
	z-index:10;
}
.display .magnify{
	background:url(/images/view_project.png) no-repeat;
}
.display .video{
	background:url(/images/view_project.png) no-repeat;
}

.thumb{
	background:url(/images/thumb_bg.png) no-repeat 50% 50%;
	float:left;
}
.thumb_small{
	background:url(/images/thumb_small_bg.png) no-repeat 50% 50%;
	float:left;
}

/*filter*/
#portfolio2 .filter-menu-container{
	float:left;
	margin-bottom:20px;
}
#portfolio2 ul.filter-menu {
	margin-bottom: 1em;
}
#portfolio2 ul.filter-menu li {
	display: inline;
	margin:0;
	padding:6px 15px;
	text-transform:uppercase;
}
#portfolio2 ul.filter-menu li a{
	color:#9a9a9a;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
#portfolio2 ul.filter-menu .selected, .navigation li a, .button .submit_button{
	-moz-border-radius:2px;
	-webkit-border-radius:5px;
	background-position:0 0;
	background-color:#f2f2f2;
	border-radius: 5px;
	border:1px solid #e8e8e8;
	border-style:solid;
	padding:6px 17px 8px;
	padding:4px 14px 6px;
	text-shadow: 1px 1px 0px #ffffff;
} 
.navigation li a:hover, .button .submit_button:hover{
	background-color:#55a3d9;
}
.button .submit_button{
	cursor:pointer;
}

#portfolio2 ul.filter-menu .selected a, #portfolio ul.filter-menu .selected a:visited {
	color: #999999;
	text-shadow:1px 1px 1px #ffffff;
}
#portfolio2 ul.item{
	float:left;
	width:960px;
}
* html #portfolio2 ul.item{
	width:960px;
}
#portfolio2 ul.item li {
	float:left;
	padding-bottom:40px;
	list-style:none;
	margin:0 0 0 0;
	width:240px;
}
#portfolio2 ul.item li a.img{
	float:left;
}
#portfolio2 ul.item li h3{
	color:#2a2a2a;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0 5px;
	text-transform:uppercase;
}
#portfolio2 ul.item li h3 a{
	text-decoration:none;
	color:#9a9a9a;
	font-family:Arial, Helvetica, sans-serif;
}
#portfolio2 ul.item li h3 a:hover{
	text-decoration:none;
	color:#2a2a2a;
}
#portfolio ul.item li h3 a{
	color:#9a9a9a;
}
#portfolio ul.item li h3 a:hover{
	color:#2a2a2a;
}
#portfolio2 ul.item li img,
#portfolio ul.item li img{
	border:1px solid #dbdbdb;
	float:left;
	padding:5px;
}
/*----->pagination<--------*/
.pagination{
	padding-top:20px;
	clear:both;
}
.pagination li{
	display:block;
	float:left;
	margin:0;
	padding-right:5px;
}
.pagination li a{
	background:#f5f5ec;
	border:1px solid #d0d0d0;
	color:#bababa;
	display:block;
	margin:0;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:1px 1px 1px #ffffff;
	
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}
.pagination li a:hover{
	box-shadow: 0 0 5px rgba(200, 200, 200, 1); 
	-webkit-box-shadow: 0 0 5px rgba(200, 200, 200, 1); 
	-moz-box-shadow: 0 0 5px rgba(200, 200, 200, 1); 
	
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
}
.pagination li.active{
	font-weight:bold;
	margin-right:5px;
	padding:0;
	text-shadow:1px 1px 1px #ffffff;
}

/*----------CONTACT-----------*/
#map_canvas{
	border:1px solid #c9c9c9;
	box-shadow: 0 0 5px rgba(210, 210, 210, 1); 
	-webkit-box-shadow: 0 0 5px rgba(210, 210, 210, 1); 
	-moz-box-shadow: 0 0 5px rgba(210, 210, 210, 1); 
	
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
}
#contact{
	width:100%;
	float:left;
	margin-top:50px;
}
#contact-form {
	padding:0;
	margin:0;
}
#contact-form label {
	float:left;
	width:110px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#contact-form #name2,#contact-form #email3,#contact-form #subject,#contact-form #message2 {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #d4d4d4;
	padding:5px;
	color:#5e5e5e;
	background:#ffffff;
	font-size:14px;
	border:1px solid #dbdbdb;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	width:200px;
}
#contact-form p{
	float:left;
	width:100%;
}
#contact-form #name2:focus, #contact-form #email3:focus,#contact-form #subject:focus,#contact-form #message2:focus {
	border:1px solid #ffc600;
	padding:5px;
	
	border:1px solid #b5b5b5;
	box-shadow: 0 0 3px rgba(190, 190, 190, 1); 
	-webkit-box-shadow: 0 0 3px rgba(190, 190, 190, 1); 
	-moz-box-shadow: 0 0 3px rgba(190, 190, 190, 1); 
	
	-webkit-transition: all 0.9s ease; 
	-moz-transition: all 0.9s ease; 
	-o-transition: all 0.9s ease;
}
#contact-form #name2, #email3, #subject {
	width:200px;
}
#contact #message2 {
	width:400px;
	height:200px;
}
#contact-form .button {
	border:none;
	padding:8px 10px;
	background:#202020;
	text-transform:uppercase;
	color:#f6fdff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	font-family:Arial, Helvetica, sans-serif;
}
#contact .errorMsg li {
	color:red;
	font-size:13px;
	margin-bottom:8px;
	float:left;
	display:block;
	padding:0;
	margin:0 0 10px 0;
	width:500px;
}
#contact .errorMsg h3 {
	color:red;
}
#Contact .infoMsg h3 {
	color:green;
}
/*footer*/
#footer-outer{ 
	background:url(../images/footer_bg.gi) repeat-x top left; 
	width:100%; 
	float:left;
	background-color: #C9BF38;
	margin-top: 90px;

	-moz-box-shadow:     0 -19px 52px #D6D19E;
   -webkit-box-shadow:  0 -19px 52px #D6D19E;
    box-shadow:         0 -19px 52px #D6D19E;
}
#footer{ padding-top:90px;}
#footer .go-to-top { 
	display:block; 
	width:48px; 
	height:43px; 
	text-indent:-9999999px; 
	margin:-107px 0 0 450px; 
	position:absolute;
}
#footer .go-to-top a { display:block; background:url(../images/btn_top.png) no-repeat; width:48px; height:43px;  }
#footer h2, #footer h3, #footer h4, #footer h5{ color:#fcfcfc;}
#footer #copyright{ background:url(../images/grunge_border.gif) repeat-x top left; float:left; width:100%; padding:20px; }
#footer #copyright small{ font-size:11px; }
#footer .one-third{ margin-top:0;}
#footer .one-third h3{ text-transform:uppercase; font-size:14px; font-weight:bold;}
#footer .last p label{ float:left; text-indent:-999999px;}
#footer .last #name,.last #email{
	border:0;
	border-top:2px solid #000;
	background:url(../images/contact_bg.gif) repeat;
	color:#939393;
	width:230px; padding:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	
	box-shadow: 0 1px 2px rgba(45, 45, 45, 1); 
	-webkit-box-shadow: 0 1px 2px rgba(45, 45, 45, 1); 
	-moz-box-shadow: 0 1px 2px rgba(45, 45, 45, 1); 
	
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
}
#footer .last #message{
	border:0;
	border-top:2px solid #000;
	background:url(../images/contact_bg.gif) repeat;
	color:#939393;
	width:265px; padding:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	
	box-shadow: 0 1px 2px rgba(45, 45, 45, 1); 
	-webkit-box-shadow: 0 1px 2px rgba(45, 45, 45, 1); 
	-moz-box-shadow: 0 1px 2px rgba(45, 45, 45, 1); 
	
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
} 
#footer .last #submit{
	border:0;
	float:right;
	text-indent:-999999px;
	width:133px;
	height:35px;
	background:url(../images/sendmessage.png) no-repeat;
	cursor:pointer;
	top:-20px;
	position:relative;
}

										/*___________________________
										8. Headers
										_____________________________*/
h1{ font-size:40px;	line-height:40px; }
h2{ font-size:28px;	line-height:28px; }
h3{ font-size:20px;	line-height:20px; }
h4{ font-size:16px;	line-height:20px; }
h5{ font-size:14px;	line-height:20px; }
h6{ font-size:12px;	line-height:20px; }

										/*___________________________
										9. Columns
										_____________________________*/
.one-fourth{ width:192px; }
.one-third{ width:280px; }
.one-half,.one-third,.two-third,.three-fourth,.one-fourth{position:relative;margin-right:48px;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}
.one-fourth .desc{ width:140px; float:right;}
.one-fourth .desc h5{ text-transform:uppercase; margin-bottom:10px; padding:0; font-size:13px;}
.one-fourth-image { float:left; width:43px; }



										

										/*___________________________
										10. Global
										_____________________________*/


h1, h2, h3, h4, h5, h6{	margin-bottom:20px;	font-weight:normal; color:#000; font-family:Georgia, "Times New Roman", Times, serif; }
p,pre,ol,ul,dl{	margin-bottom:20px; }
ul li ul{padding:10px 0; margin:0;}
ul li{ list-style:outside; margin-left:20px; }
ul.styledlist{ padding:0; margin-bottom:24px; }
ul.styledlist li{ background:url(/images/arrow.gif) no-repeat left 0.5em;	padding-left:16px;	list-style:none; margin-left:5px; margin-left:5px; line-height:22px; }
ol li{ list-style:decimal; margin-left:20px; }
dl dt{ font-weight:bold; padding-bottom:10px; }
dl dd{ padding-bottom:10px;	margin-left:0px; }
strong{	font-weight:bold; }
em, code{ font-style:italic; }
ul, ul li {	list-style-type:disc; }
ol, ol li {	list-style-type:decimal; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom: 1px dotted; cursor:help; }
address { margin:0 0 1.5em; font-style:italic; }
del { text-decoration: line-through; }
pre { white-space:pre; font-size:11px; padding-left:10px; border-left:3px solid #e0e0e0; background:#eee url(/images/line.gif) repeat; }
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; margin:0px 0 0px 15px; float:right; }
img.alignleft {	display: inline; margin:0px 15px 0px 0px; float:left; }
img.border{	padding:2px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#fff; }
.border-bottom{	border-bottom:1px solid #ccc; }
.floatright {float: right; }
.floatleft { float: left; }
.center{ text-align:center; }
.nopadding{	padding:0; }
.nomargin{	margin:0; }
.underlined-top{ border-top:1px solid #e9e9e9; padding-top:40px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0;	content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a.button { display: inline-block; padding: 7px 9px; font-size: 12px; line-height:1; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; }
a.button.primary { font-weight: bold }
a.button:hover { color: #FFFFFF; border-color: #98ba35; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
a.button:active,
a.button.active { background-position: 0 -81px; border-color: #98ba35; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
a.button:active { top: 1px }
a.button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active,
a.button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 6px 12px; }
a.button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }
a.button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-left: none; }
a.button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; border-left: none;}
a.button.left:active,
a.button.middle:active,
a.button.right:active { top: 0px }
a.button.big { font-size: 16px; padding: 7px 16px; }
a.button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 1px; background-image: url('/images/css3buttons_icons.png'); background-repeat: no-repeat; }
a.big.button span.icon { top: 0px }
a.button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier { background-position: 0 -487px }
a.button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin { background-position: 0 -601px }
a.button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user { background-position: 0 -869px }


/*  ----------------------------    custom css for java script   ----------------------------------------*/

#content_div1	{
	margin-top: 10px;
	padding: 0px;
}
#content_div2	{
	
	
}
#content_div3	{
	
	
}
#content_div4	{
	
	
}
.content_divs	{
	display: none;
	text-align: center;
	margin-top: 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	background-color: #D6D19E;
	background-color: black;
	background: rgba(214, 209, 158, 0.8);
	margin-bottom: 20px;

	-moz-box-shadow:     0px 1px 5px green;
   -webkit-box-shadow:  0px 0px 5px green;
    box-shadow:         0px 0px 5px green;


}
.content_divs h2	{
	padding-top: 20px
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 */