/*
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/
*/
/* ----------- Reset-----------------*/
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;}
/* ----------- End Reset-----------------*/

/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; font-size:1px;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
/* End clearfix */

html, form{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4b4b4b; font-weight:300; line-height:1.5em; background:url(images/page-bg.jpg) no-repeat top center #081731;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4b4b4b; font-weight:300; line-height:1.5em;}
.center{ height:auto; width:960px; margin:auto; text-align:left; padding:0px; position:relative;}

/*---------------------------- TEXT STYLES ----------------------------*/
h2+h5, h1+h5{ margin-top:-10px; margin-bottom:20px; color:#89b1c7;}
h6 { font-size:12px;}
hr { background-color:#212121; border:#e3e3e3; height:1px;}

/* standard text styling */
body, .Normal, .normal, .NormalDisabled { color: #FFF; font-family:Verdana, Geneva, sans-serif; font-size: 14px; line-height:25px; text-align:justify;}
p { padding-bottom:20px;}
.Normal a:link, .Normal a:visited { color:#a3c6e3; text-decoration:underline;}
	.Normal a:hover { color:#6699ff; text-decoration:underline;}
	.Normal a:active { position:relative; top:1px; color:#4F62AC; text-decoration:underline;} /* pushes link down on click to resemble a button */
.NormalRed { color:#F00;}
em { font-style:italic;font-family: Arial, Helvetica, sans-serif;}
strong { font-weight:700; font-family: Arial, Helvetica, sans-serif;}

.left { float:left; display:inline;}
.right { float:right; display:inline;}
.clear { clear:both;}
.img-right { float:right; padding-left:12px;}
.img-left { float:left; padding-right:12px;}

/* header styling */
h2 .Head { font-size:inherit; color:inherit;}
.Head, h1, h1 .Head, h2, h2 .Head, h3, h4, h5, h6 {font-family:Verdana, Geneva, sans-serif; font-variant:small-caps; color:#FFF;}
h1, h1 .Head { font-size:36px; line-height:49px;}
h2, h2 .Head { font-size:30px; line-height:45px; padding-bottom:10px;}
h3 { font-size:20px; line-height:30px;}
h4 { font-size:18px; line-height:27px;}
h5 { font-size:16px; line-height:24px;}
h6 { font-size:14px; line-height:21px;}

h3 a { text-decoration:underline!important;}

/* DNN overides */
.SubHead { color:#CCC;}
	a.SubHead, a.SubHead:visited { color:#CCC; text-decoration:underline;}
		a.SubHead:hover { color:#999;}
.SubSubHead { color:#999;}
.NormalBold { color:#a3c6e3; font-weight:700;}
a.CommandButton:link, a.CommandButton:visited, a.NormalBold, a.NormalBold:visited { color:#a3c6e3; font-weight:700; text-decoration:underline;}
	a.CommandButton:hover { color:#6699ff;}
	a.CommandButton:active { position:relative; top:1px; color:#000; text-decoration:underline;}

/* footer styles */
/* footer links styles */
.DNNLinks { font-size:11px; line-height:22px; color:#939393;}
	a.DNNLinks, a.DNNLinks:visited { font-size:11px; line-height:22px; color:#939393; text-decoration:underline;}
		a.DNNLinks:hover { color:#d9d9d9; text-decoration:none;}
		a.DNNLinks:active { position:relative; top:1px; color:#000; text-decoration:underline;}

/* list styling */
.Normal ul, .Normal ol { margin:0 0 24px 0; padding:0px; text-align:left;} /* resets list margin and padding across browsers */
	.Normal li { margin-left:30px; padding:0px; line-height:24px;} /* resets list margin and padding across browsers and sets list item height */
		.Normal ul li { list-style:disc;}
			.Normal li ul, .Normal li ol { margin:0; padding:0px;} /* indents sub list */
			.Normal li li { margin:0 0 0 30px; padding:0px;} /* indents sub list */
				.Normal ul li li { list-style:circle;}
.two-column {-moz-column-width:250px;-webkit-column-width:250px;-moz-column-gap:24px;-webkit-column-gap:24px; column-width:250px; moz-column-gap:24px;}
ul.column-1 { float:left; width:250px;}
ul.column-2 { float:left; width:250px; margin-left:24px;}

ul.links-list { margin-bottom:30px;} /* puts line at top of list */
	ul.links-list li{ list-style:none; margin-left:0px} /* removes bullets and resets margin */
		ul.links-list li a{ display:block; width:100%; line-height:34px; border-bottom:1px #55676f solid; padding-left:5px; text-decoration:none!important;} /* makes links appear to be a menu */
			ul.links-list li a:hover{ background:#161616; opacity:.30; color:#FFF!important;} /* hover background color */


table td{ padding:4px;} /* reapplies padding from reset styles */
.DNNEmptyPane { display:none; /* hides empty content pages */}

a.dark-button { float:right; background:url(images/dark-button-left.png) left no-repeat; white-space:nowrap; text-decoration:none!important;}
	a.dark-button span { padding:0px 10px 3px; background:url(images/dark-button-right.png) right no-repeat; display:block; line-height:35px; font-size:12px; min-width:170px; text-align:center;}


a.financing-link { display:block; margin:0 auto; text-align:center;}


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

.search-button { display:none;}

#mainContainer{ left:0px; top:0px; width:100%; background-color:transparent;}


/*---------------------------- LOGO ----------------------------*/
#logoContainer{ width:960px; height:95px; background-repeat:no-repeat; float:left; background-color:transparent;}
#logoContainer .logo-wrap a{ width:232px; height:77px; display:block; position:relative; top:12px; left:10px;}

.logo-wrap { width:35%; float:left;}
.top-pane { width:60%; float:right; margin-top:28px;}
	.top-pane .contact-info { font-size:24px; color:#FFF!important; text-align:right;}

/*-------------------------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:0px; 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:#c8c8c8; padding-left:11px; padding-right:11px; font-size:13px; display:block;}
			#menu ul li a:hover { color:#929292;}
		#menu ul li.selected { color:#c8c8c8; font-weight:bold;}
*/
/*------------------DROP DOWN MENU------------------------*/
/*
#menu ul li ul{ position:absolute; left:0px; top:45px; background-color:#f6f6f6; margin:0; padding:0; padding-top:5px; float:left; width:170px; border:1px solid #ccc; border-top:0px; z-index:100; height:auto; visibility:hidden;}
	#menu ul li ul li{ margin:0px; padding:0px; display:block;}
		#menu ul li ul li a { float:left; width:160px; border-width:0px; background-color:#f6f6f6;   line-height:2.5em; margin:0px; padding:0px; font-size:13px; font-family:"Arial"; padding-left:10px; padding-bottom:5px; text-transform:capitalize; font-weight:normal;}
		#menu ul li.selected ul li a{ color:#56583a; font-weight:normal;}
		#menu ul li ul li.selected  a{ font-weight:bold;}
		#menu ul li.selected ul li a:hover{ color:#313131;}
.hover{ background-color:#fff;}


#menu ul li ul{ background-color:transparent; border:0px; padding-top:13px;}
#menu ul li ul li a { background-color:transparent; background-image:url(images/transparent_menu.png); width:100%;}
#menu ul li ul li ul{ border:0px; margin-left:20px;}
#menu ul li.selected ul li a{ color:#c8c8c8;}
#menu ul li.selected ul li a:hover{ color:#929292;}
*/		
		/* DNN Nav */
/* root menu list items */
.mainMenu .root { margin-top:20px; margin-left:19px; display:block; float:left; list-style:none;}
	.mainMenu .mi a{ display:block; color:#c8c8c8; font-size:13px; text-decoration:none!important;} /* all menu item links */
	.mainMenu .root a{ font-size:13px; padding:0px 10px;} /* root menu item link */
		.mainMenu .root a:hover{ color:#929292; } /* root menu item link on hover */
	.mainMenu .m{ z-index:10; margin-top:15px; float:none; background-color:#203545; opacity:.90; white-space:nowrap;} /* sub menu list items */
		.mainMenu .m a{ font-size:13px; padding:5px 20px 5px 10px;} /* sub menu item links */
			.mainMenu .m a:hover{ background-color:#2C6A98;} /* sub menu item links on hover */
		.mainMenu .m img{ padding-right:5px;} /* adds padding to right of menu icon on dropdown */
		


#search{ float:right; background-image:url(images/search_bg_trans.png); display:block; height:32px; width:167px; margin-top:15px; margin-right:12px;}
#sidebarSearch{ background-image:url(images/search_bg_trans.png); display:block; height:32px; width:167px; margin-top:15px; position:relative; left:-5px;}
#search input, #sidebarSearch input{ border:none; border:#1f1f1f; position:relative; top:6px; left:35px; width:110px; color:#c8c8c8; background-color:transparent;}


/*---------------------------HEADER----------------------------*/
#header{ background-image:url(images/content_bg_trans.png); background-repeat:repeat-y; width:966px; height:350px; float:left; padding-left:5px;}
.fadeWrapper{ background-color:#141D26; border-top:1px solid #282828; border-bottom: 1px solid #282828; position:relative; width:960px; height:345px; left:-2px;}
.imageHolder{ width:954px; height:345px; position:absolute;}
#pageHeader{ background:#27517C; border-top:1px #18334E solid; padding:0px; margin:0px; width:960px; height:12px; float:left; margin-left:-30px; margin-top:-35px;}


/*---------------------------- CONTENT ----------------------------*/
#contentContainer{ position:relative; min-height:500px; width:906px; float:left; background-image:url(images/content_bg_trans.png); background-repeat:repeat-y; background-color:transparent; height:auto; padding:30px; padding-left:33px; padding-right:33px; z-index:0;}
.content-pane{ height:auto; width:550px; float:left; border-right:1px solid #212121; padding-right:30px; position:relative;}
.full-width .content-pane { width:900px;}
.content-pane h2+hr{ margin-bottom:20px;}
#pageContent{ padding-top:11px;}
#pageContent img, .postBoxContent img{ padding:4px; background-color:#161616; border:1px solid #212121;}
.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:#fff;}
.contentBox a:hover{ color:#6699ff;}

.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:#161616; border:1px solid #212121; 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{ 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;}
#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%;}



/*-----------------------  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:#727272; margin-top:0px;}
.sidebarBox h6 a{ color:#727272;}
.sidebarBox h6 a:hover{ color:#727272;}
.sidebarMenu{ font-size:14px; margin-bottom:40px;}
.sidebarMenu a{ color:#fff;}
.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:#FFF; border-bottom:#212121 1px solid; padding:7px; padding-left:0px; text-decoration: none; list-style:none; line-height:20px; background-color:transparent;}
.sidebarMenu ul li a:hover{ background-color:#fff; color:#000000;}
.sidebarMenu ul li a:hover{ background-color:#0b0b0b; color:#fff;}


/*----------------------- Comments ---------------------------*/
.commentContainer{ border:#212121 1px solid; margin-top:20px;  background-color:#161616; padding:0px; width:547px;}
ul.commentlist{ margin-left:0px;}
.comentBox{ padding:20px; width:507px; min-height:140px; position:relative; border:0px; background-color:#161616;}
.comentBox p{  margin-top:-10px;}
.comentBox img{ margin-right:20px; margin-bottom:10px; margin-top:0px; padding:4px; background-color:#161616; border:1px solid #212121;}
.commentAutor{ float:left;}
.ComentAutorName{ font-size:12px;}
.commentDate{ font-size:12px; position:absolute; bottom:0px; right:20px; color:#999999;}
.comentBoxAdmin{ background-color:#202020;}
.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:350px; margin-bottom:15px;}


/*-----------------------  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; clear:both; line-height:20px;}
#footer p{ color:#999999; font-size:12px; float:right; margin-right:20px; text-align:right;}
#footerMenu{ float:left; margin-left:15px;}
#footerMenu{ margin-top:10px; margin-left:0px; text-align:left; font-size:12px; color:#999999;}
#footerMenu{ float:left; text-decoration: none; padding-left:15px; list-style:none;}
#footerMenu a{ color:#999999; text-decoration: none; font-size:13px;}
#footerMenu a:hover{ color:#6d6d6d;}

#bottomPad { width:100%; height:119px; background:url(images/pad-bg.jpg) repeat-x; clear:both;} 
/*---------------------------------------------------*/
#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;}


/*----------------------------TABLES---------------------*/
caption{ margin-bottom:10px; font-size:16px;}
#icon1{ background-image:url(images/icon4.png);}
#icon2{ background-image:url(images/icon5.png);}
#icon3{ background-image:url(images/icon6.png);}
#icon4{ background-image:url(images/icon7.png);}
/* ---------------------------------------------------- */



/*----------------------- PORTFOLIO ----------------------------*/
#navButtonLeft a{ background-image:url(images/nav_buttons_trans.png); height:23px; width:41px; background-position:0 0;}
#navButtonLeft a:hover { background-position: 0px 25px;}
#navButtonRight  a{ background-image:url(images/nav_buttons_trans.png); height:23px; width:40px; background-position:40px 0px;}
#navButtonRight a:hover { background-position:40px 25px;}
#portfolioCategories{ background-color:#1e1e1e; border:1px solid #111; color:#fff;}
.portfolioItem{ background-color:#161616; border:1px solid #111;}

/*------------------------SERVICES---------------------------*/
.servicesImg{ background-color:#161616; border:1px solid #212121;}
.borderImg{ background-color:#161616; border:1px solid #212121;}
.smallPostImg{ border:1px solid #212121;}

.services-list {}
	ul.services-list li { list-style:none; margin:0 0 20px;}
		.services-list img { float:right; margin-top:30px; border:1px #a3c6e3 solid;}
		.services-list h3 { float:left; width:300px;}
		.services-list p { float:left; width:300px; text-align:justify;}
		.services-list .dark-button { clear:right; float:right; margin-top: 15px;}

/*---------------------------- CONTACT PAGE ----------------------------*/
.input, .commentInput, .commentTextArea{}
.errorMessage{ color:#ff3333;}
.moreLink{ color:#999999; text-decoration:none;}
#navigationContainer{ height:64px; width:968px; margin-left:2px; background-image:url(images/menu_trans.png); background-repeat:no-repeat; background-color:transparent; float:left;}
#contentBottom{  background-image:url(images/bottom_trans.png);}

/* Contact form */
.UDT_Field { }
	.UDT_Caption { display:inline-block; width:100px; vertical-align:top; height:35px;}
	.UDT_Input { display:inline-block;}
		.NormalTextBox {  border:1px solid #466775; background-color:#18262E; color:#fff; font-size:14px; height:25px; width:250px;}
	.UDT_Input textarea { width:420px; display:inline-block;  border:1px solid #466775; background-color:#18262E; color:#fff; font-size:14px; font-family:Verdana, Geneva, sans-serif;}


#menu ul li.current_page_item a, #menu ul li.current_page_parent a{ color:#fee7c8; 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:#fee7c8; 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:#fee7c8;}

/*----------------------------TABLES---------------------*/
#portfolioCategories{ background-color: transparent; background-image: url(images/transparent.png);}
#portfolioCategories ul{ display:inline; margin-left:0px;}
#portfolioCategories ul li{ border-right:1px solid #828282;}
#portfolioCategories ul li a{ color:#c8c8c8;}
#portfolioCategories ul li a:hover{ color:#fff;}
hr{ background-color: #ccc;}

/*-------------------------CONTROLPANEL-------------------*/
#OptimizedBar_cpwrap { text-align:center; width:960px; margin:0 auto; background:transparent;}
.oh-cp-float h6 { color:#000!important; font-family:Verdana, Geneva, sans-serif; font-variant:normal; margin:0 auto;}

#OptimizedBar_hypMessage { display:none;}

/* FAQs */
.faq-question {color:#a3c6e3!important; font-size:20px; line-height:30px; }
.faq-answer {}

/* accordian styles */
#accordion { }
	#accordion h3 { border:1px #353e4d solid;}
	#accordion .ui-state-default { background:url(images/accordion-arrows-inactive.jpg) no-repeat 10px #151f26; width:100%;}
	#accordion .ui-state-active { background:url(images/accordion-arrows-active.jpg) no-repeat 10px #151f26;}
	 #accordion h3 a{ line-height:45px; display:block; padding:5px 5px 5px 40px; text-decoration:none!important;}
	 #accordion h3 a:active{ top:0px; border:none!important;}
	#accordion div { height:149px; background:#0c1216; border:1px #353e4d solid; padding:10px;}
	#accordion img { border:1px #353e4d solid; margin-left:10px; padding:0px;}
	
	
/* Photo Gallery */
.View { margin-left:-10px;}
.photo-wrap { margin:9px; border:1px #353e4d solid; padding:15px; background-color:#18252E;}
.image-wrap { padding-bottom:10px;}
a.image-title { font-size:18px; color:#a3c6e3;}
#lightbox-container-image-data-box * { color:#000!important}

/* Phone number in TopPane (header) */
.header-phone { float:right; font-size:180%; display:block;}
.header-slogan { clear:right; float:right; margin:10px 0 0 ; display:block;}

/* Video Gallery - Coding Staff */
/* .VideoGallery { min-width:542px!important; width:542px!important;} */
.VideoGallery .video-file-item-wrapper, .VideoGallery .GalleryPreview { color:#FFF!important; background-image:none!important; border:1px #353e4d solid; background-color:#18252E;}
.VideoGallery .video-file-title, .VideoGallery .VideoFileName { color:#FFF;}
.VideoGallery .video-file-description, .VideoGallery a.video-file-description:link, .VideoGallery a.video-file-description:visited, .VideoGallery a.video-file-description:active { color:#FFF;}