/* css reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,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; vertical-align: baseline;}

/* {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} */
:focus {outline: 0;}
body {line-height: 1.3;font-size:1em;color: #333;}
ol, ul {list-style: none;}
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: "" "";}

a {
	text-decoration:none;
	color:#00619e;
}

a:hover {
	color:#333;
}

.clear {
	clear:both;
}

.float_left {
	float:left!important;
}

.float_right {
	float:right!important;
}

	/* General */

html,body {
	width:100%;
	height:100%;
}
body {
	background:#e3e3e3 url('../images/bg.jpg') center top repeat-x;
	font-family:"Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-size:0.86em;
}

#page-wrapper {
	background:url('../images/page-bg.jpg') center top repeat-y;
}

#page-wrapper #main-page-bg {
	background:url('../images/main-bg.jpg') center top no-repeat;
}

#page-wrapper .inner-page-bg {
	background:url('../images/inner-bg.jpg') center -2px no-repeat!important;
}

#page-wrapper .inner-page-bg #header {
	height:265px!important;
}

.center-content {
	margin:0 auto;
	width:906px;
}

	/* Header */

#page-wrapper #main-page-bg .center-content #header {
	height:375px;
	position:relative;
}

#page-wrapper #main-page-bg .center-content #header a.logo {
	display:block;
	height:113px;
	left:9px;
	position:absolute;
	text-indent:-9999em;
	top:53px;
	width:192px;
}

#page-wrapper #main-page-bg .center-content #header #top-menu {
	position:absolute;
	top:0;
	right:0;
}

#page-wrapper #main-page-bg .center-content #header #top-menu li {
	float:left;
	display:block;
	padding:5px 0 0;
}

#page-wrapper #main-page-bg .center-content #header #top-menu li a {
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	padding:0 5px;
	font-size:0.9em;
	position:relative;
	z-index:999999;
}

#page-wrapper #main-page-bg .center-content #header #header-menu {
	position:relative;
	z-index:55;
}

#page-wrapper #main-page-bg .center-content #header #header-menu li {
	float:left;
	display:block;
	padding:0 3px;
}

#page-wrapper #main-page-bg .center-content #header #header-menu li a {
	float:left;
	display:block;
	font-weight:bold;
	color:#1c1a1a;
	font-size:1.1em;
	height:35px;
	line-height:35px;
	padding:0 8px;
}

#page-wrapper #main-page-bg .center-content #header #header-menu li a:hover {
	color:#005a9a;
	text-shadow:0 1px 0 #fff;
}

#lava {
	position:absolute;
	top:50px;
	right:0;
}

#lava #box {  
    position:absolute;   
    left:0;   
    top:6px;
	height:30px;
	display:block;
    z-index:50;   
    background:#f0edeb;
    height:25px;  
    padding-right:8px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

	/* Featured Work */

#page-wrapper #main-page-bg .center-content #featured {
	height:375px;
	position:relative;
}

/* Easy Slider */

#page-wrapper #main-page-bg .center-content #featured #slider {
	position:absolute;
	left:-18px;
	top:28px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li { 
	width:943px;
	height:320px;
	overflow:hidden;
	background:url('../images/feature-bg.png') no-repeat;
}

#slider li a {
	margin:13px 0 0 18px;
	display:block;
}

span#prevBtn a {
	position:absolute;
	left:-45px;
	top:120px;
	height:69px;
	width:69px;
	display:block;
	background:url('../images/arrow-left.png') no-repeat;
	text-indent:-9999em;
}

span#nextBtn a {
	position:absolute;
	right:-45px;
	top:120px;
	height:69px;
	width:69px;
	display:block;
	background:url('../images/arrow-right.png') no-repeat;
	text-indent:-9999em;
}					

#page-wrapper #main-page-bg .center-content #featured .text {
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	position:absolute;
	top:283px;
	text-shadow:1px 1px 1px #7d7878;
}

	/* Login Overlay */

#members_login {
	display:none;
	position:absolute;
	background:#fdfdfd;
	border-bottom:#7ab6e0 solid 4px;
	width:950px;
	padding:35px 0 25px;
	margin:-15px 0 0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	z-index:99999;
	-moz-box-shadow: 0 0 25px #888;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:#fff solid 2px;
}

#members_login input {
	padding:5px;
}

#members_login label {
	padding:5px;
	display:block;
}

#members_login .submit {
	padding:25px 0 0;
	margin-left:15px;
}

#members_login .margin10 {
	margin-right:15px;
}

	/* Homepage Services */

.content .services {
	padding:45px 0 0;
}

.content .services h2 {
	padding:0 0 20px;
}
.content .services .box {
	width:220px;
	height:170px;
	margin:0 8px 0 0;
	padding-top:5px;
	float:left;
	background:url('../images/services_bg.png');
	position:relative;
}

.content .services .icon {
	position:absolute;
	left:3px;
	top:3px;
	width:90px;
	height:90px;
	background-repeat:no-repeat;
}

.content .services .box .design {
	background-image:url('../images/icons/design.png');
	background-position:2px 5px;
}

.content .services .box .h3-design {
	padding-left:95px;
}

.content .services .box .dev {
	background-image:url('../images/icons/dev.png');
	background-position:left 5px;
}

.content .services .box .promo {
	background-image:url('../images/icons/promo.png');
	background-position:left 2px;
}

.content .services .box .seo {
	background-image:url('../images/icons/seo.png');
	background-position:left 5px;
}

.content .services .last {
	margin:0 0 0 0;
}

.content .services .box h3 {
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	font-weight:bold;
	font-size:1.3em;
	width:130px;
	padding:10px 0 15px 85px;
	height:42px;
	text-shadow:0 1px 0 #fff;
}

.content .services .box span {
	display:block;
	font-size:0.9em;
	padding:0 9px;
	text-shadow:0 1px 0 #e8f0f6;
}

	/* Homepage content */

.from-blog {
	float:left;
	width:575px;
}

.italic-title {
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif; 
}

.from-blog .italic-title {
	padding:20px 0;
}

.from-blog .post {
	padding:0 0 5px;
	font-size:0.9em;
	line-height:1.5em;
	border-bottom:1px #CCC solid; 
	padding-top:5px;  
}

.from-blog .post h3 {
	padding:0px;
}

.from-blog .post h3 a {
	font-weight:bold;
}

.from-blog .post h3 a:hover {
	text-decoration:underline;
}

.sidebar .post {
	padding:0 0 5px;
	font-size:0.9em;
	line-height:1.5em;
	float:left;
	border-bottom:1px #CCC solid; 
	padding-top:5px;  
}

.sidebar .post h3 {
	padding:0px;
	margin: 0px;
}

.sidebar .post h3 a {
	font-weight:bold;
	margin: 0px;
}

.sidebar .post h3 a:hover {
	text-decoration:underline;
	margin: 0px;
}

.testimonials {
	float:right;
	width:310px;
}

.services_panel {
	float:left;
	width:600px;
}

.services_panel h2.italic-title {
	padding:20px 0;
}

.services_panel .testimonial-item {
	background:#262324;
	padding:10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#cccf90;
	font-size:1em;
	line-height:1.6em;
	font-style:italic;
	margin:0 0 10px;
}

.services_panel .testimonial-item span {
	padding:5px;
	color:#cccf90;
	font-size:0.9em;
	line-height:1.6em;
	display:block;
	font-style:normal;
}

.testimonials h2.italic-title {
	padding:20px 0;
}

.testimonials .testimonial-item {
	background:#262324;
	padding:10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#cccf90;
	font-size:.9em;
	line-height:1.3em;
	font-style:italic;
	margin:0 0 10px;
}

.testimonials .testimonial-item h3 {

	color:#fff;
	font-size:1.2em;
	font-style:normal;
	line-height:1.3em;
	margin:0 0 3px;
}

.testimonials .testimonial-item span {
	padding:5px;
	color:#fafafa;
	font-size:0.9em;
	line-height:1.6em;
	display:block;
	font-style:normal;
	padding-left:0;
}

	/* Page titles */

.italic-title {
	font-weight:bold;
	font-style:italic;
	font-size:1.8em;
}

	/* Page Content */
	

.content .page-content {
	float:right;
	width:640px;
	line-height:1.6em;
	font-size:0.86em;
}

.main-bg-2 {
	background:url('../images/main-bg-2.jpg') 50% top no-repeat;
	min-height:830px;
}

.main-bg-2 .page-content {
	width:600px;
	margin-left:8px;
	margin-top:20px;
	float:left;
}

	/* Portfolio */

.main-bg-2 .page-content .portfolio {
	
}

.main-bg-2 .page-content .portfolio li {
	width:550px;
	margin:0 5px 20px;
	border:#CCC solid 1px;
	float:left;
	padding:8px;
}

/* Portfolio background:url('../images/portfolio-bg.png') no-repeat; */

.main-bg-2 .page-content .portfolio .img {
	border:5px solid #90C5E7;

}


.main-bg-2 .page-content .portfolio li a.lnk {
	display:block;
	margin:5px 0 0 10px;
	position:relative;
	overflow:hidden;
}

.main-bg-2 .page-content .portfolio li a.lnk .caption {
	position:absolute;
	top:-555px;
	background:url('../images/portfolio-img-bg.png');
	left:0;
	width:266px;
	height:179px;
	padding:5px 7px!important;
	font-weight:normal;
	color:#fff;
}

.hidden {
	display:none;
}

.main-bg-2 .page-content-2 h1.italic-title {
	padding:10px 0 25px!important;
}

.main-bg-2 .page-content .portfolio li a.lnk span {
	display:block;
	padding:10px 0 0;
	color:#005a9a;
	font-weight:bold;
}

.main-bg-2 .page-content .portfolio li a.lnk span.date {
	color:#b2b2b2;
}



/* Portfolio 

.main-bg-2 .page-content .portfolio {
	
}

.main-bg-2 .page-content .portfolio li {
	width:550px;
	height:219px;
	margin:0 5px 20px;
	border:#CCC solid 1px;
	float:left;
}

.main-bg-2 .page-content .portfolio img {
background:url('../images/portfolio-bg.png') no-repeat;
}


.main-bg-2 .page-content .portfolio li a.lnk {
	display:block;
	margin:5px 0 0 10px;
	width:280px;
	position:relative;
	overflow:hidden;
}

.main-bg-2 .page-content .portfolio li a.lnk .caption {
	position:absolute;
	top:-555px;
	background:url('../images/portfolio-img-bg.png');
	left:0;
	width:266px;
	height:179px;
	padding:5px 7px!important;
	font-weight:normal;
	color:#fff;
}

.hidden {
	display:none;
}

.main-bg-2 .page-content-2 h1.italic-title {
	padding:10px 0 25px!important;
}

.main-bg-2 .page-content .portfolio li a.lnk span {
	display:block;
	padding:10px 0 0;
	color:#005a9a;
	font-weight:bold;
}

.main-bg-2 .page-content .portfolio li a.lnk span.date {
	color:#b2b2b2;
}
*/










.main-bg-2 .title {
	height:124px;
	padding:10px 0 0;
}

.main-bg-2 .title h1 {
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	font-weight:bold;
	font-size:2.2em;
	padding:0 0 10px;
}

.main-bg-2 .title span {
	line-height:1.4em;
	color:#817d7c;
	font-weight:bold;
	font-size:0.9em;
}

.main-bg-2 .sidebar {
	width:220px!important;
	padding-right:10px;
	margin-right:20px;
}

.main-bg-2 .sidebar .ul-sidebar {
	padding-left:29px;
}

.main-bg-2 .sidebar .sidebar-content {
	padding:8px 16px 8px 0;
	font-size:0.86em;
	line-height:1.8em;
	color:#817D7C;
}

.main-bg-2 .sidebar .ul-sidebar li {
	padding:5px 0 5px 9px;
}

.main-bg-2 .sidebar .ul-sidebar li a {
	background:url('../images/sidebar-links.png') left bottom no-repeat;
	color:#5B5B5B;
	display:block;
	height:41px;
	line-height:38px;
	padding:0 0 0 14px;
	width:190px;
}

.main-bg-2 .sidebar .ul-sidebar li.current a:hover, .main-bg-2 .sidebar .ul-sidebar li.current a {
	background-position:left top;
	color:#005a9a;
}

.content .page-content p {
	padding:0 0 10px;
}

.content .page-content h1.italic-title {
	font-size:2.3em;
	padding:10px 0 20px;
}

	/* Sidebar */

.content .sidebar {
	float:left;
	width:230px;
}

	/* Footer */

#footer {
	background:#e3e3e3 url('../images/footer-bg.jpg') center top no-repeat;
	height:135px;
	text-align:center;
}

#footer .menu {
	padding:30px 0 55px;
}

#footer .menu a {
	padding:0 2px;
	margin:0 2px;
}

/*===================Notification CSS=======================*/

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*===================Form=======================*/


.form { height:34px;}
.form input {width:320px; height:21px; background:#E9F2FB; border:1px solid #40A0D5; padding:3px; color:#666; font-size:1.1em; font-family:Arial;} 
.form input:focus {background:#CBE0F5;}
textarea { width:320px; height:127px; padding:3px; background:#E9F2FB; overflow:auto; border:1px solid #40A0D5; color:#666; font-family:Arial; font-size:1em;}
textarea:focus {background:#CBE0F5;}
.formbutton {background:#E9F2FB; padding:5px; border:1px solid #40A0D5; color:#666; font-size:1em; font-family:Arial;}

.formbutton2 {background:#E9F2FB; padding:5px; margin-top:6px; margin-bottom:6px; border:1px solid #40A0D5; color:#666; font-size:1em; font-family:Arial; line-height:3;}


a.viewmore{width:88px;height:27px; float:right; display:block;background:url('../images/viewMore.jpg') no-repeat;}
a.viewmore span{display:block;position:absolute;left:-9999px;}