/*

Theme Name: Sintagma

Description: A simple and clean theme. 

Author: Pexeto

Tags: clean, business, professional, jquery slider, AJAX contact form

Author URI: http://pexeto.com/

*/



/* ----------- Restart-----------------*/





body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 

	margin:0;

	padding:0;

}



fieldset,img { 

	border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal;

}

ul {

	list-style:none;

}



h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

}



a { 

	outline: 0; 

}







/* ----------- End Restart-----------------*/



/*---------------------------- TEXT STYLES ----------------------------*/



a{

	text-decoration:none;

	color:#67676b;



}



a:hover{

	color:#000;

	

}



h1, h2, h3, h4, h5, h6 {

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

	color:#434344;	

	line-height:1.3em;

}





h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color:#434344;

}



strong{

	font-weight: bold;	

}



em{

	font-style: italic;	

}





h1 {

	font-size:25px;

	margin-top:10px;

    margin-bottom:10px;

}

h2 {

	font-size:23px;

	margin-top:10px;

    margin-bottom:10px;

}



h3 {

	font-size:18px;	

	margin-top:10px;

    margin-bottom:10px;

}





h4 {

	font-size:16px;

	margin-top:10px;

    margin-bottom:10px;

}



h5 {

	color:#999999;

	font-size:14px;

	margin-top:10px;

    margin-bottom:10px;

}



h2+h5, h1+h5{

	margin-top:-10px;

	margin-bottom:20px;	

}



h6 {

	font-size:12px;

	margin-top:10px;

    margin-bottom:10px;

}





hr {



	background-color:#e3e3e3;

	border:#e3e3e3;

	height:1px;

}



p{

	margin-bottom:10px;

	margin-top:10px;	

}



ul{

	list-style: disc;	

	margin-left: 30px;

}



ol{

	margin-left:35px;	

}



/*---------------------------- END TEXT STYLES ----------------------------*/





body {

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

	font-size:14px;

	color:#4b4b4b;

	font-weight:300;

	line-height:1.5em;

	background-color:#ededed;	

}



#mainContainer{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	background-color:#ededed;

}





.center{

	height:auto;

	width:960px;

	margin:auto;

	text-align:left;

	padding:0px;

	position:relative;

}







/*---------------------------- LOGO ----------------------------*/

#logoContainer{

	width:960px;

	height:95px;

	background-repeat:no-repeat;

	float:left;

	background-color:#ededed;



}



#logoContainer a{

	width:222px;

	height:61px;

	display:block;

	background-image:url(images/logo.png);

	background-repeat:no-repeat;

	position:relative;

	top:15px;

	left:10px;

}







/*-------------------------MENU---------------------------------*/



#navigationContainer{

	height:64px;

	width:962px;

	margin-left:2px;

	background-image:url(images/menu.png);

	background-repeat:repeat-x;

	background-color:transparent;

	float:left;

	

}





#menu{

	position:relative;

	right:0px;	

	top:-5px;

	height:64px;

	float:left;

}





#menu ul {

margin-top:20px;

margin-left:19px;



}





#menu ul li{ 

    display: inline;

	

}



#menu ul li a{

    float: left; 

	text-decoration: none;

    color:#656565;

	padding-left:11px;

	padding-right:11px;

	font-size:13px;

	display:block;

}



#menu ul li a:hover {

    color:#313131;

}



#menu ul li.current_page_item a, #menu ul li.current_page_parent a{

	color:#313131;

	font-weight:bold;

}



#menu ul li.current_page_parent ul li.current_page_item a, menu ul li ul li.current_page_parent a{

	color:#313131;

	font-weight: normal;

}



#menu ul li.current_page_item ul li a,#menu ul li.current_page_parent ul li a{

	font-weight: normal;	

	color:#656565;

}



#menu ul li.current_page_item ul li a:hover,#menu ul li.current_page_parent ul li a:hover{

	color:#313131;

}



#search{

	float:right;

	background-image:url(images/search_bg.jpg);

	display:block;

	height:32px;

	width:167px;

	margin-top:15px;

	margin-right:12px;

	

}



#sidebarSearch{

	background-image:url(images/search_bg.jpg);

	display:block;

	height:32px;

	width:167px;

	margin-top:15px;

	position:relative;

	left:-5px;

	

}





#search input, #sidebarSearch input{

	border:none;

	border:#FFFFFF;

	position:relative;

	top:6px;

	left:35px;

	width:110px;

	color:#b6b6b6;

}





/*---------------------------HEADER----------------------------*/



#header{

	background-image:url(images/content_bg.png);

	background-repeat:repeat-y;

	width:966px;

	height:350px;

	float:left;

	padding-left:5px;



}



.fadeWrapper{



	background-color:#FFFFFF;

	border-top:1px solid #deded6;	

	border-bottom: 1px solid #deded6;	

	position:relative;

	width:960px;

	height:345px;

	left:-2px;

}



.imageHolder{

	width:954px;

	height:345px;

	position:absolute;



}



#pageHeader {

	background-image:url(images/page_header.jpg);

	background-repeat:repeat-x;

	padding:0px;

	margin:0px;

	width:960px;

	height:12px;

	float:left;

	margin-left:-30px;

	margin-top:-35px;

}

#footerBlock { 
	background-image:url(images/page_header.jpg);

	background-repeat:repeat-x;

	padding:0px;

	margin:0px;

	width:960px;

	height:200px;

	float:left;

	margin-left:-30px;

	margin-top:35px;
}

#footerBlockLeft, 
#footerBlockCenter,
#footerBlockRight { 
	width: 275px;
	float: left;
	margin: 0px;
	padding: 20px;
	border-right: 1px solid #C9C9C9;
	border-left: 1px solid #F9F9F9;
	height: 200px;
}


#footerBlockRight { 
	border-right: none;
	padding-left: 27px;
}
#footerBlockLeft { 
	border-left: none; 
}

/*---------------------------- CONTENT ----------------------------*/



#contentContainer{

	position:relative;

	min-height:500px;

	width:906px;

	float:left;

	background-image:url(images/content_bg.png);

	background-repeat:repeat-y;

	background-color:transparent;

	height:auto;

	padding:30px;

	padding-left:33px;

	padding-right:33px;

	z-index:0;

}



#content{

	height:auto;

	width:550px;

	float:left;

	border-right:1px solid #d8d8d8;

	padding-right:30px;

	position:relative;

}



#content h2+hr{

margin-bottom:20px;

}



#pageContent{

	padding-top:11px;

}



#pageContent img, .postBoxContent img{

	padding:4px;

	background-color:#FFFFFF;

	border:1px solid #d6d6d6;

}





.smallSubtitle{

	color:#999999;

	font-size:14px;

	margin-top:-10px;

}



.contentBoxs{

	margin: 0px -40px 0px 0px;



}



.contentBoxs h2 span{

	position:relative;

	top:-10px;

	left:15px;

	text-transform:capitalize;



}



.servicesIcon{

	float:left;

	padding:0px;

	border:0px;

	width:80px;

	height:80px;

	background-repeat: no-repeat;

}



.contentBox{

	float:left;

	width:180px;

	margin-right:20px;

	margin-left:10px;

	margin-top:20px;

	margin-bottom:30px;

}



.contentBox a{

	color:#547ec3;

}



.contentBox h3 a{

	color:#434344;	

}



.contentBox a:hover{

color:#333333;

}



.pairWrapper{

	width:100%;

	height:auto;

	overflow:auto;

}



.postBoxs{

	margin-top:-20px;

}



.postBox{

	margin-bottom:19px;

	margin-top:30px;

	

}



.postBox h2{

	margin-top:0px;	

}





.date{

	text-transform:uppercase;

	color:#ef9100;

}



.postInfo{

	font-size:11px;

	margin-top:-5px;

	color:#999999;

	margin-bottom:15px;

}



.postInfo a{



	color:#999999;



}



.moreLink{

	color:#547ec3;

	text-decoration:none;



}



.moreLink:hover{

	color:#66b3d6;	

}



.postImg{

	float:left;

	padding:4px;

	background-color:#FFFFFF;

	border:1px solid #d6d6d6;

	margin-right:20px;

	

	

}



#portfolio{

	width:955px;

	height:auto;

	margin-left:-15px;

	margin-top:7px;

	padding:0px;

}



#portfolio img{

	float:left;

height:auto;

	



}

.portfolioItem{

	height:170px;

	width:270px;

	position:relative;

	float:left;

	margin-right:15px;

	margin-left:15px;

	margin-bottom:30px;

	overflow:hidden;

	padding:4px;

	background-color:#fff;

	border:1px solid #d6d6d6;

}

.portfolioItemInfo{

	background-image:url(images/trans.png);

	width:260px;

	height:auto;

	z-index:99;

	position:absolute;

	bottom:-85px;

	left:4px;

	padding-left:10px;

	

	

}





#portfolioCategories ul{

	display:inline;

	margin-left:0px;

}



#portfolioCategories ul li{

	display:inline;

	list-style: none;

	padding-right:10px;

	padding-left: 10px;

	border-right:1px solid #ccc;

}



#portfolioCategories ul li a{

	font-weight: normal;

}



#portfolioCategories ul li a:hover{

	color:#2c2c2c; 

}



#portfolioNavButtons{

	width:900px;

	margin-left:15px;

}



.zeroHeight{

	height:0px;

}



p.infoTitle, p.infoTitle a{

	color:#FFFFFF;

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

	line-height:30px;

	font-size:14px;

	font-weight:bold;

	margin-bottom:0px;

}

.portfolioItemInfo p{

	color:#FFFFFF;

	margin-top:0px;

	font-size:12px;

}



#navButtons{

float:left;

}



#navButtonLeft a{

    height:24px;

    width:41px;

	background-image:url(images/nav_buttons.jpg);

	background-position:0 0;

	display:block;

	float:left;

}



#navButtonLeft a:hover {

	background-position: 0px 25px;

}





#navButtonRight a{

   

    height:24px;

    width:41px;

	background-image:url(images/nav_buttons.jpg);

	background-position:41px 0px;

	display:block;

	float:right;



}



#navButtonRight a:hover {

	background-position:41px 25px;

}



#navButtons{

float:left;



width:100%;

}





#portfolioCategories{



margin-left:15px;

margin-bottom:30px;

font-size:13px;

background-color:#fafafa;

width:888px;

height:30px;

line-height:30px;

padding-left:10px;

border:1px solid #d6d6d6;

color:#67676b;

}



#portfolioCategories span{



padding-left:10px;

font-size:13px;





}







/*-----------------------  SIDEBAR MENU  ---------------------------*/





#sidebar{

	width:320px;

	height:100%;

	float:left;

}



.sidebarBox{

	margin-left:30px;

	width:292px;

	padding-top:11px;

}

.sidebarBox h3{

	margin-bottom:10px;



}



.sidebarBox h3+hr{

margin-bottom:20px;



}



.sidebarBox h6{

	color:#999999;

	margin-top:0px;

}



.sidebarBox h6 a{

	color:#999999;

}



.sidebarBox h6 a:hover{

	color:#666666;

}





.sidebarMenu{

	font-size:14px;

	margin-bottom:40px;

}



.sidebarMenu ul{ 	

	text-decoration: none;

	font-size:14px;

	font-weight:300;

	list-style: none;

	margin-left: 0px;

}

.sidebarMenu ul li a{

	display:block;

	height:20px;

	width:275px;

	color:#676767;

	border-bottom:#e3e3e3 1px solid;

	padding:7px;

	padding-left:0px;

	text-decoration: none;

	list-style:none;

	line-height:20px;

	background-color:#F6F6F6;



}



.sidebarMenu ul li a:hover{

	background-color:#fff;

	color:#000000;



}





/*----------------------- Comments ---------------------------*/



.commentContainer{

border:#d2d2ca 1px solid;

margin-top:20px;

background-color:#f7f7ee;

padding:0px;

width:547px;

}



ul.commentlist{

	margin-left:0px;	

}



.comentBox{

border:#fff 1px solid;

background-color:#fafafa;

padding:20px;

width:507px;

min-height:140px;

position:relative;

}



.comentBox p{



margin-top:-10px;



}



.comentBox img{

margin-right:20px;

margin-bottom:10px;

margin-top:0px;

padding:4px;

background-color:#FFFFFF;

border:1px solid #d6d6d6;



}

.commentAutor{

float:left;



}

.ComentAutorName{

font-size:12px;



}



.commentDate{

font-size:12px;

position:absolute;

bottom:0px;

right:20px;

color:#999999;

}



.comentBoxAdmin{

background-color:#f1f1f1;

}



.commentNavigation{

	width:100%;

	float:left;

	height:50px;

	position:relative;

	margin-top:20px;

}







.commentInput{

	padding-top:4px;

	height:20px;

	width:250px;

	margin-bottom:15px;

}



.commentTextArea{

	width:550px;

	margin-bottom:15px;

}





/*-----------------------  End Comments ---------------------------*/









/*-----------------------  FOOTER  ---------------------------*/



#contentBottom{

	height:16px;

	width:962px;

	position:relative;

	bottom:0px;

	left:2px;

	background-image:url(images/bottom.png);

	

}



#footer{

	height:75px;

	width:100%;

	display:block;

	float:left;

}



#footer p{

	color:#666666;

	font-size:12px;

	float:right;

	margin-right:20px;

}



#footerMenu{

float:left;

margin-left:15px;

}



#footerMenu ul{

	margin-top:10px;

	margin-left:0px;

	text-align:left;

	font-size:12px;

	color:#656565;

}



#footerMenu ul li{

	float:left;

	text-decoration: none;

	padding-left:15px;

	list-style:none;

}



#footerMenu ul li a{

	color:#656565;

	text-decoration: none;

	font-size:13px;

}



#footerMenu ul li a:hover{

	color:#000;

}



/*---------------------------------------------------*/



#pp_full_res img{

	border:1px solid #828282;

}





.servicesBox{

margin-top:25px;

margin-bottom:35px;



}





.servicesBoxs h2{



text-transform:capitalize;

font-size:20px;

margin-bottom:7px;

}







.servicesImg{

float:left;

padding:4px;

background-color:#FFFFFF;

border:1px solid #dadada;

margin-right:20px;

}



.borderImg{

padding:4px;

background-color:#FFFFFF;

border:1px solid #dadada;

}



.smallPostImg{

float:left; 

margin-right:10px; 

border:1px solid #ccc;

margin-top:4px;

}



/*---------------------------- CONTACT PAGE ----------------------------*/

.input{

	width:250px;

	height:20px;

	border:1px solid #ccc;

	background-color:#fff;

	padding-top:6px;

}



.textArea{

	height:205px;

	width:300px;

	padding-top:0px;

	font-family:Arial;

	font-size:12px;

	padding-top:8px;

	padding-bottom:8px;

}



.errorMessage{

	color:#cc0000;

	display:none;

}



#message{

	display: none;	

}





/*------------------DROP DOWN MENU------------------------*/







#menu ul li ul{ 

     background-color:#f6f6f6;    

	 border:1px solid #ccc;

	 border-top:0px;

	 margin-left:0px;

	 margin-top:-1px;

	 visibility:hidden;

}



#menu ul li ul li ul{

	border:1px solid #ccc;

}



#menu ul li ul li a {

	background-color:#f6f6f6;  

	font-family:"Arial";

}





/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {



	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;



	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

}

.sf-menu a {

	padding: 		.75em 1em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}







.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:		0;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}



a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 **

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}*/

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}

/*----------------------------TABLES---------------------*/



table

{

	border:1px solid #d8d8d8;

	border-collapse:collapse;

	margin-top:20px;

	margin-bottom:20px;

}



td

{

	border:1px solid #d8d8d8;

	padding-left:10px;

	padding-right:10px;

	padding-top: 5px;

	padding-bottom: 5px;

}



td#today{

	background-color: #ededed;

}



th

{

	border:1px solid #d8d8d8;

	border:1px solid #d8d8d8;

	padding-left:10px;

	padding-right:10px;

	padding-top: 5px;

	padding-bottom: 5px;

	background-color: #ededed;

}



caption{

	margin-bottom:10px;	

	font-size:16px;

}



.alignleft, .alignLeft, .alignLeftImg{

	float:left;

	margin-right:15px;

}





.whitePaper { 

	background-color:#FFF;

	border-top: 2px solid #C9C9C9;

}

.whitePaper div.wrapper { 

	padding: 20px;

}