/*--- ### HERE IS THE CSS CODE OF LAYOUT STRUCTURE AND ELEMENTS ### ---*/

/*

A)  GENERAL BASICS
B)  HEADER [ containing "logo and navigation" and "slider" ]
C)  MAIN
D)  PORTFOLIO
E)  MINI FOOTER
F)  GENERIC
G)  FORMS

*/








/*	
---------------------------------------------------------------------------------------------------------------------------------
	A) GENERAL BASICS 
---------------------------------------------------------------------------------------------------------------------------------
*/

/* small reset */

body, ul, ol, h1,h3,h3,h4,h5,h6,form,li,p,input,select,legend,textarea,fieldset{ margin:0; padding:0;}

/* body settings */

body {
	display: table;
	width: 100%;
	position: relative;
	font-size: 12px;
	font-family: 'Lucida Sans Unicode',Arial,Helvetica,sans-serif;
	font-family: 'Droid Sans', arial, serif;
	line-height: 20px;
	background: #fff;
	color: #777;	
}

#full_container {
	display: block;
	position: relative;
	overflow: hidden;	
}

/* texts selection [ when making highlighting on texts by mouse ] */

::-moz-selection{
	background:#CDD7B6;	/*background color of fonts when highlight texts by mouse*/
	color:#fff;	/*color of fonts when highlight texts by mouse*/
}

::selection {
	background:#CDD7B6;	/*background color when highlight texts by mouse*/
	color:#fff;	/*color of fonts when highlight texts by mouse*/
}

/* general links and images as links settings */

a, a img {
	outline: none;
	border: none;	
}

a {
	text-decoration: none;
	color: #CDD7B6;
	-moz-transition: color 0.1s ease-in-out 0s, background 0.1s ease-in-out 0s;
	-webkit-transition: color 0.1s ease-in-out 0s, background 0.1s ease-in-out 0s;
	transition: color 0.1s ease-in-out 0s, background 0.1s ease-in-out 0s;
}

a:hover {
	text-decoration: underline;	
}

p a {
border-bottom: 1px dotted #ddd;
}

p a:hover {
text-decoration: none;
border-bottom: 1px dotted #777;	
}

/*	
---------------------------------------------------------------------------------------------------------------------------------
	B) HEADER [ containing "logo and navigation" and "slider" ]
---------------------------------------------------------------------------------------------------------------------------------
*/

/*header top effect*/

#top_effect_container {
	display: block;
	position: relative;
	width: 100%;
	background: #CDD7B6 url(../images/grid_patterns/6.png) repeat top left;	
}

#top_effect{
	display: block;
	position: relative;
	width: 100%;
	background: url(../images/general_elements/top_effect.png) repeat-x bottom center;
	height: 26px;
	width: 100%;	
}

#header {
	display: table;
	position: relative;
	width: 100%;
}

/* logo and navigation container */

#logo_and_navigation_container {
	display: block;
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 105px;
	border-bottom: 1px solid #eee;
}

#logo_and_navigation_container h1 {
	border-bottom: 1px solid #CDD7B6;
	position: absolute;
	top: 23px;
	left: 0;
	padding-bottom: 29px;
}

h1#logo a {
	height: 53px;
	width: 234px;
	float: left;
	display: block;
	text-indent: 9999px;
	background: url(../images/general_elements/logo.png) no-repeat top left;
}

/* sliders */

#slider_container {
	display: table;
	position: relative;
	width: 100%;
	padding-top: 20px;
}

#slider_wrapper {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 55px;
	border-bottom: 1px solid #eee;
}

/* nivoslider */

.nivoslider {
	display: block;
	position: relative;
	width: 960px;
	height: 410px;
	border:0;
}

.nivoslider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none; /*important issue*/
}

/* If an image is wrapped in a link */
.nivoslider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

/* The slices in the Slider */
.nivoslider .nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivoslider .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Caption styles */
.nivoslider .nivo-caption {
	position:absolute;
	left:0px;
	bottom:0;
	background: #000;
	width:100%;
	z-index:89;
}

.nivoslider .nivo-html-caption {
    display:none;
}
 
.nivoslider .nivo-caption p {
	padding:9px 20px 11px;
	margin:0;
	word-spacing: 1px;
}

/* The slices and boxes in the Slider */
.nivoslider .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivoslider .nivo-directionNav a {
	position:absolute;
	bottom:-35px;
	z-index:99;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	border:0;
}

.nivoslider .nivo-directionNav a:hover {
	opacity: .7;	
}

.nivoslider a.nivo-nextNav {
	left:18px;
}
.nivoslider a.nivo-prevNav {
	left:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivoslider .nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:block;
	width:12px;
	height:12px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.nivoslider .nivo-controlNav a.active {
	font-weight:bold;
	border: none;
}

.nivoslider .nivo-controlNav {
	position: absolute;
	right: 0;
	bottom: -35px;
	z-index: 300;	
}

/*background elements options*/

.nivoslider {
	background: url(../images/general_elements/preload.gif) no-repeat center center; /* loading background image of nivoslider */
}
.nivoslider a.nivo-nextNav {
	background: url(../images/general_elements/slider_directions/next.png) no-repeat center center; /* background image of next direction of nivoslider */
}
.nivoslider a.nivo-prevNav {
	background: url(../images/general_elements/slider_directions/previous.png) no-repeat center center; /* background image of previous direction of nivoslider */
}

.nivoslider .nivo-controlNav a {
	background: #ddd; /* background image of not-active state slide of nivoslider */
}

.nivoslider .nivo-controlNav a:hover {
	background: #aaa; /* hover background image of not-active state slide of nivoslider */
}


.nivoslider .nivo-controlNav a.active, .nivoslider .nivo-controlNav a.active:hover {
	background: #CDD7B6; /* background image of active state slide of nivoslider */	
}

/* Caption styles */
.nivoslider .nivo-caption {
	background: #000; /* background color for nivoslider caption */
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	opacity:.8; /* Overridden by captionOpacity setting */
}

/* Cycle Slider */

.cycleslider {
	display: block;
	position: relative;
	width: 960px;
	height: 410px;
	background: url(../images/general_elements/preload.gif) no-repeat center center; /* loading background image of nivoslider */
}

.cycleslider img { display: none }
.cycleslider img.first { display: block }

.cycleslider_control_nav {
	position: absolute;
	right: 0;
	bottom: 20px;
	z-index: 300;	
}

.cycleslider_control_nav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:block;
	width:12px;
	height:12px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #ddd; /* background image of not-active state slide of nivoslider */
}

.cycleslider_control_nav a:hover {
	background: #aaa;	
}

.cycleslider_control_nav a.activeSlide, .cycleslider_control_nav a.activeSlide:hover {
	background: #CDD7B6; /* background image of active state slide of nivoslider */	
}

.cycleslider_directions {
	
}

.cycleslider_previous_control, .cycleslider_next_control {
	position:absolute;
	bottom:20px;
	z-index:99;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	border:0;
}

.cycleslider_previous_control:hover, .cycleslider_next_control:hover {
	opacity: .7;	
}

.cycleslider_previous_control {
	left: 0;
	background: url(../images/general_elements/slider_directions/previous.png) no-repeat center center; /* background image of previous direction of nivoslider */
}

.cycleslider_next_control {
	left:18px;
	background: url(../images/general_elements/slider_directions/next.png) no-repeat center center; /* background image of previous direction of nivoslider */
}


/*	
---------------------------------------------------------------------------------------------------------------------------------
	C) MAIN
---------------------------------------------------------------------------------------------------------------------------------
*/

#main_container {
	display: table;
	position: relative;
	width: 100%;
	padding: 27px 0 45px;	
}

#main {
	display: block;
	width: 960px;
	margin: 0 auto;
}

/* page title */

#page_title_container {
	display: table;
	position: relative;
	width: 100%;
}

#page_title {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
	border-bottom: 1px dashed #ddd;
	padding: 30px 0;
}

#page_title span.title {
	font-size: 28px;
	color: #CDD7B6;
	font-family: 'PT Serif', Arial, serif;
	font-style: italic;
}

span.title_description {
	font-size: 12px;
	line-height: 22px;
	font-style: normal;
	padding-left: 25px;
	margin-left: 25px;
	border-left: 1px solid #eee;
	position: relative;
	top: -3px;
}

/* content */

#content {
	diplay: block;
	position: relative;
	width: 665px;
	float: left;
	padding-right: 35px;
}

.fullwidth #content {
	display: block;
	width: 100%;	
}

/* single post */

.single_post {
	display: block;
	position: relative;
	padding-bottom: 50px;
	clear: both;
	overflow: hidden;	
}

.single_post:last-child {
	padding-bottom: 0;	
}

/* post title */

h3.post_title {
    padding-bottom: 10px;
	display: block;
}

/* post image */

.post_image {
	display: block;
	position: relative;
	margin-bottom: 20px;	
}

.post_image a, .post_image img {
	display: block;	
}

.post_image a {
	background: #fff url(../images/general_elements/image_lightbox.png) no-repeat center center;
}

.post_image img {

}

/* post_meta_info */

.post_meta_info {
	display: block;
	overflow: hidden;
	margin-bottom: 26px;
	margin-top: 7px;
	font-size: 11px;
	padding-left: 20px;
	border-left: 1px dashed #ddd;
}

.post_date, .post_category, .posted_by, .comments_number, .post_tags {
	float: left;
	display: block;
	overflow: hidden;
	padding: 2px 10px 0px 27px;
	margin-right: 10px;
	margin-bottom: 1px;
}

/*post_date*/

.post_date {

}

/*post_category*/

.post_category {
	float: none;	
}

/*posted_by*/

.posted_by {

}

/*comments_number*/

.comments_number {

}

/*tags*/

.post_tags {
	float: none;
	width: 100%	
}

/*post_date*/

.post_date {
	background: url("../images/post_meta_info/date.png") no-repeat left center; /* background icon for post_date */
}

/*post_category*/

.post_category {
	background: url("../images/post_meta_info/category.png") no-repeat left center; /* background icon for post_category */
}

/*posted_by*/

.posted_by {
	background: url("../images/post_meta_info/user.png") no-repeat left center; /* background icon for posted_by */
}

/*comments_number*/

.comments_number {
	background: url("../images/post_meta_info/comment.png") no-repeat left center; /* background icon for comments_number */	
}

/*tags*/

.post_tags {
	background: url("../images/post_meta_info/tag.png") no-repeat left center; /* background icon for tags */	
}

/* pagination */

#pagination {
	display: block;
	position: relative;
	padding-top: 25px;
	border-top: 1px solid #eee;	
}

#pagination_description {
	margin-right: 6px;
	display: inline-block;	
}

#pagination a {
	padding: 4px 10px;
	color: #777;
	background: #f8f8f8;
	margin-left: 2px;
	display: inline-block;	
}

#pagination a:hover, #pagination a.current_page {
	background: #CDD7B6;
	color: #fff;
	text-decoration: none;	
}



/* sidebar */

#sidebar {
	display: block;
	position: relative;
	float: left;
	width: 260px;
	top: 3px;	
}

/*sidebar box*/

.sidebar_box {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 35px;	
}

.sidebar_box p:last-child {
	padding-bottom: 0;	
}

/*sidebar box title*/

.sidebar_box_title {
	font-size: 16px;
	line-height: 21px;
	padding-bottom: 10px;
	font-family: 'PT Serif', Arial, serif;
	font-style: italic;
	color: #333;
}

/* sidebar menu */

ul.sidebar_menu {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	overflow: hidden;
}

ul.sidebar_menu li {
	display: block;
	overflow: hidden;
	margin-bottom: 2px;
	color: #bbb;
	background: url(../images/general_elements/sidebar_menu_arrow3.png) no-repeat center left;
	padding-left: 18px;
}

ul.sidebar_menu li:hover {
	color: #333;
	font-weight: bold;	
}

ul.sidebar_menu li:hover a {
	font-weight: lighter;	
}

ul.sidebar_menu li a {
	overflow: hidden;
	margin-right: 5px;
}

ul.sidebar_menu li a {
	color: #777; /*color of sidebar menu links*/
}

ul.sidebar_menu li a:hover {
	color: #CDD7B6; /*hover color of sidebar menu links*/
	font-weight: lighter;
}

/*sidebar search form*/

#sidebar .search_form {
	margin-top: 0px;
	display: block;
	overflow: hidden;
	margin-top: 1px;	
}

#sidebar .search_form p {
	display: inline-block;
	padding: 4px;
	background: #efefef;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

#sidebar .search_form input.search_field {
	font-size: 11px;
	width: 210px;
	padding: 7px;
	float: left;
	display: block;
}

#sidebar .search_form input.search_submit {
	border: none;
	text-align: center;
	font-size: 13px;
	float: left;
	margin-top: 1px;
	height: 17px;
	width: 17px;
	position: relative;
	top: 9px;
	margin-right: 9px;
}

#sidebar .search_form input.search_submit:hover {
	cursor: pointer;	
}




#sidebar .search_form input.search_field {
	border: 1px solid #c6c6c6; /* border color for search input text field in sidebar */
	color: #555; /* color for search input filed in footer */
}


#sidebar .search_form input.search_field:focus {
	background: ; /* on-focus background color for search input text field in sidebar */
	border: 1px solid #aaa; /* on-focus border color for search input text field in sidebar */	
}

#sidebar .search_form input.search_submit {
	background: url(../images/general_elements/sidebar_search_form_submit_button.png) no-repeat center center; /* background color for search input submit filed in sidebar */
}

#sidebar .search_form input.search_submit:hover {
	opacity: .7;
}

/* sidebar twitter widget */

.tweet {

}

.sidebar_tweet .tweet_list {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 14px 0;
	overflow-y: hidden;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.sidebar_tweet .tweet_list .awesome,
.sidebar_tweet .tweet_list .epic {
	text-transform: uppercase;
}

.sidebar_tweet .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 14px 0 16px;
	border-bottom: 1px solid #eee;
}

.sidebar_tweet .tweet_list li:first-child {
	padding-top: 0;	
}

.sidebar_tweet .tweet_list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.sidebar_tweet .tweet_list li a {
	text-shadow: none;
	text-decoration: underline;
}

.sidebar_tweet .tweet_list li a:hover {
	text-decoration: none;	
}

.sidebar_tweet .tweet_list .tweet_even {

}

.sidebar_tweet .tweet_list .tweet_avatar {
	margin-right: 10px; 
	float: left;
	position: relative;
	top: 4px;
	margin-bottom: 4px;
}

.sidebar_tweet .tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/* sidebar flickr widget */

ul.sidebar_flickr {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	overflow: hidden;
	width: 270px;	
}

ul.sidebar_flickr li {
	float: left;
	display: block;
	margin: 0 10px 10px 0;	
}

ul.sidebar_flickr li a {
	display: block;
	overflow: hidden;	
}

ul.sidebar_flickr li a img {
	padding: 4px;
	display: block;
	width: 49px;
}

ul.sidebar_flickr li a img {
	background: #efefef; /* background color of flickr images */	
}

ul.sidebar_flickr li a img:hover {
	background: #333;	
}

/* tags */

ul.tags {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	position: relative;
	overflow: hidden;
	width: 245px;
}

ul.tags li {
	float: left;
	display: block;
	margin: 0 5px 5px 0;	
}

ul.tags li a {
	text-decoration: none;
	color: #777;
	padding: 6px 13px 6px 23px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	display: block;
	cursor: pointer;
}

ul.tags li a span {

}

ul.tags li a {
	background: #f8f8f8 url(../images/general_elements/tag_arrow.png) no-repeat 9px center; /* left side background image of tags links */
}

ul.tags li a span {

}

ul.tags li a:hover {
	background: #eee  url(../images/general_elements/tag_arrow.png) no-repeat 9px center; /* hover left side background image of tags links */
	color: #333;
}

ul.tags li a:hover span {

}





/*	
---------------------------------------------------------------------------------------------------------------------------------
	D) PORTFOLIO
---------------------------------------------------------------------------------------------------------------------------------
*/

#portfolio {
	display: block;
	overflow: hidden;
	width: 980px;
}


.selecterBtns ul {
/*selecter buttons*/
	list-style-type: none;
	list-style-position: outside;
	overflow:hidden;
	position: relative;
	display: block;
	width: 100%;
	font-size: 13px;
	margin: 0px 0 18px;
	padding-left: 45px;
	background: url(../images/general_elements/portfolio_category_links_sorter.png) no-repeat left center;
	height: 32px;
	line-height: 36px;
}

.selecterBtns ul li {
	float: left;
	margin-right: 15px;	
}

.selecterBtns ul li.sorter_title {
	margin-right: 20px;
}

.selecterBtns ul li a {
	text-decoration: none;
	display: block;	
}

.selecterBtns ul li a.active:hover {
	text-decoration: none;
}

.selecterBtns ul li a:hover {
	text-decoration: underline;	
}

/*selecter buttons*/

.selecterBtns ul {
	color: #333; /* color of portfolio category sorter */
}

.selecterBtns ul li a {
	color: #777; /* color of portfolio category sorter links */ 
}

.selecterBtns ul li a.active {
	color: #CDD7B6; /* color of portfolio category sorter active link */ 
	text-decoration: underline;
}



/*selecter content*/

.selecterContent {
	width:980px;
	min-height: 220px; /* you need to specify minimum height value */
	float:left;
	clear:both;
	margin-top: -27px;
	clear: both;
}

.selecterContent ul li {
	overflow:hidden;
	margin-top: 40px;
	display:block;
	list-style-type:none;
	list-style-position: outside;
	float: left;
}


/* portfolio item */

.portfolio_item {
float: left;
display: block;
width: 220px;
height: 220px;
margin-right: 20px;
}

.portfolio_item span.item_title {
padding: 18px 22px 10px;
font-size: 15px;
display: block;
}

.portfolio_item p {
padding: 0px 22px 8px;
line-height: 20px;	
font-size: 12px;
}

/* sliding box */

.boxgrid{ 
width: 220px;
height: 220px;
-moz-box-shadow: 0 0 5px #ccc inset;
-webkit-box-shadow: 0 0 5px #ccc inset;
box-shadow: 0 0 5px #ccc inset;
float:left; 
overflow: hidden; 
position: relative; 
z-index: 0;	/*Important issue*/
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
z-index: 2;	/*Important issue*/
}

/*preview button*/
span.preview_image, span.preview_video  {
z-index: 1;	
}
span.preview_image a, span.preview_video a {
width: 16px;
height: 16px;
text-indent: -9999px;
border: none;
outline: none;
display: inline-block;
position: absolute;
bottom: 12px;
right: 12px;
z-index: 1;	/*Important issue*/
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.portfolio_item .readmore_link a {
margin: 3px 22px 10px;
font-size: 12px;
display: inline-block;
}

.portfolio_item .readmore_link a:hover {

}



.portfolio_item {

}

.portfolio_frontpage_title {
color: #8f754b;	/*the general color of the portfolio title in the frontpage*/
}

.portfolio_item span.item_title {
color: #000000;	/*color of the title of each portfolio item*/
}

/* sliding box */

.boxgrid{ 
background:#fff url(../images/general_elements/portfolio_item_special_style_background_pattern.png) repeat top left; 	/*background of the internal content of each portfolio item*/
}

/*preview button*/
span.preview_image a {
background: url(../images/general_elements/image_preview.png) no-repeat center center;	/*background image of preview button for prettyphoto preview*/
color: #000000;
}

span.preview_image a:hover {
background: url(../images/general_elements/image_preview.png) no-repeat center center;	/*background color when hover*/ /* good background color #EFDDB9 */
opacity: .7;
}

span.preview_video a {
background: url(../images/general_elements/video_preview.png) no-repeat center center;	/*background image of preview button for prettyphoto preview*/
color: #000000;
}

span.preview_video a:hover {
background: url(../images/general_elements/video_preview.png) no-repeat center center;	/*background color when hover*/ /* good background color #EFDDB9 */
opacity: .7;
}

/* single portfolio nivoslider */

.single_portfolio_nivoslider_wrapper {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 55px;
	border-bottom: 1px solid #eee;
}

.single_portfolio_nivoslider {
	display: block;
	position: relative;
	width: 634px;
	height: 320px;
	border:0;
}

.single_portfolio_nivoslider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none; /*important issue*/
}

/* If an image is wrapped in a link */
.single_portfolio_nivoslider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

/* The slices in the Slider */
.single_portfolio_nivoslider .nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.single_portfolio_nivoslider .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Caption styles */
.single_portfolio_nivoslider .nivo-caption {
	position:absolute;
	left:0px;
	bottom:0;
	background: #000;
	width:100%;
	z-index:89;
}

.single_portfolio_nivoslider .nivo-html-caption {
    display:none;
}
 
.single_portfolio_nivoslider .nivo-caption p {
	padding:9px 20px 11px;
	margin:0;
	word-spacing: 1px;
}

/* The slices and boxes in the Slider */
.single_portfolio_nivoslider .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

/* Direction nav styles (e.g. Next & Prev) */
.single_portfolio_nivoslider .nivo-directionNav a {
	position:absolute;
	bottom:-35px;
	z-index:99;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	border:0;
}

.single_portfolio_nivoslider .nivo-directionNav a:hover {
	opacity: .7;	
}

.single_portfolio_nivoslider a.nivo-nextNav {
	left:18px;
}
.single_portfolio_nivoslider a.nivo-prevNav {
	left:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.single_portfolio_nivoslider .nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:block;
	width:12px;
	height:12px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.single_portfolio_nivoslider .nivo-controlNav a.active {
	font-weight:bold;
	border: none;
}

.single_portfolio_nivoslider .nivo-controlNav {
	position: absolute;
	right: 0;
	bottom: -35px;
	z-index: 300;	
}

/*background elements options*/

.single_portfolio_nivoslider {
	background: url(../images/general_elements/preload.gif) no-repeat center center; /* loading background image of single_portfolio_nivoslider */
}
.single_portfolio_nivoslider a.nivo-nextNav {
	background: url(../images/general_elements/slider_directions/next.png) no-repeat center center; /* background image of next direction of single_portfolio_nivoslider */
}
.single_portfolio_nivoslider a.nivo-prevNav {
	background: url(../images/general_elements/slider_directions/previous.png) no-repeat center center; /* background image of previous direction of single_portfolio_nivoslider */
}

.single_portfolio_nivoslider .nivo-controlNav a {
	background: #ddd; /* background image of not-active state slide of single_portfolio_nivoslider */
}

.single_portfolio_nivoslider .nivo-controlNav a:hover {
	background: #aaa; /* hover background image of not-active state slide of single_portfolio_nivoslider */
}


.single_portfolio_nivoslider .nivo-controlNav a.active, .single_portfolio_nivoslider .nivo-controlNav a.active:hover {
	background: #CDD7B6; /* background image of active state slide of single_portfolio_nivoslider */	
}

/* Caption styles */
.single_portfolio_nivoslider .nivo-caption {
	background: #000; /* background color for single_portfolio_nivoslider caption */
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	opacity:.8; /* Overridden by captionOpacity setting */
}


/* single portfolio nivoslider [ fullwidth ] */

.single_portfolio_nivoslider_fullwidth_wrapper {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 55px;
	border-bottom: 1px solid #eee;
}

.single_portfolio_nivoslider_fullwidth_wrapper {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 55px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.single_portfolio_nivoslider_fullwidth {
	display: block;
	position: relative;
	width: 960px;
	height: 380px;
	border:0;
}

.single_portfolio_nivoslider_fullwidth img {
	position:absolute;
	top:0px;
	left:0px;
	display:none; /*important issue*/
}

/* If an image is wrapped in a link */
.single_portfolio_nivoslider_fullwidth a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

/* The slices in the Slider */
.single_portfolio_nivoslider_fullwidth .nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.single_portfolio_nivoslider_fullwidth .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Caption styles */
.single_portfolio_nivoslider_fullwidth .nivo-caption {
	position:absolute;
	left:0px;
	bottom:0;
	background: #000;
	width:100%;
	z-index:89;
}

.single_portfolio_nivoslider_fullwidth .nivo-html-caption {
    display:none;
}
 
.single_portfolio_nivoslider_fullwidth .nivo-caption p {
	padding:9px 20px 11px;
	margin:0;
	word-spacing: 1px;
}

/* The slices and boxes in the Slider */
.single_portfolio_nivoslider_fullwidth .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

/* Direction nav styles (e.g. Next & Prev) */
.single_portfolio_nivoslider_fullwidth .nivo-directionNav a {
	position:absolute;
	bottom:-35px;
	z-index:99;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	border:0;
}

.single_portfolio_nivoslider_fullwidth .nivo-directionNav a:hover {
	opacity: .7;	
}

.single_portfolio_nivoslider_fullwidth a.nivo-nextNav {
	left:18px;
}
.single_portfolio_nivoslider_fullwidth a.nivo-prevNav {
	left:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.single_portfolio_nivoslider_fullwidth .nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:block;
	width:12px;
	height:12px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.single_portfolio_nivoslider_fullwidth .nivo-controlNav a.active {
	font-weight:bold;
	border: none;
}

.single_portfolio_nivoslider_fullwidth .nivo-controlNav {
	position: absolute;
	right: 0;
	bottom: -35px;
	z-index: 300;	
}

/*background elements options*/

.single_portfolio_nivoslider_fullwidth {
	background: url(../images/general_elements/preload.gif) no-repeat center center; /* loading background image of single_portfolio_nivoslider_fullwidth */
}
.single_portfolio_nivoslider_fullwidth a.nivo-nextNav {
	background: url(../images/general_elements/slider_directions/next.png) no-repeat center center; /* background image of next direction of single_portfolio_nivoslider_fullwidth */
}
.single_portfolio_nivoslider_fullwidth a.nivo-prevNav {
	background: url(../images/general_elements/slider_directions/previous.png) no-repeat center center; /* background image of previous direction of single_portfolio_nivoslider_fullwidth */
}

.single_portfolio_nivoslider_fullwidth .nivo-controlNav a {
	background: #ddd; /* background image of not-active state slide of single_portfolio_nivoslider_fullwidth */
}

.single_portfolio_nivoslider_fullwidth .nivo-controlNav a:hover {
	background: #aaa; /* hover background image of not-active state slide of single_portfolio_nivoslider_fullwidth */
}


.single_portfolio_nivoslider_fullwidth .nivo-controlNav a.active, .single_portfolio_nivoslider_fullwidth .nivo-controlNav a.active:hover {
	background: #CDD7B6; /* background image of active state slide of single_portfolio_nivoslider_fullwidth */	
}

/* Caption styles */
.single_portfolio_nivoslider_fullwidth .nivo-caption {
	background: #000; /* background color for single_portfolio_nivoslider_fullwidth caption */
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	opacity:.8; /* Overridden by captionOpacity setting */
}



/*	
---------------------------------------------------------------------------------------------------------------------------------
	E) FOOTER
---------------------------------------------------------------------------------------------------------------------------------
*/

#footer_container_outer {
	display: table;
	position: relative;
	width: 100%;
	color: #333;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0);	
	background-image: url(../images/grid_patterns/6.png);
	background-color: #CDD7B6;	
}

#footer_container {
	display: table;
	position: relative;
	width: 100%;
}

#footer {
	display: table;
	position: relative;
	width: 100%;
	padding-top: 50px;
	background: url(../images/general_elements/footer_top_effect.png) repeat-x top center;
}

/* footer cols */

#footer .one_third {
	width: 306px;
}

#footer .two_third {
	width: 634px;
}

#footer .one_fourth {
	width: 225px;
}

#footer .three_fourth {
	width: 715px;
}

#footer .one_fifth {
	width: 176px;
}

#footer .four_fifth {
	width: 764px;
}

#footer .one_half {
	width: 470px;
}

#footer_content {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 32px;
}

/*footer_column_title*/

.footer_column_title {
	font-size: 24px;
	line-height: 30px;
	font-family: "PT Serif", Arial, sans-serif;
	font-style: italic;
	display: block;
	padding-bottom: 10px;
	color: #000;
	text-shadow: none;
}

/*footer_column_content*/

.footer_column_content {
	display: block;
	overflow: hidden;
	width: 100%;
	padding-bottom: 25px;
}

.footer_column_content p:last-child {
	padding-bottom: 0;	
}

/*footer_column_list_links*/

ul.footer_column_list_links {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	border-top: 1px dashed #fff;	
}

ul.footer_column_list_links li {
	display: block;
}

ul.footer_column_list_links li a {
	padding: 7px 0 7px 21px;
	display: block;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
	color: #fff;
	background: url(../images/general_elements/footer_column_list_links_arrow.png) no-repeat left center;
}

ul.footer_column_list_links li a:hover {
	text-decoration: underline;
	color: #000;
	text-shadow: none;
}

/*footer social network icons*/

.footer_social_networks_list {
	list-style-type: none;
	list-style-position: outside;
	display: block;
}

.footer_social_networks_list li {
	float: left;
	display: block;
	margin-right: 2px;
	margin-bottom: 2px;	
}

.footer_social_networks_list li a {
	display: block;
}

.footer_social_networks_list li a img {
	position: relative;
	display: block;	
}

.footer_social_networks_list li a img:hover {
	bottom: 1px;
	opacity: .6;	
}

/* footer twitter widget */

.tweet {

}

.footer_tweet .tweet_list {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 14px 0;
	overflow-y: hidden;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}

.footer_tweet .tweet_list .awesome,
.footer_tweet .tweet_list .epic {
	text-transform: uppercase;
}

.footer_tweet .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 14px 0 16px;
	border-bottom: 1px dashed #fff;
}

.footer_tweet .tweet_list li:first-child {
	padding-top: 0;	
}

.footer_tweet .tweet_list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.footer_tweet .tweet_list li a {
	color: #000;
	text-shadow: none;
	text-decoration: underline;
}

.footer_tweet .tweet_list li a:hover {
	text-decoration: none;	
}

.footer_tweet .tweet_list .tweet_even {

}

.footer_tweet .tweet_list .tweet_avatar {
	margin-right: 10px; 
	float: left;
	position: relative;
	top: 4px;
	margin-bottom: 4px;
}

.footer_tweet .tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/* footer flickr widget */

ul.footer_flickr {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	overflow: hidden;
	width: 235px;	
}

ul.footer_flickr li {
	float: left;
	display: block;
	margin: 0 10px 10px 0;	
}

ul.footer_flickr li a {
	display: block;
	overflow: hidden;	
}

ul.footer_flickr li a img {
	padding: 4px;
	display: block;
	width: 40px;
}

ul.footer_flickr li a img {
	background: #fff; /* background color of flickr images */	
}

ul.footer_flickr li a img:hover {
	background: #000;	
}

/*mini_footer*/

#mini_footer_content {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 75px;
	clear: both;
	border-top: 5px solid #fff;
	
}

/* footer_nav */

ul#mini_footer_nav {
	list-style-type: none;
	list-style-position: outside;
	position: absolute;
	top: 15px;
	left: 0;	
}

ul#mini_footer_nav li {
	display: block;
	float: left;
	margin-right: 10px;	
}

ul#mini_footer_nav li a {
	text-decoration: none;
	color: #fff;
}

ul#mini_footer_nav li a:hover {
	text-decoration: underline;
	color: #000;
	text-shadow: none;	
}

/* copyright message */

#copyright_message {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: 0;	
}

#copyright_message span.website_title {
	color: #000;
	font-weight: bold;
	text-shadow: none;
	text-transform: uppercase;	
}



/*###################################################################
 5.  Main
####################################################################*/


/* comments */

#comments {
display: block;
}

#comments_title, #reply_title {
font-size: 18px;
line-height: 21px;
margin-bottom: 25px;
padding: 15px 0;
font-style: normal;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;	
}

#comments_title a {
color: #CDD7B6;	
}

.comment_list {
margin-bottom: 25px;	
}

.comment_list, .comment_list ul {
list-style-position: outside;
list-style-type: none;
display: block;
overflow: hidden;
position: relative;	
}
.comment_list li.comment_li {
display: block;
overflow: hidden;
position: relative;	
}

.comment_list ul li.comment_li {
padding-left: 40px;	
}

.comment_container {
margin-bottom: 25px;
padding-left: 15px;	
}

.comment_container .comment_meta {
height: 20px;
margin-bottom: -1px;
padding: 0 0 0 10px;
/*background: url(../images/skin1/comment_arrow.png) no-repeat 20px top;
*/z-index: 10;
position: relative;
}

.comment_container .comment_meta h4.comment_author_link {
float: left;
font-size: 13px;
font-weight: bold;
font-family: 'Droid Sans',sans-serif;
font-style: normal;
margin: 0;
position: relative;
bottom: 5px;	
}

.comment_container .comment_meta h4.comment_author_link a {
color: #CDD7B6;
}

.comment_container .comment_meta .comment_meta_stuff {
display: block;
float: right;
font-size: 11px;
font-family: Georgia, "Times New Roman", Times, serif;
margin-right: 10px;
font-style: italic;
position: relative;
bottom: 5px;
}

.comment_body_container {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:15px;
border:1px solid #ddd;
background: #fff url("../images/general_elements/sidebar_search_form_field_background.png") repeat left top;
box-shadow: -1px -1px 2px #f1f1f1 inset, 1px 1px 0 #fff;
-moz-box-shadow: -1px -1px 2px #f1f1f1 inset, 1px 1px 0 #fff;
-webkit-box-shadow: -1px -1px 2px #f1f1f1 inset, 1px 1px 0 #fff;	
}

.comment_body_container .comment_author_avatar {
width: 50px;
height: 50px;
padding: 3px;
background: #fff;
border: 1px solid #d5d5d5;
display: block;
float: left;
margin-right: 15px;
margin-left: -30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;	
}

.comment_body_container .comment_author_avatar img.avatar {
width: 50px;
height: 50px;
display: block;	
}

/* comment_form */

#respond {
display: block;
overflow: hidden;	
}

#comment_form p {
padding-bottom: 0;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 10px;
}

#comment_form .comment_notes, #comment_form .form_allowed_tags {
display: block;
padding: 10px;
background: #f8f8f8;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}

#comment_form label {
line-height: 40px;
color: #333;
display: inline-block;
}

#comment_form .comment_form_comment #comment, #comment_form #author, #comment_form #email, #comment_form #url {
width: 400px;
float: left;
display: block;
margin-right: 15px;
padding: 10px;
border: 1px solid #d3c8a4;
background: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 4px solid #efefef;	/*color of border bottom of input and textarea fields in contact form page */
background: #fff url(../images/general_elements/sidebar_search_form_field_background.png) repeat top left;	/*background of input and textarea fields in contact form page */
padding: 10px;
-moz-box-shadow: 0 0 1px #555 inset;
}

#comment_form .comment_form_comment #comment:focus, #comment_form #author:focus, #comment_form #email:focus, #comment_form #url:focus {
background: ;	/*onfocus background of input and textarea fields in contact form page */
-moz-box-shadow: 0 0 1px #000 inset;
}

#comment_form .comment_form_comment #comment {
padding: 10px;
height: 120px;
width: 580px;
display: block;
margin-right: 0;
margin-bottom: 20px;	
}

#comment_form #submit {
border: none;
padding: 9px 15px;
margin-right: 10px;
margin-bottom: 10px;
text-decoration: none;
font-weight: bold;
float: left;
display: block;
cursor: pointer;
background: #000;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#comment_form #submit:hover {
background: #CDD7B6;
}

/*	
---------------------------------------------------------------------------------------------------------------------------------
	E) GENERIC
---------------------------------------------------------------------------------------------------------------------------------
*/

/* headers */

h1, h2, h3, h4, h5, h6 {
	display: block;
	margin: 0;
	font-weight: lighter;
	font-family: 'PT Serif', Arial, serif; /*OFL Sorts Mill Goudy TT*/
	font-style: italic;
	color: #333;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #CDD7B6;
	text-shadow: none;	
}

/*headers sizes*/

h1 {
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 10px;	
}

h2 {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 10px;	
}

h3 {
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 10px;	
}

h4 {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 8px;	
}

h5 {
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 8px;	
}

h6 {
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 8px;	
}

/* paragraphs */

p {
	padding-bottom: 10px;	
}

/* paragraphs justify */

p.paragraph_justify {
text-align: justify;	
}

/* strong text */

strong {
color: #333;	
}

/* columns */

.one_third, .one_fourth, .one_half, .two_third, .three_fourth, .one_fifth, .four_fifth {
	margin-right: 20px;
	float: left;
	display: block;	
}

/* sidebar cols */

.one_third {
	width: 208px;
}

.two_third {
	width: 437px;
}

.one_fourth {
	width: 151px;
}

.three_fourth {
	width: 494px;
}

.one_fifth {
	width: 117px;
}

.four_fifth {
	width: 528px;
}

.one_half {
	width: 322px;
}

/* fullwidth cols */

.fullwidth .one_third {
	width: 306px;
}

.fullwidth .two_third {
	width: 634px;
}

.fullwidth .one_fourth {
	width: 225px;
}

.fullwidth .three_fourth {
	width: 715px;
}

.fullwidth .one_fifth {
	width: 176px;
}

.fullwidth .four_fifth {
	width: 764px;
}

.fullwidth .one_half {
	width: 470px;
}

/* img box */

div.image_box, div.image_box_one_third, div.image_box_one_fourth, div.image_box_one_half, div.image_box_two_third, div.image_box_two_third, div.image_box_blog_post {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

/*for image_box_blog_post second_blog_style*/

div.second_blog_style {
	width: 310px;
	margin-right: 25px;
	float: left;	
}

div.image_box img, div.image_box_one_third img, div.image_box_one_fourth img, div.image_box_one_half img, div.image_box_two_third img {
	display: block;
	background: #fff;
}

/*one_third image_box*/

div.image_box_one_third img {
	width: 286px;
	height: 186px;
}

/*one_fourth image_box*/

div.image_box_one_fourth img {
	width: 205px;
	height: 134px;
}

/*one_half image_box*/

div.image_box_one_half img {
	width: 450px;
	height: 293px;
}

/*two_third image_box*/

div.image_box_two_third img {
	width: 614px;
	height: 400px;	
}

div.image_box, div.image_box_one_third, div.image_box_one_fourth, div.image_box_one_half, div.image_box_two_third, div.image_box_two_third {
	background: #fff; /* background pattern of image box for all cases of columns */	
}

/* readmore link */

a.readmore_link {
	text-decoration: none;
	display: inline-block;
	color: #CDD7B6;
	position: relative;
	z-index: 5;
	border-bottom: 1px solid #eee;
}

a.readmore_link:hover {
	text-decoration: none;
	border-bottom: 1px solid #777;	
}

/* coloring any font with the general color used */

.colored {
color: #CDD7B6;	
}

/* icons with alignleft */

img.icon {
float: left;
display: block;
position: relative;
top: 2px;
margin-right: 9px;	
}

/*divider space*/

.divider_space {
	height: 50px;
	display: block;
	overflow: hidden;
	clear: both;	
}

/*divider space with line*/

.divider_space_with_line {
	padding-top: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
	display: block;
	overflow: hidden;
	position: relative;
	top: -4px;
	clear: both;	
}

/*divider space mini*/

.mini_divider_space {
	height: 25px;
	display: block;
	overflow: hidden;
	clear: both;	
}

/* image lightbox and video lightbox */

.image_lightbox, .video_lightbox {
	display: block;
	overflow: hidden;
}

.image_lightbox {
	background: #fff url(../images/general_elements/image_lightbox.png) no-repeat center center; /* background of image lightbox */
/*	box-shadow: 0 0 5px #000 inset;
	-moz-box-shadow: 0 0 3px #000 inset;
	-webkit-box-shadow: 0 0 5px #000 inset;	
*/}

.video_lightbox {
	background: #fff url(../images/general_elements/video_lightbox.png) no-repeat center center; /* background of video lightbox */
/*	box-shadow: 0 0 5px #000 inset;
	-moz-box-shadow: 0 0 5px #000 inset;
	-webkit-box-shadow: 0 0 5px #000 inset;	
*/}

/* alignleft and alignright */

.alignleft {
	float: left;
	margin-right: 20px;	
}

.alignright {
	float: right;
	margin-left: 20px;	
}
div.alignleft, div.alignright {
	margin-bottom: 10px;
	margin-top: 5px;	
}

/* dropcaps */

.dropcap1 {
	float: left;
	display: block;
	font-size: 32px;
	line-height: 32px;
	margin: 1px 10px 0 0;
}

.dropcap1 {
	color: #333; /* color of DropCap */
}

.dropcap2 {
	float: left;
	display: block;
	font-size: 25px;
	color: #eee;
	text-shadow: 1px 1px 1px #000;
	background: url(../images/general_elements/dropcap2.png) no-repeat top center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin: 5px 14px 0 0;
}

/* BreadCrumbs */

p.breadcrumb {
	padding-left: 25px;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 20px;
	display: block;
	position: absolute;
	float: right;
	top: 33px;
	right: 5px;
	background: url(../images/general_elements/home.png) no-repeat left 0px;
	font-style: normal;
}

p.breadcrumb a {
	text-decoration: none;
	border-bottom: none;	
}

p.breadcrumb .bread_arrow {
	padding: 0 3px;	
}

p.breadcrumb a {
	text-decoration: none;	
}

p.breadcrumb a:hover {
	text-decoration: underline;
}

/* blockquotes */

.pquote, .pquote_left, .pquote_right {
	font-size: 13px;
	line-height: 26px;
	font-style: italic;
	padding: 20px 20px 20px 20px;
}

.pquote {
	margin: 25px 0;
}

.pquote_left {
	float: left;
	margin: 15px 20px 10px 0;
}

.pquote_right {
	float: right;
	margin: 15px 0 10px 20px;
}

.pquote_left, .pquote_right {
	width: 50%;	
}

.pquote p, .pquote_left p, .pquote_right p {
	padding: 0px;	
}

.pquote, .pquote_left, .pquote_right {
	background-color: #f8f8f8; /* background of BlockQuotes */	
}

.pquote {
	border-left: 5px solid #777; /* border left color for fullwidth BlockQuotes */
}

.pquote_left {
	border-left: 5px solid #777; /* border left color for left BlockQuotes */
}

.pquote_right {
	border-right: 5px solid #777; /* border left color for right BlockQuotes */
}

/* buttons */

a .button, .button {
display: inline-block;
padding: 5px 12px;
margin-bottom: 10px;
margin-right: 10px;
background-image: url(../images/general_elements/button_gradient_effect.png);
background-repeat: repeat-x;
background-position: top left;
border: 1px solid #ccc;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 1px 1px #666;	
}

a.button:hover {
text-decoration: none;
background-image: url(../images/general_elements/button_gradient_effect.png);
background-repeat: repeat-x;
background-position: bottom left;
}

a.light {
background-color: #f1f1f1;
color: #777;
text-shadow: 1px 1px 0 #fff;
border-color: #bbb;	
}

a.light:hover {
color: #333;
border-color: #aaa;	
}

a.light_grey {
background-color: #e1e1e1;
color: #777;
text-shadow: 1px 1px 0 #fff;
border-color: #aaa;	
}

a.light_grey:hover {
color: #333;
border-color: #aaa;	
}

a.light_blue {
background-color: #57CBCD;
text-shadow: 0px 1px 1px #888;
border-color: #3db1b3;	
}

a.blue {
background-color: #3399FF;
border-color: #3399FF;	
}

a.purple {
background-color: #9900CC;
border-color: #9900CC;	
}

a.yellow {
background-color: #FFE743;
text-shadow: 1px 1px 1px #FFF;
border-color: #E5CC24;
color: #9c8802;	
}

a.orange {
background-color: orange;
text-shadow: 0px 1px 1px #888;
border-color: #de9206;
}

a.green {
background-color: #339933;
border-color: #339933;	
}

a.light_green {
background-color: #B0EF37;
border-color: #94cc2e;
color: #5f9000;
text-shadow: 1px 1px 1px #FFF;
}

a.red {
background-color: red;
border-color: red;
}

a.brown {
background-color: #713800;
border-color: #713800;
}





/*lists*/

ul.flag_list, ul.check_list, ul.star_list, ul.bulb_list {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
	color: #555; 	
}

ul.flag_list li, ul.check_list li, ul.star_list li, ul.bulb_list li {
	display: block;
	padding: 0px 0 0px 25px;	
}

ul.bulb_list li {
	background: url(../images/general_elements/bulb_list.png) no-repeat left center; /* bullet image for first list */	
}

ul.check_list li {
	background: url(../images/general_elements/check_list.png) no-repeat left center; /* bullet image for second list */	
}

ul.star_list li {
	background: url(../images/general_elements/star_list.png) no-repeat left center; /* bullet image for third list */	
}

ul.flag_list li {
	background: url(../images/general_elements/flag_list.png) no-repeat left center; /* bullet image for fourth list */	
}

/* testmonials */

.testmonial_message {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 20px;
	padding: 25px 25px 25px 75px;
	margin: 0 0 20px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ddd;
	box-shadow: -1px -1px 2px #f1f1f1 inset;
	-moz-box-shadow: -1px -1px 2px #f1f1f1 inset;
	-webkit-box-shadow: -1px -1px 2px #f1f1f1 inset;	
}

.testmonial_message p {
	padding-bottom: 0;
	overflow: hidden;
	display: block;	
}

.testmonial_message p img {
	float: left;
	display: block;
	overflow: hidden;
	padding:3px;
	margin: 3px 20px 3px 0;
}

.testmonial_message .person_name, .testmonial_message .person_info {
	display: block;

	overflow: hidden;
	text-align: left;	
}

.testmonial_message .person_name {
	font-size: 17px;
	font-style: normal;
	margin-top: 15px;
	margin-bottom: -3px;
}

.testmonial_message .person_name a:hover {
	text-decoration: underline;	
}

.testmonial_message .person_info {
	font-size: 11px;
	font-style: italic;
}

.testmonial_message {
	background: #f8f8f8 url(../images/general_elements/testmonial_top_left_sign.png) no-repeat 20px 25px; /* top left background image shape for Testmonial message */
}

.testmonial_message p {

}

.testmonial_message p img {
	background: #fff; /* background color for Testmonial preview user [ if used ] */
	border: 1px solid #d5d5d5; /* border color for Testmonial preview user [ if used ] */
	box-shadow: 3px 3px 0 #ddd;
	-moz-box-shadow: 3px 3px 0 #ddd; /* box-shadow for Testmonial preview user [ if used ] */
	-webkit-box-shadow: 3px 3px 0 #ddd; /* box-shadow for Testmonial preview user [ if used ] */	
}
.testmonial_message .person_name {
color: #E06000; /* color of testmonial person name */
}

.testmonial_message .person_info {
	color: #333; /* color of testmonial person info */	
}

/* accordions */

.accordion {
	display: block;
	margin-bottom: 15px;
}

/* accordion header */
.accordion span.title {
	margin-bottom: 3px;
	padding: 5px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	position: relative;
	font-size:13px;
	font-weight:normal;
	cursor:pointer;
}

.accordion span.title:hover {

}

/* currently active header */
.accordion span.current {
	cursor:default;
}

.accordion span.current:hover {
	opacity: 1;	
}

.accordion span.title span.title_content {
display: block;
overflow: hidden;
position: relative;
background: url(../images/general_elements/pluse.png) no-repeat center left;
padding-left: 27px;	
}

/* accordion pane */
.accordion .pane {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 5px 0;
	display:none;
	padding:15px;
	font-size: 11px;
	line-height: 19px;
	border:1px solid #e5e5e5;
	background: #f8f8f8;
	box-shadow: -1px -1px 2px #f1f1f1 inset;
	-moz-box-shadow: -1px -1px 2px #f1f1f1 inset;
	-webkit-box-shadow: -1px -1px 2px #f1f1f1 inset;	
}

/* accordion_style1 */

.accordion_style1 span.title {
	background: #f8f8f8;
	color: #777;
	text-shadow: 1px 1px 0 #fff;
}

.accordion_style1 span.title:hover, .accordion_style1 span.current, .accordion_style1 span.current:hover {
	color: #333;
	background: #f1f1f1;
}

.accordion_style1 span.current span.title_content {
	background: url(../images/general_elements/minus.png) no-repeat center left;
}

/* accordion_style2 */

.accordion_style2 span.title {
	background: #777;
	color: #eee;
	text-shadow: 1px 1px 1px #000;
}

.accordion_style2 span.title:hover, .accordion_style2 span.current, .accordion_style2 span.current:hover {
	color: #fff;
	background: #555;
}

.accordion_style2 span.current span.title_content {
	background: url(../images/general_elements/minus.png) no-repeat center left;
}

/* tabs */

div.tabs { /* this is the class ".tabs" of the wrapper of a tabs model, not the class of tabs links */
	display: block;
	position: relative;
	margin-bottom: 15px;	
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
/*	margin:0 !important; 
*/	margin-bottom: 5px;
	padding:0;
	padding-left: 10px;
	height:34px;
	position: relative;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	font-size:13px;
	display:block;
	padding: 5px 12px;
	text-decoration:none;
	position:relative;
	overflow: hidden;
	background: #f8f8f8;
	color: #777;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 5px;
	-moz-transition: color 0.0s ease-in-out 0s, background 0.0s ease-in-out 0s;
	-webkit-transition: color 0.0s ease-in-out 0s, background 0.0s ease-in-out 0s;
	transition: color 0.0s ease-in-out 0s, background 0.0s ease-in-out 0s;
}

.tabs a span.title_content {
	display: block;
	overflow: hidden;
	position: relative;
}

.tabs a.current {
	background: #555;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.tabs a.current:hover {
	opacity: 1;
	background: url(../images/general_elements/tab_title_left_side.png) no-repeat bottom left;
}

.tabs a.current span.title_content {
	background: url(../images/general_elements/tab_title_content.png) no-repeat bottom right;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	opacity: .9;
	color: #333;
	background: #f1f1f1;
}

/* active tab uses a class name "current" */
.tabs a.current, .tabs a.current:hover, .tabs li.current a {
	cursor: default !important; 
	color: #fff !important;
	background: #555;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.panes {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0;
	padding:15px;
	font-size: 11px;
	line-height: 19px;
	border:1px solid #e5e5e5;
	background: #f8f8f8;
	box-shadow: -1px -1px 2px #f1f1f1 inset;
	-moz-box-shadow: -1px -1px 2px #f1f1f1 inset;
	-webkit-box-shadow: -1px -1px 2px #f1f1f1 inset;	
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

/* toggles */

.toggle {
	display: block;
	margin-bottom: 15px;
}

/* toggle header */
.toggle span.title {
	margin-bottom: 3px;
	padding: 5px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	position: relative;
	font-size:13px;
	font-weight:normal;
	cursor:pointer;
}

.toggle span.title:hover {

}

/* currently active header */
.toggle span.active {
	cursor:pointer;
}

.toggle span.title span.title_content {
display: block;
overflow: hidden;
position: relative;
background: url(../images/general_elements/pluse.png) no-repeat center left;
padding-left: 27px;	
}

/* toggle pane */
.toggle .pane {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 5px 0;
	display:none;
	padding:15px;
	font-size: 11px;
	line-height: 19px;
	border:1px solid #e5e5e5;
	background: #f8f8f8;
	box-shadow: -1px -1px 2px #f1f1f1 inset;
	-moz-box-shadow: -1px -1px 2px #f1f1f1 inset;
	-webkit-box-shadow: -1px -1px 2px #f1f1f1 inset;	
}

/* toggle_style1 */

.toggle_style1 span.title {
	background: #f8f8f8;
	color: #777;
	text-shadow: 1px 1px 0 #fff;
}

.toggle_style1 span.title:hover, .toggle_style1 span.active:hover {
	color: #333;
	background: #f1f1f1;
}

.toggle_style1 span.active span.title_content {
	background: url(../images/general_elements/minus.png) no-repeat center left;
}

.toggle_style1 span.active {
color: #333;
	background: #f1f1f1;
}

/* toggle_style2 */

.toggle_style2 span.title {
	background: #777;
	color: #eee;
	text-shadow: 1px 1px 1px #000;
}

.toggle_style2 span.title:hover, .toggle_style2 span.active:hover {
	color: #fff;
	background: #555;
}

.toggle_style2 span.active span.title_content {
	background: url(../images/general_elements/minus.png) no-repeat center left;
}

.toggle_style2 span.active {
	color: #fff;
	background: #555;
}


/* toggle_style3 */

.toggle_style3 span.title {
	color: #333;
	padding: 0;
	padding-left: 27px;
	background: url(../images/general_elements/pluse.png) no-repeat center left;
}

.toggle_style3 span.title:hover, .toggle_style1 span.active:hover {
	color: #333;
}

.toggle_style3 span.active {
	background: url(../images/general_elements/minus.png) no-repeat center left;
}

.toggle_style3 span.active {
	color: #333;
}

/* scroll top */

.scroll_top {
    display: table;
    height: 45px;
    width: 45px;
	background: url(../images/general_elements/scroll_top2.png) no-repeat center center;
}

.scroll_top:hover {
	opacity: .7;	
	}

/* clear */

.clear {
clear: both;
display: block;
height: 1px;
margin-bottom: -1px;
width: 100%;	
}

/* remove last margin right */

.last {
	margin-right: 0;	
}

/*	
---------------------------------------------------------------------------------------------------------------------------------
	G) FORMS
---------------------------------------------------------------------------------------------------------------------------------
*/

/* font-family and font-size settings for inputs, labels and textareas */

input, label, textarea {
	font-family: 'Droid Sans',sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #
}

abbr {
cursor: help;	
}


/* contact_form */

#contact_form {
	display: block;
	overflow: hidden;
	padding-top: 15px;
}

#contact_form p {
	padding: 0;
	overflow: hidden;	
}

#contact_form label { width: 107px; margin-top: 9px; }
#contact_form label.error, #contact_form input.submit { margin-left: 114px; }
#contact_form input.submit {width: auto; outline: none; padding: 10px 18px; font-size: 13px; margin-left: 110px; }
#contact_form label.error, label.error {
	margin-top: 0;
	width: auto;
}
div.error { display: none; }
#contact_form input, #contact_form textarea {
	border: none;
	padding: 10px 8px;
	width: 400px;
	outline: medium none;
	font-size: 13px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#contact_form textarea {
	height: 150px;
	width: 500px;
}

form#contact_form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

form#contact_form p {
	list-style: none;
	padding-bottom: 10px;
	margin: 0;
}



#contact_form label, #contact_form input, #contact_form textarea {
	color: #333;	/*colors of label, input and textarea texts in contact form page*/
}

#contact_form input, #contact_form textarea {
	border: 4px solid #efefef;	/*color of border bottom of input and textarea fields in contact form page */
	padding: 10px;
	-moz-box-shadow: 0 0 1px #555 inset;
	-webkit-box-shadow: 0 0 1px #555 inset;
	box-shadow: 0 0 1px #555 inset;
}

#contact_form input:focus, #contact_form textarea:focus {
	background: ;	/*onfocus background of input and textarea fields in contact form page */
	-moz-box-shadow: 0 0 1px #000 inset;
	-webkit-box-shadow: 0 0 1px #000 inset;
	box-shadow: 0 0 1px #000 inset;
}

#contact_form input.submit {
border: none;
padding: 9px 15px;
margin-right: 10px;
margin-bottom: 10px;
text-decoration: none;
font-weight: bold;
float: left;
display: block;
cursor: pointer;
background: #000;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

#contact_form input.submit:hover {
background: #CDD7B6;
color: #fff;
}

/*validation coloring settings*/

#contact_form label.error, label.error {
	color: red;	/*color of appearing validation message in contact form page*/
}

#contact_form input.error, #contact_form textarea.error { 
	background: #fffcaf;	/*background of field that need validation in contact form page*/ 
}