@import url("css/misc.css");		/* css reset - do not edit this */

@import url("css/dropmenu.css");	/* styling dropdown menu */

@import url("css/homepages.css");	/* styling homepage templates */

@import url("css/innerpages.css");	/* styling innerpage templates */

@import url("css/blog-common.css");		/* styling blog */

@import url("css/header.css");		/* header option styling blog */

@import url("css/sidebars.css");		/* styling blog */

@import url("css/footer.css");		/* footer option */

@import url("css/blog.css");		/* styling blog */

@import url("css/color-default.css");		/* styling color schemes css  */



body {

text-align:center;

font: 12px Arial, Helvetica, sans-serif;

background:url('images/body-gradient.jpg') 0 0 repeat-x !important;

}

/* Links -----------------------------------------------------------------------*/

a {

outline:none;

}

ul {

list-style:none;

}

.clear {

clear:both;

}

.bold {

font-weight:bold;

}

p.aright {

text-align:right;

}

.italic {

font-style:italic;

}

/* section alignment --------- */



.alignleft {

float:left;

margin-right:12px;

margin-bottom:12px;

}

.alignright {

float:right;

margin-left:12px;

margin-bottom:12px;

}

/* image alignment left, right & center --------- */



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

code {

font-size:12px;

}

/* blog & content css common ---------------------------------------------------- */



h1 {

font-size:28px;

font-weight:400;

margin:0 0 12px;

padding:0 0 5px;

}

h2 {

font-size:22px;

line-height:22px;

font-weight:400;

margin:0 0 8px;

padding:0;

}

h2 a {

text-decoration:none;

}

h2 a:hover {

text-decoration:none;

}

h3 {

font-size:18px;

font-weight:400;

margin:0 0 10px;

padding:0;

}

h4 {

font-size:16px;

font-weight:700;

margin:15px 0 5px;

padding:0 0 5px;

}

h5 {

font-size:14px;

font-weight:700;

margin:0 0 10px;

padding:0;

}

h6 {

font-size:12px;

font-weight:700;

margin:5px 0;

padding:0 0 5px;

}

p {

font-size:12px;

line-height:18px;

margin:0 0 12px;

}

p a {

text-decoration:none;

}



ul {

font:12px Arial, Helvetica, sans-serif;

margin:0 0 15px 6px;

padding:0;

}

ul li ul {

margin:8px 0 5px;

padding:0;

}

ol {

line-height:18px;

font-size:12px;

background:none;

margin:0 0 0 5px;

padding:0 0 10px 20px;

}

ol li {

background:none;

list-style-type:decimal;

margin:0 0 5px;

padding:0;

}

ol li ol {

margin:8px 0 5px 24px;

padding:0;

}

blockquote {

	background:url(images/quote2.png) no-repeat;

	background-position:5px 8px;

	margin-bottom:10px;

	font:bold 12px Arial, Helvetica, sans-serif;

	line-height:18px;

	padding:5px 0px 5px 30px;

	margin-bottom:10px;

}

blockquote p { font:bold 12px Arial, Helvetica, sans-serif;  }

.clientname {

	font-size:11px; font-weight:normal; color:#666;

	margin-bottom:12px;

}



li,ul li ul li {

line-height:18px;

margin:0 0 5px;

padding:0 0 0 12px;

}

/* instruction elements -------------------------------------- */

address {

font-style:italic;

}

p.alert,p.download,p.info,p.note {

margin:10px 0 0;

padding:10px 10px 10px 36px;

}

p.alert {

padding:10px 10px 10px 36px;

}



/* STRUCTURE ----------------------------------*/

#header {

height:65px;

margin:0 auto;

}

#wrapper {

text-align:left;

width:920px;

margin:0 auto;

padding:0px 0 20px 0;

background:none !important;

border:none !important;
}

#main {

overflow:hidden;

clear:both;

}

#main .subcolumns {

width:400px;

}

#content {

width:570px;

padding:10px;

background:url(images/green_fade.gif) repeat-x top left;

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

}

#content2 {

width:560px;

}

#content, #content2 { 

float:left;

}

#sidebar {

width:280px;

margin-bottom:15px;

background:url(images/sidebar-bg.jpg) center top no-repeat;

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

}

#sidebar2 {

width:260px;

margin-bottom:15px;

}

#sidebar, #sidebar2 {

float:right;

padding:10px;

/*background:url(images/yellow_bg.gif) repeat-x top left;*/

}







#footer {

clear:both;
overflow:hidden;
text-align:left;
height:100%;
background:#9bbfa1;
}



#footer #footer-in p {

background:#fff;

border:1px solid #84AC7C;

margin: 10px 0;

padding:10px;

height:45px;

}

#footer ul#flinks {

background:#fff url('images/footerlogo.jpg') 0 0 no-repeat;

border:1px solid #84AC7C;

margin: 10px 0;

padding:10px 10px 10px 60px;

height:45px;

width:35%;

}

#sidebar span {

font-size:12px;

}

#content .subcolumns,#sidebar .subcolumns {

width:280px;

}

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

#header .logo {

font:25px "Arial Black", Arial, Helvetica, sans-serif;

color:#fff;

margin-top:5px;

text-transform:uppercase;

float:left;

}

#header-wrap {
width:920px;
margin:0 auto;
}

#header .h_left {

float:left;

width:320px;

}

#header .description {

font:12px Arial, Helvetica, sans-serif;

clear:both;

margin-top:-5px;

}

/* ------------------------------  footer ---------------------------------------  */



#footer p {

font-size:12px;

line-height:20px;

float:left;

font-family:Arial, Helvetica, sans-serif;

margin:5px 0;

padding:0;

}

#footer span {

margin-top:-8px;

font-size:11px;

padding-left:1px;

}

#footer span a {

text-decoration:none;

}

#footer span a:hover {

text-decoration:none;

}

#flinks {

list-style:none;

float:right;

}

#flinks li {

display:inline;

line-height:26px;

text-align:right;

padding:0 5px;

}

#flinks li a {

font-size:11px;

text-decoration:none;

}

#flinks li a:hover {

display:inline;

}

/* TOP SEARCH FORM -----------------------------------------------------------------------*/

#search {

float:right;

margin-top:20px;

width:205px;

height:21px;

padding:2px 0 0 15px;

}

* html #search {

width:208px;

overflow:hidden;

}

#search .s {

font:12px Arial, Helvetica, sans-serif;

width:170px;

float:left;

margin-right:5px;

padding:2px;

}

#searchform .sgo {

width:26px;

height:23px;

margin:-2px 0 0;

}

/* Root = Horizontal, Secondary = Vertical ------------------------------------------------ */



#nav {

height:28px;

position:relative;

margin:0 auto;

}

#nav .rss {

font:bold 12px Arial, Helvetica, sans-serif;

padding-left:18px;

position:absolute;

top:7px;

right:8px;

}



/* breadcrumb start -----------------------------------------------------------------------*/

 

#content-wrap .breadcrumb{

font:10px Arial, Helvetica, sans-serif;

text-transform:uppercase;

text-align:left;

clear:both;

line-height:25px;

padding-left:5px;

margin-bottom:10px;

}

a.button {

margin-bottom:8px;

font-weight:700;

font-size:12px;

padding:3px 15px 3px 10px;

}



.submit {

margin-bottom:8px;

font-weight:700;

font-size:12px;

cursor:pointer;

padding:3px 15px 3px 10px;

}

.postads {

text-align:center;

overflow:hidden;

height:100%;

margin-bottom:25px;

}

.small { font-size:11px; color:#666; }

.small a { color:#666; }

.small a:hover { color:#000; }





/*------- Demo  ---------*/



#demotop { background:#000; height:50px; overflow:hidden; } 

#demotop-in { width:860px; margin:0 auto;  }

#demotop-in h5 { float:left; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; padding:8px 0 0 0; }

#demotop-in p { font-size:11px; color:#9f9f9f; clear:both;  float:left; }



.img_button {

	position:relative;

	display:block;

	font-size:12px;

}

.img_button span {

	height:100%;

	width:100%;

	position:absolute;

	bottom:0;

	left:0;

	cursor:pointer;

}

.img_button span a {

	display:block;

}



.b_purchasedownload2 {

	top:9px;

	right:0;

	float:right;

}

.b_purchasedownload2 span, .b_purchasedownload2 span a {

	background:url(images/b_purchasedownload2.png) no-repeat;

}

.b_purchasedownload2 span a, .b_purchasedownload2 {

	width:190px;

	height:32px;

}

.b_purchasedownload2 span:hover {

	background-position:0 -32px;

}



/* NEW 2.7 */

.thread-alt {

	background-color: #f8f8f8;

}

.thread-even {

	background-color: white;

}

.depth-1 {

border: 1px solid #ddd;

}



.even, .alt {



	border-left: 1px solid #ddd;

}

.commentlist li ul li {

	font-size: 1em;

}

#commentform {

	margin: 5px 10px 0 0;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}

.children { padding: 0; }



.doc{

float:left;

padding:10px;

margin-top:15px;

}

.docImage{

float:left;

}

.docName{

float:left;

clear:both;

}

.docName a{

font-size:20px;

color:#B5971C;

}

.docName a:hover{

color:#000;

}

.break{

border-bottom:1px solid #ccc;

margin-top:15px;

margin-bottom:5px;

}

#content .ngg-imagebrowser h3 { color:#000; }

#content #ngg-gallery-1-539 .ngg-gallery-thumbnail img { 
width:112px !important;
height:90px !important;
}

ul.ngg-gallery li { list-style:none; background:none; width:212px; height:330px; position:relative; float:left; }

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

em.description {
	background: #fff url(images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	border: 1px solid #999;
	border-left-color: #888;
}
a em.description {
	text-decoration: none;
}
.nggallery a:hover em.description {
	background: #ffdb01;
	border-color: #c25b08;
}

/* ----------- Gallery style -------------*/

.ngg-gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.post .entry .ngg-gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
    list-style-type:none;
}
.ngg-gallery li:hover img {
	border-color: #000;
}
.ngg-gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}

.ngg-gallery a {
	text-decoration: none;
}
.ngg-gallery a:hover {
        color:#fff;
}
.ngg-gallery a:hover em {
	background: #AC9D73;
        color: #fff;
	border-color: #fff;
        border-left: #fff;
}

.ngg-clear {
	clear: both;
}

div.wp-caption {
height:300px;	
}

form[id="quick-contact"] input,
form[id="quick-contact"] textarea {
display:block;
width:90%;
margin:0 0 5px 15px;
padding:3px 0 3px 5px;
background:#e3eee2;
color:#9ac192;
border:1px solid #9ac192;
font-weight:bold;
}

form[id="quick-contact"] input#submit {
width:75px;	
}

#content-home {
width:620px;
float:left;
}

#content-home p {
margin-right:15px;	
}


#footer-in {
width:960px;
margin:0 auto;
}


#sidebar ul#specializing li {
padding:5px 0 5px 20px;	
}

	#sidebar ul#specializing li:hover {
	background:#9AC192;	
	}
	
	#sidebar ul#specializing li:hover a {
	color:#fff;	
	}


#main div.project {
	margin-bottom:10px;
}