@import url("flexslider.css");
@import url("da-slider.css");


/* ---------- Default Tags and Classes ---------- */

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

h1, h2, h3 { color: #444545; margin-bottom: 5px; }
h1, h2 { font-size: 16px; line-height: 24px; }

header, nav, section, article, aside, footer {
   display:block;
}
.my_table{
	color:black; 
	font-size:13px;
}
.loginbtn{
	width:150px !important; 
	height:40px !important;
}
.error_register{
	font-size: 24px;
	color: #2FD32F;
	width:176%;
	margin: auto;
	border: 1px solid #6666FF;
	padding: 12px;
	text-align: center;
	margin: 5px;
}
.error_msg{
	font-size: 24px;
	font-family: monospace;
	color: #2FD32F;
	height: 18px;
	width: 58%;
	margin:5px auto;
	border:1px solid #000;
	padding: 12px;
	text-align: center;
}

.whats_new{
	width:30%;
	height:350px; 
	background-color:#3b7cca; 
	border:1px solid #3b7cca; 
    border-radius:5px;  
	margin-left:12px; 
	float:left; 
	color:white; 
	text-align:center; 
	font-size:24px; 
	line-height:1;
}

.form_reg {
    border: 2px groove #ccccff;
    border-radius: 10px;
    margin: 2px 0 0 130px;
    padding: 44px;
    width: 100%;
}	
	
#main_content
{
	width:100%; 
	background-color:white; 
	height:auto; 
	margin:auto auto auto auto;
}	
.aboutus {
	width: 53%;
	margin: 30px auto auto 25px ;
	padding: 0;
	 font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	float: left;
	text-align:center;
	text-align:justify;
	text-justify:distribute;	
	}

.aboutus p {
	font-size: 14px;
	}
.image_box_size
{
	border:3px solid gray;
	border-radius:8px;
	margin-top:5px;	
	width:100%;
}

h2 {
	line-height: 22px;
	padding-bottom: 14px;
	margin-bottom: 32px;
	font-weight: normal;
	border-bottom: #e1e1e1 1px solid;
}
h3 {
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 13px;
	margin-bottom: 17px;
	border-bottom: #e1e1e1 0px solid;
}
h4 { font-size: 13px; line-height: 22px; }
h5 { font-size: 11px; }

p { margin-bottom: 25px; }

blockquote {
	border-left: #00a2ff 9px solid;
	padding-left: 11px;
	overflow: hidden;
}
blockquote div { margin: -3px 0; }


#slider-animated li, #skills li {
	list-style-type: none;
	padding: 2px 0 2px 24px;
	background-image: url("../img/pictures/slides/animated-bg-5.jpg");
}

#content .flexslider ul { margin: 0; }
.flexslider li, #content .flexslider li, #portfolio-filter ul li {
	padding: 0;
	list-style-type: none;
	background: none;
}
#portfolio-filter ul.pull-left { float: left; }

.more, .more-large {
	padding: 4px 14px 6px;
	margin-top:50px;
	color: #666;
	text-align: center;
	border: #b3b3b3 1px solid;
	border-color: #c3c3c3 #b3b3b3 #a7a7a7;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;

  	background: #e8e7e7;
	background: -moz-linear-gradient(top,  #e8e7e7 0%, #ecebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e7e7), color-stop(100%,#ecebeb));
	background: -webkit-linear-gradient(top,  #e8e7e7 0%,#ecebeb 100%);
	background: -o-linear-gradient(top,  #e8e7e7 0%,#ecebeb 100%);
	background: -ms-linear-gradient(top,  #e8e7e7 0%,#ecebeb 100%);
	background: linear-gradient(to bottom,  #e8e7e7 0%,#ecebeb 100%);
}
.more:hover, .more-large:hover, #slider-parallax .more-large, .hero-unit .more-large, #search-form .more:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: #025ad4 0 1px 0;
	border-color: #009bfe #026be2 #0422b7;

	-moz-box-shadow: 0 0 0 1px #66c7ff inset, 0 2px 2px -1px #7981ac;
	-webkit-box-shadow: 0 0 0 1px #66c7ff inset, 0 2px 2px -1px #7981ac;
	box-shadow: 0 0 0 1px #66c7ff inset, 0 2px 2px -1px #7981ac;
	
	background: #00a2ff;
	background: -moz-linear-gradient(top, #00a2ff 0%, #33c1ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2ff), color-stop(100%,#33c1ff));
	background: -webkit-linear-gradient(top, #00a2ff 0%,#33c1ff 100%);
	background: -o-linear-gradient(top, #00a2ff 0%,#33c1ff 100%);
	background: -ms-linear-gradient(top, #00a2ff 0%,#33c1ff 100%);
	background: linear-gradient(to bottom, #00a2ff 0%,#33c1ff 100%);
}
.more-large { padding: 9px 29px; font-size: 14px !important; }
#slider-parallax .more-large, .hero-unit .more-large { box-shadow: 0 0 0 1px #66c7ff inset; padding: 8px 12px; }

.thumbnail {
	padding: 0;
	border: none;
	box-shadow: none;
	position: relative;
	border-radius: 0;
}
.thumbnail > img, iframe.thumbnail { width: 100%; }
.thumbnail:hover { box-shadow: none !important; }
.thumbnail .overlay {
	position: absolute;
	background: #00a2ff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in;  
	-moz-transition: all 0.4s ease-in;  
	-o-transition: all 0.4s ease-in;  
	transition: all 0.4s ease-in;
}
.thumbnail:hover .overlay { opacity: 0.7; }

.thumbnail .overlay img  {
    position: absolute;
    left: 50%;
    top: 50%;
	margin: -13px 0 0 -13px;
	opacity: 0;
}
.thumbnail:hover .overlay img  {
    -moz-transition: all 0.6s ease-in-out 0s;
    -moz-transform: rotate(180deg);
    opacity: 1;
}

input, textarea { font-size: 12px !important; }

.pull-right { float: right; }
.pull-left { float: left; }


ul.nav-tabs { margin: 0 !important; border: none; }
.nav-tabs > li > a {
	border-color: #d1d0d0;
	background: #fbfafa;
	border-radius: 0;
	margin-right: 9px;
	font-size: 13px;
	color: #444545;
	padding: 6px 14px 5px;
	outline: none;
}
.nav-tabs > li.active > a {
	font-weight: bold;
	background: #fbfafa;
	border-color: #d1d0d0;
	border-bottom-color: #fbfafa;
	-moz-box-shadow: -1px -1px 1px #f1f1f1;
	-webkit-box-shadow: -1px -1px 1px #f1f1f1;
	box-shadow: -1px -1px 1px #f1f1f1;
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover { background: #fbfafa; border-color: #d1d0d0; }
.nav-tabs > li.active > a:hover { border-bottom-color: #fbfafa; }
.tab-content {
	background: #fbfafa;
	border: #d1d0d0 1px solid;
	padding: 16px 15px 2px;
	-moz-box-shadow: 0 1px 1px #e1e1e1;
	-webkit-box-shadow: 0 1px 1px #e1e1e1;
	box-shadow: 0 1px 1px #e1e1e1;
}




/* ---------- Header ---------- */

#attention, #copyright {
	color: #fff;
	font-size: 12px;
	background-color: #00CCFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #00CCFF;
}
#attention .container, #copyright .container { padding: 8px 0 4px; min-height: 20px; }
#attention a, #copyright a { color: #fff; }
#attention div { position: relative; }
#attention button {
	width: 12px;
	height: 20px;
	float: right;
	background: url("../img/close.png") 1px 5px no-repeat;
	margin-left: 10px;
	border: none;
	text-indent: -999px;
	overflow: hidden;
}



#logo { padding-bottom: 14px;
	margin-top:-10px;
 }
#logo ul { padding: 3px 0 1px 0; margin-top: -13px; }
#logo li {
	float: left;
	list-style-type: none;
	padding: 0 0 2px 24px;
	margin-left: 30px;
	background: url("../img/account-icons.png") 0 -21px no-repeat;
}
#logo li:first-child { background-position: 0 3px; }
#logo a { color: #444; }



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

#navigation { padding-bottom: 0px; }
#homepage #navigation { padding-bottom: 5px; }
#navigation nav {
	background: #3a3b3b url("../img/nav-bg.png") 0 -1px;
	border: #3e3f3f 1px solid;
	height: 48px;
	margin-top:-10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}
@-ms-viewport {
  width: device-width;
}
#navigation nav > ul {
	float:right;
	border: #313232 1px solid;
	height: 46px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	position: relative;
	z-index: 1000;
}
#navigation ul { margin: 0; }
#navigation a {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-shadow: #000 0 1px 1px;
}
#navigation a:hover { text-decoration: none; }
#navigation nav > ul > li {
	list-style-type: none;
	float: left;
	position: relative;
	border-right: #494d4f 1px solid;
}
#navigation nav > ul > li > a {
	display: block;
	height: 46px;
	line-height: 44px;
	border-right: #2d3032 1px solid;
	padding: 0 41px;
}
#navigation nav > ul > li:hover > a {
	background: #3a3b3b url("../img/nav-act.png") 0 0 repeat-x;
	padding-left: 41px;
	margin-left: -1px;
	position: relative;
}
#navigation nav > ul > li:first-child:hover > a {
	padding-left: 41px;
	margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-bottom-left-radius: 2px;
}

/* second level */
#navigation li:hover > ul { display: block; }
#navigation ul ul {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	padding: 9px 41px 0 0;
}
#navigation ul ul li {
	list-style-type: none;
	border: #2f3030 2px solid;
	border-top: none;
	position: relative;
}
#navigation ul ul li:first-child {
	border-top: #2f3030 2px solid;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}
#navigation ul ul li:last-child {
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}
#navigation ul ul a {
	background: #3a3b3b url("../img/nav-dd.png") 0 0 repeat-x;
	height: 28px;
	font-size: 12px;
	line-height: 27px;
	padding: 0 17px 0 11px;
	white-space: nowrap;
	min-width: 120px;
	display: block;	
}
#navigation ul ul li:hover > a { background: url("../img/nav-act.png") 0 center repeat-x; }
#navigation ul ul li:last-child a {	padding-bottom: 4px; }

/* third level */
#navigation ul ul ul {
	left: 100%;
	padding: 0 0 0 9px;
	top: -2px;
}

/* mobile menu */
.select-menu {
	display: none;
	font-size: 12px;
	width: 100%;
}
#portfolio #content .select-menu { margin-bottom: 25px; }



/* ---------- Sliders ---------- */

#slider-animated { height: 188px; border:0px solid red; background: url("../img/slider-bg.png") center 0 no-repeat; }
#slider-animated img {
	width: auto;
	position: absolute;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

#sequence { position: relative; height: 490px; }
#sequence li > *{
    position: absolute;
}

.flexslider {
	border: none;
	position: relative;
	border-radius: none;
	box-shadow: none;
	border:0px solid red;
	height:auto;
	
	
}

#slider-animated .slides > li {
	height: 220px;
	width:100%;
	padding: 0;
}

.flex-control-paging { margin: -60px 0 0 28px; position: relative; }
.flex-control-paging li {
	background: none !important;
	padding: 0 5px 0 0 !important;
	float: left;
}
.flex-control-paging li a {
	background: url("../img/slider-item-control.png") 0 0 no-repeat;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	width: 15px;
	height: 15px;
	border-radius: none;
	box-shadow: none;
	cursor: pointer;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-position: 0 -15px; }

#slider-animated .flex-direction-nav { top: 338px; left: 91px; width: auto; }
#slider-animated .flex-direction-nav li {
	float: left;
	padding: 0 5px 0 0 !important;
	background: none !important;
}
#slider-animated .flex-prev, #slider-animated .flex-next {
	width: 21px;
	height: 21px;
	display: block;
	float: left;
	position: relative;
	text-indent: -999px;
	overflow: hidden;
	outline: none;
	cursor: pointer;
	margin:0 -38px 0 38px;
	top: auto;
	background: url("../img/carousel-contdrol.png") -15px 0 no-repeat;
}
#slider-animated .flex-next { background-position: -39px 0; }
#slider-animated .flex-prev:hover { background-position: -15px -21px; }
#slider-animated .flex-next:hover { background-position: -39px -21px; }


#slider-animated #slide-1 {
	background-image: url(../img/pictures/slides/animated-bg-1.jpg);
	background-repeat: no-repeat;
	background-position: 100% center;
}
#slide-1 .inner {
	width: 100%;
	font-size: 12px;
	padding: 37px 0 0 26px;
}
#slide-1 form { width: 334px; margin: 1px 0; }
#slide-1 input { width: 324px; margin-bottom: 14px; }
#slide-1 input.half { width: 150px; }
#slide-1 input[type="submit"] { width: 100%; }
#slide-1 h1 {
	font-size: 38px;
	line-height: 38px;
	font-weight: normal;
	margin-bottom: 12px;
	color: #666;
}

#slider-animated #slide-2 { background: url(../img/pictures/slides/animated-bg-2.jpg) 0 0 no-repeat; }

#slider-animated #slide-3 {
	background-image: url(../img/pictures/slides/animated-bg-3.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#slider-animated #slide-4 {
	background-image: url(../img/pictures/slides/animated-bg-4.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#slider-animated #slide-5 {
	background-image: url(../img/pictures/slides/animated-bg-5.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#slider-image { padding-bottom: 35px; }
.flex-direction-nav, .da-arrows {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
}
.flex-direction-nav a, .da-arrows span {
	position: absolute;
	display: block;
	width: 35px;
	height: 59px;
	margin-top: -30px;
	background: url("../img/direct-control.png") 0 0 no-repeat;
	text-indent: -999px;
	overflow: hidden;
	opacity: 1 !important;
	z-index: 9999;
	cursor: pointer;
}
.flex-direction-nav .flex-prev, .da-arrows-prev { left: 0; }
.flex-direction-nav .flex-next, .da-arrows .da-arrows-next { right: 0; background-position: -35px 0; }
.flex-direction-nav .flex-prev:hover, .da-arrows .da-arrows-prev:hover { background-position: 0 -59px; }
.flex-direction-nav .flex-next:hover, .da-arrows .da-arrows-next:hover { background-position: -35px -59px; }

.flex-caption {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	font-size: 12px;
	background: rgba(0, 162, 255, 0.7);
	color: #fff;
}
.flex-caption span { display: block; padding: 7px 28px 9px; }

#slider-parallax { font-size: 13px; color: #e8e6e6; }
#slider-parallax h1 {
	font-size: 31px;
	line-height: 31px;
	font-weight: bold;
	color: #fff;
}

.carousel { overflow: hidden; margin-left: -28px; }



/* ---------- Page Title & Social Profiles ---------- */

.brake-line {
	background: #ffffff;
	border-top:	#d6d6d6 1px solid;
	border-bottom: #d8d8d8 1px solid;
	font-size: 14px;
}

#page-head > .inner { border-bottom: #f8fbf5 1px solid; padding-top: 27px; padding-bottom: 29px; }
#homepage #page-head > .inner { padding-bottom: 0px; }
#page-head h1 {
	line-height: -5px;
	padding: 2px 0;
	font-size: 15px;
	margin: 0;
}
#page-head hgroup { padding-left: 2px; }
#page-head .more-large { margin: 3px 2px 3px 0; }

#social-profiles { border-bottom-color: #e1e1e1; }
#social-profiles > .inner { padding-top: 2px; }
#social-profiles .pull-left { padding-top: 15px; }
#social-profiles ul {
	border-right: #e1e1e1 1px solid;
	border-left: #fff 1px solid;
	margin: 0;
}
#social-profiles li {
	list-style-type: none;
	float: left;
	border-left: #e1e1e1 1px solid;
	border-right: #fff 1px solid;
}
#social-profiles a {
	float: left;
	line-height: 50px;
	height: 53px;
	padding: 0 22px 0 22px;
	color: #999;
}
#social-profiles a span {
	width: 25px;
	height: 25px;
	float: left;
	background: url("../img/social-profiles.png");
	margin: 12px 6px 0 6px;
}
#social-profiles a:hover { text-decoration: none; color: #00afff; }

#i-facebook a span { background-position: 0 0; }
#i-facebook a:hover span { background-position: -25px 0; }
#i-dribbble a span { background-position: 0 -25px; }
#i-dribbble a:hover span { background-position: -25px -25px; }
#i-google a span { background-position: 0 -50px; }
#i-google a:hover span { background-position: -25px -50px; }
#i-linkedin a span { background-position: 0 -75px; }
#i-linkedin a:hover span { background-position: -25px -75px; }



/* ---------- Content ---------- */

#content {background: url("../img/header-shadow.png") center 0 no-repeat; }
#homepage #content { background: none; }
#default #content { padding-top: 0px; }
#contact #content, #blog #content { padding-top: 54px; }

#homepage-widget-area-1 { overflow: hidden; }
#homepage-widget-area-2 { padding-bottom: 5px; overflow: hidden; }
#homepage-widget-area-1 > * { margin-bottom: 46px; }

.personal-contact {
	font-style: italic;
	color: #999;
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	margin-top: 20px;
	clear: both;
}
.staff2 .personal-contact { margin-top: 5px; }
.staff3 .personal-contact { margin-top: -6px; }
.personal-contact a { color: #999; }
.personal-contact ul { margin: 0 !important; overflow: hidden; }
.personal-contact li {
	list-style-type: none;
	float: left;
	line-height: 26px;
	padding: 0 0 0 10px;
}
.personal-contact li:first-child { padding-left: 0; }
.personal-contact .s-gp, .personal-contact .s-ln, .personal-contact .s-fb {
	float: right;
	padding: 0 0 0 9px;
}
.personal-contact .s-gp a, .personal-contact .s-ln a, .personal-contact .s-fb a {
	background: url("../img/personal-social.png") -1px 0 no-repeat;
	display: block;
	width: 18px;
	height: 27px;
	text-indent: -999px;
}
.personal-contact .s-gp a { background-position: 100%  0; }
.personal-contact .s-ln a { background-position: -28px  0; }

.shadow { margin: 0 auto; width: 100%; display: block; }

.staff1, .staff2, .staff3, .staff4 {
	line-height: 20px;
	float: left;
	width: 100%;
}
.staff2 article, .staff3 article, .staff4 article { padding-bottom: 35px; }
.staff1 article { padding-bottom: 28px; }
.staff2 article { padding-bottom: 45px; }
.staff2 article, .staff3 article { padding-top: 6px; }
.staff1 p, .staff2 p, .staff3 p, .staff4 p { margin-bottom: 20px; }

.staff-info { padding-top: 10px; }
.staff2 .staff-info { padding-top: 1px; }
.staff3 .staff-info { padding-top: 8px; }
.staff4 .staff-info { padding-top: 16px; }
.staff-name {
	font-size: 13px;
	border: none;
	padding: 0;
	margin: 0;
}
.staff-position { color: #999; margin: -2px 0 9px; }
.staff4 .staff-position { margin-bottom: 10px; }

.progressbar { margin: -8px 0 32px;	color: #444545; }
.staff-info .progressbar:first-child { margin-top: -8px; }
.progressbar .pull-left, .progressbar .pull-right { padding-bottom: 4px; }
.bar-container {
	clear: both;
	background: #f4f3f3;
	border: #e0e0e0 1px solid;
	padding: 3px 4px;
	-moz-box-shadow: 1px 0 1px #d3d3d3;
	-webkit-box-shadow: 1px 0 1px #d3d3d3;
	box-shadow: 0 2px 2px -1px #d9d9d9;
}
.bar-container span {
	display: block;
	height: 13px;
	background: url("../img/progress-bar.png");
}
.opacity-4 { opacity: 1; }
.opacity-3 { opacity: 0.75; }
.opacity-2 { opacity: 0.5; }
.opacity-1 { opacity: 0.25; }

#not-found #content img { display: block; margin: 54px auto 33px; }
#not-found #content {
	text-align: center;
	font-size: 25px;
	line-height: 35px;
	color: #444;
	padding-bottom: 75px;
}
#not-found #content strong { color: #00a2ff }

#map { margin-bottom: 21px; }

.pricing-table { padding-top: 20px; }
.col-standard, .col-featured { margin-bottom: 35px; float: left; margin-left: -1px; }
.col-standard { margin-top: 18px; }
.col-standard .plan-head, .col-featured .plan-head {
	font-size: 18px;
	font-weight: bold;
	padding: 13px 0;
	text-align: center;
	margin: 0;
	border: #e4e4e4 1px solid;
	border-bottom: #e4e4e4 1px solid;
}
.col-featured .plan-head {
	color: #00a2ff;
	font-size: 23px;
	padding: 22px 0 21px;
	border-bottom: #efefed 2px solid;
}
.col-featured {
	background: url("../img/header-bg.png") center;
	-moz-box-shadow: 0 2px 2px -1px #646464;
	-webkit-box-shadow: 0 2px 2px -1px #646464;
	box-shadow: 0 0 30px #e2e2e2;
	position: relative;
}
.price {
	background: #f8f8f8;
	padding: 21px 0 23px;
	text-align: center;
	 font-family:"Times New Roman", Times, serif;
	border: #e4e4e4 1px solid;
	border-top: none;
	border-bottom: #f1f1f1 1px solid;
}
.col-featured .price { background: rgba(238, 238, 237, 0.6); }
.price small { top: -14px; position: relative; font-size: 22px; right: -5px; }
.price strong {
	font-size: 56px;
	color: #00a2ff;
	letter-spacing: -3px;
}
.price span {
	font-size: 17px;
	color: #00a2ff;
	font-weight: bold;
	position: relative;
	top: -21px;
	padding-left: 6px;
}
.price em { position: relative; left: -24px; top: -7px; font-size: 11px; }

.col-standard ul, .col-featured ul {
	border: #e4e4e4 1px solid;
	border-top: none;
	border-bottom: none;
	margin: 0 !important;
	padding: 3px 0 32px;
}
.col-standard li, .col-featured li {
	border-bottom: #f2f2f1 1px solid;
	color: #999;
	font-size: 14px;
	list-style-type: none;
	text-align: center;
	padding: 8px 0;
}
.col-featured li { border-bottom-width: 2px; padding-top: 7px; }

.col-standard .sign-up, .col-featured .sign-up {
	padding: 21px 0 23px;
	text-align: center;
	border: #e4e4e4 1px solid;
	border-top: #efefed 1px solid;
  	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f3f3f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f3f3f2));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f3f3f2 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f3f3f2 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f3f3f2 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#f3f3f2 100%);
}
.col-featured .sign-up { background: rgba(247, 246, 244, 0.5); padding: 34px; border-top-color: #e5e5e5; }


/* ---------- Blog ---------- */

.post { margin-bottom: 28px; }
.entry { margin-bottom: 55px; }

.title, .body, .type-gallery, .type-image, .type-quote, .type-post, .type-audio, .type-video, .type-link { border-bottom: #e1e1e1 1px solid; }

.title { padding-bottom: 12px; }

.visual { margin-bottom: 31px; }

#blog .meta {
	position: relative;
	top: -2px;
	margin-bottom: 14px;
	height: 1px;
	border-bottom: #e1e1e1 1px solid;
	color: #999;
}
#blog .meta a { color: #999; }
.read-more a:hover { text-decoration: underline !important; }
#blog .meta ul { position: absolute; bottom: 20px; margin: 0; }
#blog .meta li {
	float: left;
	list-style-type: none;
	padding: 0 14px 0 0;
}

.body { padding-bottom: 29px; }
.entry .body  { padding-bottom: 3px; }
.body li { list-style-position: inside; }

.read-more { padding: 10px 0 7px; }
.read-more a { text-decoration: none !important; }

.type-gallery, .type-image, .type-quote, .type-post, .type-audio, .type-video, .type-link { height: 38px; margin-top: -39px; }
.type-gallery a, .type-image a, .type-quote a, .type-post a, .type-audio a, .type-video a, .type-link a {
	display: block;
	width: 39px;
	height: 38px;
	text-indent: -999px;
	overflow: hidden;
	background: #e1e1e1 url("../img/post-formats.png") 0 0 no-repeat;
}
.type-gallery a:hover, .type-image a:hover, .type-quote a:hover, .type-post a:hover, .type-audio a:hover, .type-video a:hover, .type-link a:hover {
	background-color: #00a2ff;
}

.type-image a { background-position: 0 -76px; }
.type-quote a { background-position: 0 -38px; }
.type-video a { background-position: 0 -190px; }
.type-audio a { background-position: 0 -114px; }
.type-link a { background-position: 0 -152px; }

.player { margin: 5px 0 8px; }

.entry .link { margin: 22px 0 5px; }
.link { font-size: 14px; color: #666; }

.author-photo { text-align: right; }

.entry blockquote { margin: 4px 0 30px; }

#comments { margin-bottom: 39px; }
#comments dl { border-top: #e1e1e1 1px solid; padding-top: 28px; margin-bottom: 18px; }
#comments dl:first-child { border: none; padding-top: 0; }
#comments dt { overflow: hidden; }
#comments dt:first-child { margin-top: 0 !important; }
#comments dt ul { float: left; padding: 15px 0 10px; }
#comments dt img { float: left; display: block; }
#comments dt li {
	float: left;
	background: url("../img/comments-separator.png") 0 4px no-repeat;
	list-style-type: none;
	padding: 0 0 0 14px;
	margin-right: 12px;
	font-size: 13px;
	color: #999;
	font-weight: normal;
}
#comments dt li:first-child { background: none; }
#comments dt li a { color: #999; }
#comments dd { margin: 13px 0 0; }
#comments .author a { color: #444; font-weight: bold; }
#comments .admin a { color: #00a2ff; }

#comment-form  { margin-bottom: 30px; }

#comments h3, #comment-form h3 {
	font-size: 14px;
	border-bottom: #e1e1e1 1px solid;
	padding-bottom: 10px;
	margin-bottom: 18px;
}
#comment-form { margin-bottom: 50px; }



/* ---------- Portfolio ---------- */

#portfolio .sidebar { margin-top: -6px; }

#portfolio-preview-items { clear: both; }

#portfolio-preview-items dl { overflow: hidden; }
#portfolio-preview-items dl img { display: block; }

#portfolio-preview-items dl { margin-top: 0; }

.one-cols dl { margin-bottom: 30px; }
.one-cols dd { padding-bottom: 25px; }

.two-cols dl { margin-top: 0; margin-bottom: 50px; }
.two-cols dd { padding-bottom: 8px; }

.three-cols dl { margin-bottom: 25px; }
.four-cols dl { margin-bottom: 20px; }
.four-cols .row:first-child dl, .three-cols .row:first-child dl { margin-top: -6px !important; }
.four-cols dd { margin-left: 0; }

#portfolio-filter {
	border-bottom: #e1e1e1 1px solid;
	margin-bottom: 34px;
	overflow: hidden;
}
#portfolio-filter ul { float: right; margin: 0; padding: 6px 0 14px; }
#portfolio-filter ul li {
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 16px;
	margin-left: 10px;
	background: url("../img/slash.png") 0 6px no-repeat;
}
#portfolio-filter ul li:first-child { background: none; margin: 0; padding: 0; }
#portfolio-filter a { color: #666; text-decoration: none; }
#portfolio-filter a:hover, #portfolio-filter a.active { color: #009cff; text-decoration: underline; }

#portfolio-preview-items .item-title {
	border: none;
	padding-bottom: 9px;
	margin-bottom: 8px;
}
.four-cols .item-title { padding-bottom: 8px !important; margin-top: -2px; }
#portfolio-preview-items .item-description { overflow: hidden; }
.one-cols .item-description { margin-bottom: 12px; }
.two-cols .item-description { margin-bottom: 5px; }

#portfolio-title {
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	margin-bottom: 28px;
	margin-top: -5px;
}
#portfolio-title h1 {
	font-size: 16px;
	font-weight: normal;
	color: #444;
	margin: 0;
	padding: 8px 0 10px;
}

#portfolio-view { padding-bottom: 29px; }
#portfolio-details { padding-bottom: 55px; }

#about-work { padding: 9px 0 5px; }
#about-work h3, #skills h3 {
	margin-bottom: 13px;
	padding-bottom: 8px;
	border-bottom: #e1e1e1 1px solid;
}
#about-work p { margin-bottom: 18px; }

#skills { padding-bottom: 10px; }
#skills h3 { margin-bottom: 16px; }

.pager {
	width: 36px;
	height: 42px;
	margin: 0 !important;
	background: url("../img/pager.png") 0 1px no-repeat;
}
.pager li { float: left; list-style-type: none; }
.pager li a {
	display: block;
	height: 42px;
	width: 18px;
	text-indent: -999px;
	overflow: hidden;
}



/* ---------- Widgets ---------- */

.widget { margin-bottom: 10px; }

#footer .widget { margin-bottom: 27px; }
#footer .widget-title {
	border-bottom: #fff 1px solid;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	line-height: 40px;
	margin: 13px 0 12px;
}

#widgetarea-contact .widget-title {
	border: none;
	background: url("../img/widget-title.png") 0 100% no-repeat;
	padding-bottom: 9px;
}

aside.sidebar .widget-title {
	border-bottom: #e1e1e1 1px solid;
	color: #444545;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 13px;
}
aside.sidebar .widget_archives . { margin-bottom: 0; }
aside.sidebar .widget_twitter .widget-title { margin-bottom: 21px; }

aside.sidebar .widget { margin-bottom: 30px; }
aside.sidebar .widget_text { margin-bottom: 35px; }
aside.sidebar .widget_recent_content { margin-bottom: 31px; }
aside.sidebar .widget_archives { margin-bottom: 41px; }

.widget_teaser img, .sc-services img { display: block; margin: 0 auto 19px; }

.text-center { text-align: justify; }

.widget_contact { line-height: 14px; }
#widgetarea-contact .widget_contact { margin-bottom: 37px; }
#widgetarea-contact .widget_contact .widget-title { margin-bottom: 17px; }
.widget_contact p { margin-bottom: 10px; }

.tweet_list { margin: 0 !important; }
.tweet_list li {
	list-style-type: none !important;
	background: url("../img/title-separator.png") 0 0 no-repeat !important;
	padding: 12px 0 11px !important;
}
#footer .tweet_list li { background-image: url("../img/tweet-separator.png") !important; }
.tweet_list li:first-child, #footer .tweet_list li:first-child { padding-top: 0 !important; background: none !important; }

.widget_recent_posts dl { overflow: hidden; margin: 0 0 9px; }
.widget_recent_posts dt { float: left; }
.widget_recent_posts dt img { margin-top: 6px; display: block; }
.widget_recent_posts dd { margin-left: 66px; padding-top: 2px; }
.widget_recent_posts dd a { display: block; }

.widget_recent_content { overflow: hidden; margin-bottom: 20px; }
aside .widget_recent_content { overflow: visible; }
.widget_recent_content .item-title {
	padding-bottom: 9px;
	margin-bottom: 8px;
}
.widget_recent_content ul { margin: 0; }
.widget_recent_content li {	list-style-type: none; padding: 0 !important; }
.widget_recent_content dl { margin-top: 0; margin-bottom: 26px; overflow: hidden; }
.widget_recent_content dl:last-child { margin-bottom: 0; }
.widget_recent_content dt { float: left; }
.widget_recent_content dd { padding-left: 69px; margin: 0; }
.widget_recent_content dl .item-title {
	background: none;
	padding: 0;
	position: relative;
	top: -3px;
	margin-bottom: -1px;
}
.sidebar .widget_recent_content dl { margin-bottom: 16px; margin-top: 0; overflow: hidden; }
.sidebar .widget_recent_content dt { padding-top: 3px; }
.sidebar .widget_recent_content dd { padding-left: 59px; }
.sidebar .widget_recent_content dd a { text-decoration: none; color: #999; display: block; }

.blog_posts .item-title {
	margin: 15px 0 2px;
	background: none;
	padding-bottom: 0;
}
.blog_posts footer ul {
	overflow: hidden;
	border-bottom: #e1e1e1 1px solid;
	padding-bottom: 6px;
	margin-bottom: 8px !important;
}
.blog_posts footer li {
	float: left;
	background: url("../img/slash-small.png") 0 5px no-repeat;
	padding-left: 10px !important;
	margin-left: 5px;
	color: #999;
}
.blog_posts footer li:first-child { margin: 0; padding: 0 !important; background: none; }
.blog_posts footer li a { color: #999; }

.not-widget { margin-bottom: 15px !important; }
.not-widget dl { margin-bottom: 32px !important; }

.widget_teaser .widget-title, .sc-services .widget-title {
	font-weight: bold;
	border: none;
	padding-bottom: 6px;
	margin-bottom: 0;
}

.widget_archives li {
	list-style-type: none;
	border-bottom: #e1e1e1 1px solid;
	padding: 8px 0 7px;
}
.widget_archives a { color: #999; font-size: 12px; text-decoration: none !important; }
.widget_archives a:hover { color: #00A2FF; }

#homepage-widget-area-2 .widget-title, #homepage-widget-area-3 .widget-title, #homepage-widget-area-4 .widget-title, #portfolio-single-widget-area .widget-title {
	font-size: 15px;
	margin-bottom: 26px;
	color: #444545;
	font-weight: normal;
	border-bottom: #e1e1e1 1px solid;
	padding-bottom: 9px;
}
#portfolio-single-widget-area .widget-title { padding-bottom: 9px; }

.widget_clients .carousel {
	margin: 0;
	border: #e1e1e1 1px solid;
	border-left: none;
}
.widget_clients li {
	width: 231px;
	border-left: #e1e1e1 1px solid;
	list-style-type: none;
	float: left;
	padding: 0 !important;
	background: none !important;
}
.widget_clients li:first-child { margin: 0; }
.widget_clients li a {
	display: block;
	height: 106px;
	position: relative;
	overflow: hidden;
}
.widget_clients li a img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.widget_clients li a img:first-child { display: block; }

.widget_flickr .flickr_badge_image {
	float: left;
	width: 57px;
	background: url("../img/flickr-shadow.png") 0 100% no-repeat;
	padding: 5px 4px 12px;
	margin: 0 17px 0 -4px
}
.widget_flickr > div { width: 120%; }
.widget_flickr img {
	width: 57px;
	height: 55px;
}

.widget_subscribers { overflow: hidden; margin-bottom: 17px !important; }
.widget_subscribers a {
	display: block;
	float: left;
	padding: 1px 15px 0 40px;
	margin-bottom: 10px;
	min-height: 31px;
	line-height: 14px;
	color: #666;
	text-decoration: none !important;
}
.widget_subscribers a:last-child { padding-right: 0; }
.widget_subscribers strong { display: block; }
a.s_twitter { background: url("../img/social-icons/i_twitter.png") 0 0 no-repeat; }
a.s_rss { background: url("../img/social-icons/i_rss.png") 0 0 no-repeat; }

.carousel { margin-bottom: 0; }
.carousel-arrows {
	width: 60px;
	height: 21px;
	background: #fff;
	float: right;
	margin-top: -37px;
}
.carousel-arrows span {
	width: 21px;
	height: 21px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	float: right;
	margin-left: 5px;
	outline: none;
	cursor: pointer;
	background: url("../img/carousel-control.png") -15px 0 no-repeat;
}
.carousel-arrows span.next { background-position: -40px 0; }
.carousel-arrows span:hover { background-position: -15px -21px; }
.carousel-arrows span.next:hover { background-position: -40px -21px; }

.testimonials blockquote {
	margin: 0;
	background: #f3f5f5;
	border: none;
	 font-family:"Times New Roman", Times, serif;
	font-style: italic;
	padding: 12px 14px 18px;
	font-size: 12px;
	line-height: 20px;
	color: #666;
}
.quote-author {
	min-height: 32px;
	background: url("../img/quote.png") 100% 0 no-repeat;
	text-align: right;
	padding-right: 80px;
	overflow: hidden;
}
.quote-author span {
	display: block;
	float: right;
	margin-top: 9px;
	padding: 6px 0 0 32px;
	background: url("../img/author.png") 0 center no-repeat;
}

/*.s_services { margin-bottom: 54px; }*/


/* ---------- Forms ---------- */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { color: #969696; }

#search-form { margin: 6px 0 0; }
#search-form input[type="text"] { padding: 5px 10px; border-right: none; width: 107px; }
#search-form .more {
	padding: 4px 12px 6px;
	color: #666;
	text-shadow: #fff 0 1px 0;
	box-shadow: 0 -1px 1px 0 #b6b6b6 inset;
	border: #c3c3c3 1px solid;
	
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;   
	
  	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e4e4e4 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom,  #fbfbfb 0%,#e4e4e4 100%);
	
}

.standard-form { padding-top: 4px; }
.standard-form input[type="text"], .standard-form textarea { padding: 9px 13px 11px; margin-bottom: 26px; }
.standard-form textarea { height: 156px; width: 424px; }
.standard-form .more-large { font-size: 14px; padding: 7px 17px; }



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

#footer { background: url("../img/footer-bg.jpg") 0 0 repeat; color: #fff; }
#footer .inner { background: url("../img/footer-shadow.png") center 0 no-repeat; }

#copyright { font-size: 13px; text-align: right; }
#copyright .container { padding:24px 0 0 0; margin:}
#copyright > div > div > div:first-child { text-align: left; }
#copyright span { padding: 0 6px; }



/* ---------- Shortcodes ---------- */

.accordion-group { border: none; border-radius: 0; }
.accordion-heading .accordion-toggle {
	display: block;
	padding: 16px 50px 16px 23px;
	font-size: 13px;
	background: #fcfbfb url("../img/accordion-close.png") 100% center no-repeat;
	color: #444545 !important;
	border: #d5d5d5 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 1px 0 #d9d9d9;
	-webkit-box-shadow: 0 0 0 1px #fff inset, 0 1px 1px 0 #d9d9d9;
	box-shadow: 0 0 0 1px #fff inset, 0 1px 1px 0 #d9d9d9;
	outline: none;
}
.accordion-toggle:hover { text-decoration: none; }
.accordion-group { margin-bottom: 19px; }
.accordion-heading .collapsed { font-weight: bold; background-image: url("../img/accordion-open.png"); }
.accordion-inner { padding: 19px 0 2px 20px; border: none; }

.sc-col { padding-bottom: 26px; }
.sc-services { text-align: center; padding-top: 5px; padding-bottom: 35px; }
.sc-services.span3 { padding-top: 14px; padding-bottom: 25px; }
.sc-info { margin-bottom: 24px; }
.sc-info h2 {
	margin: 4px 0 8px;
	padding-bottom: 9px;
	border: none;
	background: url("../img/title-separator.png") 0 100% no-repeat;
}

.alert {
	font-size: 12px;
	padding: 15px 35px 15px 18px;
	border-color: #dfd686;
	background: #fcfce2;
}
.alert-error { border-color: #fdc4c4; background: #ffeded; }
.alert-success { border-color: #b2dd7d; background: #eef8e3; }
.alert-info { border-color: #b5d7e9; background: #eef9ff; }
.alert .close { top: 0; }


.hero-unit {
	background: #fbfbfb;
	border: #d5d5d5 1px solid;
	padding: 28px 34px 6px;
	-moz-box-shadow: 0 1px 1px 0 #d9d9d9;
	-webkit-box-shadow: 0 1px 1px 0 #d9d9d9;
	box-shadow: 0 1px 1px 0 #d9d9d9;
}
.hero-unit, .hero-unit p { font-size: 14px; color: #bbb; line-height: 18px; }
.hero-unit p { margin-bottom: 30px; }
.hero-unit h1 {
	font-size: 20px;
	color: #444;
	letter-spacing: 0;
	margin-bottom: 15px;
}


.button {
	font-size: 14px;
	font-weight: bold;
	background: #e9e9e9;
	position: relative;
	outline: none !important;
	display: block;
	float: left;
	margin: 10px;
	color: #555;
	padding: 7px 14px;
	background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1);
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e1e1e1));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d0d0d0;
	-moz-box-shadow:
		0 4px 0 0 #b2b1b1,
		0 5px 0 0 #a5a5a5,
		0 6px 2px 1px #ccc,
		inset 0 1px 1px 0 #fcfcfc,
		inset 0 0 0 1px #f0f0f0;
	-webkit-box-shadow:
		0 4px 0 0 #b2b1b1,
		0 5px 0 0 #a5a5a5,
		0 6px 2px 1px #ccc,
		inset 0 1px 1px 0 #fcfcfc,
		inset 0 0 0 1px #f0f0f0;
	box-shadow:
		0 4px 0 0 #b2b1b1,
		0 5px 0 0 #a5a5a5,
		0 6px 2px 1px #ccc,
		inset 0 1px 1px 0 #fcfcfc,
		inset 0 0 0 1px #f0f0f0;
	text-shadow: 0px 1px 0px rgba(245,245,245,1);
}
.button:hover {
	color: #555;
	text-decoration: none;
	background: -moz-linear-gradient(top, #e1e1e1 0%, #eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#eeeeee));	
}
.button:active {
	-moz-box-shadow: inset 0 1px 2px 0 #aaa;
	-webkit-box-shadow: inset 0 1px 2px 0 #aaa;
	box-shadow: inset 0 1px 2px 0 #aaa;
	margin: 13px 10px 7px;
}

.button.red {
	color: #913944;
	background: #f78298;
	background: -moz-linear-gradient(top, #f997b0 0%, #f46576);
	background: -webkit-gradient(linear, left top, left bottom, from(#f997b0), to(#f46576));
	border: 1px solid #ee8090;
	-moz-box-shadow:
		0 4px 0 0 #cb5462,
		0 5px 0 0 #b84d5a,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #f9c9d0;
	-webkit-box-shadow:
		0 4px 0 0 #cb5462,
		0 5px 0 0 #b84d5a,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #f9c9d0;
	box-shadow:
		0 4px 0 0 #cb5462,
		0 5px 0 0 #b84d5a,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #f9c9d0;
	text-shadow: 0px 1px 0px rgba(248,145,160,1);
}
.button.red:hover {
	background: -moz-linear-gradient(top, #f46576 0%, #f997b0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f46576), to(#f997b0));
}
.button.red:active {
	background: -moz-linear-gradient(top, #f26b7d 0%, #f56c7e);
	background: -webkit-gradient(linear, left top, left bottom, from(#f26b7d), to(#f56c7e));
	-moz-box-shadow: inset 0 1px 2px 0 #b44f5d;
	-webkit-box-shadow: inset 0 1px 2px 0 #b44f5d;
	box-shadow: inset 0 1px 2px 0 #b44f5d;
}

.button.blue {
	color: #42788e;
	background: #8fdaf6;
	background: -moz-linear-gradient(top, #80d4f5 0%, #92dbf6);
	background: -webkit-gradient(linear, left top, left bottom, from(#80d4f5), to(#92dbf6));
	border: 1px solid #79acbe;
	-moz-box-shadow:
		0 4px 0 0 #589cb6,
		0 5px 0 0 #4e8aa1,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #b3e6f8;
	-webkit-box-shadow:
		0 4px 0 0 #589cb6,
		0 5px 0 0 #4e8aa1,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #b3e6f8;
	box-shadow:
		0 4px 0 0 #589cb6,
		0 5px 0 0 #4e8aa1,
		0 6px 2px 1px #ccc,
		inset 0 0 0 1px #b3e6f8;
	text-shadow: 0px 1px 0px rgba(179,230,249,1);
}
.button.blue:hover {
	background: -moz-linear-gradient(top, #92dbf6 0%, #80d4f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#92dbf6), to(#80d4f5));
}
.button.blue:active {
	background: -moz-linear-gradient(top, #8ad3f0 0%, #89d2ee);
	background: -webkit-gradient(linear, left top, left bottom, from(#8ad3f0), to(#89d2ee));
	-moz-box-shadow: inset 0 1px 2px 0 #679eb3;
	-webkit-box-shadow: inset 0 1px 2px 0 #679eb3;
	box-shadow: inset 0 1px 2px 0 #679eb3;
}

.button.green {
	color: #5f7933;
	background: #b7d871;
	background: -moz-linear-gradient(top, #cae285 0%, #a2cc59);
	background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#a2cc59));
	border: 1px solid #aad063;
	-moz-box-shadow:
		0 4px 0 0 #799545,
		0 5px 0 0 #6d883b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #e7f2c5;
	-webkit-box-shadow:
		0 4px 0 0 #799545,
		0 5px 0 0 #6d883b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #e7f2c5;
	box-shadow:
		0 4px 0 0 #799545,
		0 5px 0 0 #6d883b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #e7f2c5;
	text-shadow: 0px 1px 0px rgba(196,223,144,1);
}
.button.green:hover {
	background: -moz-linear-gradient(top, #a2cc59 0%, #cae285);
	background: -webkit-gradient(linear, left top, left bottom, from(#a2cc59), to(#cae285));
}
.button.green:active {
	background: -moz-linear-gradient(top, #a5cd5e 0%, #a7cf5f);
	background: -webkit-gradient(linear, left top, left bottom, from(#a5cd5e), to(#a7cf5f));
	-moz-box-shadow: inset 0 1px 2px 0 #7b9845;
	-webkit-box-shadow: inset 0 1px 2px 0 #7b9845;
	box-shadow: inset 0 1px 2px 0 #7b9845;
}

.button.aqua {
	color: #437b7d;
	background: #9fedf0;
	background: -moz-linear-gradient(top, #b7f2f4 0%, #80e8eb);
	background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#80e8eb));
	border: 1px solid #87d3d5;
	-moz-box-shadow:
		0 4px 0 0 #4fa7aa,
		0 5px 0 0 #47989b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #d4f8f8;
	-webkit-box-shadow:
		0 4px 0 0 #4fa7aa,
		0 5px 0 0 #47989b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #d4f8f8;
	box-shadow:
		0 4px 0 0 #4fa7aa,
		0 5px 0 0 #47989b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #d4f8f8,
		inset 0 -1px 0 0 #a1edf0;
	text-shadow: 0px 1px 0px rgba(175,240,243,1);
}
.button.aqua:hover {
	background: -moz-linear-gradient(top, #80e8eb 0%, #b7f2f4);
	background: -webkit-gradient(linear, left top, left bottom, from(#80e8eb), to(#b7f2f4));
}
.button.aqua:active {
	background: -moz-linear-gradient(top, #85e6e9 0%, #87e9ec);
	background: -webkit-gradient(linear, left top, left bottom, from(#85e6e9), to(#87e9ec));
	-moz-box-shadow: inset 0 1px 2px 0 #63abae;
	-webkit-box-shadow: inset 0 1px 2px 0 #63abae;
	box-shadow: inset 0 1px 2px 0 #63abae;
}

.button.black {
	color: #fcfcfc;
	background: #565656;
	background: -moz-linear-gradient(top, #656565 0%, #444444);
	background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#444444));
	border: 1px solid #535353;
	-moz-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	-webkit-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	text-shadow: 0px 1px 0px rgba(57,57,57,1);
}
.button.black:hover {
	background: -moz-linear-gradient(top, #444444 0%, #656565);
	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#656565));
}
.button.black:active {
	background: -moz-linear-gradient(top, #474747 0%, #474747);
	background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#474747));
	-moz-box-shadow: inset 0 1px 2px 0 #353535;
	-webkit-box-shadow: inset 0 1px 2px 0 #353535;
	box-shadow: inset 0 1px 2px 0 #353535;
}

.button.gray {
	color: #575757;
	background: #c2c2c2;
	background: -moz-linear-gradient(top, #d1d1d1 0%, #aeaeae);
	background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#aeaeae));
	border: 1px solid #b4b4b4;
	-moz-box-shadow:
		0 4px 0 0 #878787,
		0 5px 0 0 #7b7b7b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #e3e3e3;
	-webkit-box-shadow:
		0 4px 0 0 #878787,
		0 5px 0 0 #7b7b7b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #e3e3e3;
	box-shadow:
		0 4px 0 0 #878787,
		0 5px 0 0 #7b7b7b,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #e3e3e3;
	text-shadow: 0px 1px 0px rgba(203,203,203,1);
}
.button.gray:hover {
	background: -moz-linear-gradient(top, #aeaeae 0%, #d1d1d1);
	background: -webkit-gradient(linear, left top, left bottom, from(#aeaeae), to(#d1d1d1));
}
.button.gray:active {
	background: -moz-linear-gradient(top, #b1b1b1 0%, #afafaf);
	background: -webkit-gradient(linear, left top, left bottom, from(#b1b1b1), to(#afafaf));
	-moz-box-shadow: inset 0 1px 2px 0 #848484;
	-webkit-box-shadow: inset 0 1px 2px 0 #848484;
	box-shadow: inset 0 1px 2px 0 #848484;
}

.button.orange {
	color: #9b6835;
	background: #fecd61;
	background: -moz-linear-gradient(top, #feda71 0%, #febd4c);
	background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febd4c));
	border: 1px solid #eab552;
	-moz-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	-webkit-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	box-shadow:
		0 4px 0 0 #b98a37,
		0 5px 0 0 #9f7630,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #fee9aa;
	text-shadow: 0px 1px 0px rgba(254,213,132,1);
}
.button.orange:hover {
	background: -moz-linear-gradient(top, #febd4c 0%, #feda71);
	background: -webkit-gradient(linear, left top, left bottom, from(#febd4c), to(#feda71));
}
.button.orange:active {
	background: -moz-linear-gradient(top, #fbbf50 0%, #fec151);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbbf50), to(#fec151));
	-moz-box-shadow: inset 0 1px 2px 0 #bb8e3c;
	-webkit-box-shadow: inset 0 1px 2px 0 #bb8e3c;
	box-shadow: inset 0 1px 2px 0 #bb8e3c;
}

.button.purple {
	color: #7d5979;
	background: #e0b1db;
	background: -moz-linear-gradient(top, #e8c4e4 0%, #d697cf);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d697cf));
	border: 1px solid #db9fd5;
	-moz-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	-webkit-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	box-shadow:
		0 4px 0 0 #946890,
		0 5px 0 0 #865d82,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #f2dcef;
	text-shadow: 0px 1px 0px rgba(228,189,225,1);
}
.button.purple:hover {
	background: -moz-linear-gradient(top, #d697cf 0%, #e8c4e4);
	background: -webkit-gradient(linear, left top, left bottom, from(#d697cf), to(#e8c4e4));
}
.button.purple:active {
	background: #d89dd2;
	-moz-box-shadow: inset 0 1px 2px 0 #9f749a;
	-webkit-box-shadow: inset 0 1px 2px 0 #9f749a;
	box-shadow: inset 0 1px 2px 0 #9f749a;
}

.button.metallic {
	color: #53616c;
	background: #a6b9c7;
	background: -moz-linear-gradient(top, #becbd6 0%, #8ba4b6);
	background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#8ba4b6));
	border: 1px solid #a1aeb7;
	-moz-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	-webkit-box-shadow:
		0 4px 0 0 #414141,
		0 5px 0 0 #343434,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #939393;
	box-shadow:
		0 4px 0 0 #62727e,
		0 5px 0 0 #5d6b75,
		0 6px 2px 1px #ccc,
		inset 0 1px 0 0 #d8e0e6;
	text-shadow: 0px 1px 0px rgba(181,197,209,1);
}
.button.metallic:hover {
	background: -moz-linear-gradient(top, #8ba4b6 0%, #becbd6);
	background: -webkit-gradient(linear, left top, left bottom, from(#8ba4b6), to(#becbd6));
}
.button.metallic:active {
	background: #92a9ba;
	-moz-box-shadow: inset 0 1px 2px 0 #6b7c89;
	-webkit-box-shadow: inset 0 1px 2px 0 #6b7c89;
	box-shadow: inset 0 1px 2px 0 #6b7c89;
}

.social-icons { overflow: hidden; }
.social-icons li { list-style-type: none; float: left; margin: 0 13px 18px 0; }



/* ---------- Responsive ---------- */

@media (max-width: 767px) {

	.container, .carousel > .wrapper > ul > li { }
	
	.brake-line .pull-right { float: none; }
	#search-form { margin-top: 18px; }
	#page-head .more-large { margin-top: 18px; float: left; }
	
	#portfolio-preview-items > dl > dt > img, #portfolio-preview-items > dl > dt > a > img { width: 100%; }
	
	.da-slider { height: 210px; }
	.da-slide { width: 420px; margin-left: -210px; }
	.da-arrows { display: none; }
	#slider-parallax .da-slide h1 { font-size: 18px; line-height: 24px; margin: 40px 0; }
	
	.widget_clients li { width: 208px !important; }
	
	#copyright { text-align: left; }
	
}
@media (max-width: 762px) and (min-width: 240px){

	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #555555;
    width: 100%;
    display: inline-block;
    font-size: 10px;
    height: 18px;
    line-height: 8px;
    margin-bottom: 4px;
    padding: 1px;
}
	.aboutus {
    float: left;
    font-family: "Times New Roman",Times,serif;
    font-size: 10px;
    margin: 30px auto auto 0;
    padding: 0;
    text-align: justify;
    text-decoration: none;
    width: 90%;
}
	.form_reg {
    border: 2px groove #ccccff;
    border-radius: 10px;
    margin: 2px 0 0;
    padding: 17px;
    width: 100%;
}
.form_reg text, textarea, email, password {
    width: 77%;
}
	.login_area input, textarea, password, select {
    width: 124px;
    height: 22px;
    font-size: 8px;
}

.error_register {
    border: 1px solid #6666ff;
    color: #2fd32f;
    font-size: 14px;
    margin: auto;
    padding: 12px;
    text-align: center;
    width: 68%;
}

.login_area {
    border: 2px groove #ccccff;
    border-radius: 10px;
    margin: 20px auto auto;
    padding: 38px;
    width: 65%;
}
.loginbtn{
	width:90px !important; 
	height:30px !important;
}
.my_table{
	color:black; 
	font-size:10px;
}
.error_msg{
	font-size: 12px;
	font-family: monospace;
	color: #2FD32F;
	height: 18px;
	width: 58%;
	margin:5px auto;
	border:1px solid #000;
	padding: 12px;
	text-align: center;
}
	}

@media (max-width: 480px) and (min-width: 240px){
.loginbtn{
	width:90px !important; 
	height:30px !important;
}
.my_table{
	color:black; 
	font-size:10px;
}
.error_msg{
	font-size: 12px;
	font-family: monospace;
	color: #2FD32F;
	height: 18px;
	width: 58%;
	margin:5px auto;
	border:1px solid #000;
	padding: 12px;
	text-align: center;
}
.login_area {
    border: 2px groove #ccccff;
    border-radius: 10px;
    font-size: 9px;
    margin: 19px auto auto;
    padding: 12px;
    width: 94%;
}

.login_area input, textarea, password {
    width: 124px;
    height: 10px;
    font-size: 8px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
	
	.forget_pass{
		 margin: 100px 0 0 210px;
	}
	
	
	.da-slider { height: 360px; }
	.da-slide { width: 720px; margin-left: -360px; }
	.da-arrows { display: none; }
	#slider-parallax .da-slide h1 { margin-top: 60px; }
	

}

@media (max-width: 767px) {
	
.span3 {
    width: 60%;
}
	#header nav, #portfolio-filter { display: none; }
	.select-menu { display: block; margin: 0; }
	
	.carousel { margin-left: 0; }

	.widget_flickr > div { width: auto; }

	body { padding: 0; }
	#header .container, #attention, .brake-line .inner, #footer .inner, #copyright, #content { padding-left: 20px; padding-right: 20px; }
	
	.col-standard, .col-featured { float: none; width: auto !important; }
	
	#blog .meta {
		position: relative;
		overflow: hidden;
		top: 0;
		height: auto;
		padding: 14px 0;
		border-bottom: #e1e1e1 1px solid;
	}
	#blog .meta ul { position: static; margin: 0; }	
	.type-gallery, .type-image, .type-quote, .type-post, .type-audio, .type-video, .type-link { display: none; }
	.author-photo { text-align: left; padding-bottom: 14px; }
	
	.standard-form textarea { width: 392px; }

	.da-slide .da-img iframe { margin-top: 0; }
	
	#slider-animated #slide-1 { background-position: 0 center; }
	#slide-1 .inner { padding-left: 40px; }
	
	#slide-2 .inner { padding-top: 205px; }
	#slide-2 .image1 { left: 230px; top: 45px; }
	#slide-2 .image2 { right: 230px; top: 45px; }
	
	#slide-3 .inner { padding: 40px 30px 0; width: auto; }
	
}

@media (min-width: 768px) and (max-width: 979px) {

	.forget_pass{
		 margin: 100px 0 0 210px;
	}
	
body {
    padding-right: 0px;
    padding-left: 0px;
  }		
img{		
		max-width: 63%;
		
}


		
	
	#navigation nav > ul > li > a {	padding: 0 25px; }
	#navigation nav > ul > li:hover > a { padding-left: 26px; margin-left: -1px; }
	#navigation nav > ul > li:first-child:hover > a { padding-left: 25px; }

	.carousel { margin-left: -20px; }
	
	.widget_clients li { width: 240px; }
	
	.da-slide .da-img iframe { margin-top: 46px; }
	
	#slide-3 .inner { width: 370px; padding: 50px 434px 0 30px; }
	#slide-3 li { width: 160px; }
	
	#slide-2 .image1 { left: 400px; }
	#slide-2 .image2 { right: 400px; }
	
	#slide-3 .image1 { right: 30px; }
	#slide-3 .image2 { right: 190px; }

}

@media (max-width: 979px) {
	#slider-animated { background: none; }
}

@media (min-width: 980px) {
	.carousel { margin-left: -28px; }	
}

@media (max-width: 479px) {
	
	.forget_pass{
		 margin: 100px 0 0 12px;
		 width: 70%;
		 padding: 13px;
		 border: none;
	}
	
	
 body {
        padding-right: 0px;
        padding-left: 0px;
    }
    
.span3 {
    width: 60%;
}

.aboutus {
	width: 100%;
	height:auto;
	margin: 0px 0 0 25px ;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	float: left;
	text-align:center;
	text-align:justify;
	text-justify:distribute;		
}
.span3{
	width:
	
	}
	
img {
	width: 100%;
	vertical-align: middle;
	border: 0;  
	-ms-interpolation-mode: bicubic;
	margin-top: 0px;
	}	
.span3{
	margin:-1px 52px 0px 10px;
	
	}
.image_box_size
{
	border:3px solid gray;
	border-radius:8px;
	margin-top:5px;	
	width:167%;
}
.visible-lg{
	display:none;
	
	}
.search{

	margin:72px 0px 0px -37px;
}

.form_reg{

	margin: 2px 0 0 -38px;
	
}

.pull-right { float: right;}
.whats_new{
	width:136%;
	height:350px; 
	background-color:#3b7cca; 
	border:1px solid #3b7cca; 
    border-radius:5px;  
	margin:0 2px 3px -32px; 
	float:left; 
	color:white; 
	text-align:center; 
	font-size:24px; 
	line-height:1;
	}
.for_responsive{
	width:100%; 
	font-family:"Times New Roman", Times, serif; 
	height:200px; 
	border:0px solid white; 
	border-radius:10px 10px 10px 10px;  
	color:white; margin:10px 0px 0px 25px; 
	font-size:14px; 
	text-align:justify;
	}
	
#main_content
{
	width:78%; 
	background-color:white; 
	height:auto; 
	margin:auto auto auto auto;
}	
	.container, .carousel > .wrapper > ul > li { width: 260px; }
	.hidden-mobile { display: none !important; }
	
	.da-slider { height: 190px; }
	.da-slide { width: 260px; margin-left: -130px; }
	.da-img { display: none; }
	.da-arrows { display: none; }
	#slider-parallax .da-slide h1 { margin-top: 30px; width: auto; }
	
	.widget_clients li { width: 258px !important; }
	
	.standard-form textarea { width: 232px; }
	
	#slide-1 .inner { padding: 20px; width: auto; }
	
	#slide-2 .inner { padding: 80px 20px 0; }
	#slide-2 .more { width: 150px; }
	
	#slider-animated #slide-1 {
		background-image: url(../img/pictures/slides/animated-bg-1.jpg);
		background-repeat: no-repeat;
		background-position: 100% center;
		width:260px !important;
		
	}
	#slider-animated #slide-2 { background: url(../img/pictures/slides/animated-bg-2.jpg) 0 0 no-repeat;width:260px !important; }
	
	#slider-animated #slide-3 {
		background-image: url(../img/pictures/slides/animated-bg-3.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		width:260px !important;
	}
	#slider-animated #slide-4 {
		background-image: url(../img/pictures/slides/animated-bg-4.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width:260px !important;
	}
	#slider-animated #slide-5 {
		background-image: url(../img/pictures/slides/animated-bg-5.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		width:260px !important;
	}

	
}

.star_color
{
	color:red;
}



#attention
{
	 border-bottom-color: #ff3d00;
    height: 8px;
    background-color: #ff3d00;
    height: 2px;	
}