/*
Theme Name: Scopic Software
Theme URI: http://www.scopicsoftware.com
Description: Scopic website
Version: 1.0
Author: Andreea Onu
*/

/************************
 * GENERIC ELEMENTS
 ************************/
body {
	background-color: #e4e4e4;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}

/************************
 * MENU
 ************************/
#menu {
	margin: auto;
	margin-top: 14px;
	margin-bottom: 5px;
	width: 900px;
	height: 64px;
	background:transparent url(images/bg_menu.png) no-repeat scroll
}

#menu ul {
	display: inline;
	float: left;
	margin-left: 220px;
}

#menu ul li {
	display: inline;
	float: left;
}

#menu ul li a {
	display: block;
	width: 135px;
	text-align: center;
	text-decoration: none;
	height: 10px;
	padding: 25px 0px;
	color : #fff;
	font-size: 13px;
	text-transform:lowercase;
	margin-top:2px;
	border-left: 1px solid #488c9a;
}

#menu ul li a:before {
	content: '.// ';
}

#menu ul li a:hover {
	background:transparent url(images/bg_menuhover.png) repeat-x scroll;
}

#menu ul li.page-item-11 a:hover {
	background:transparent url(images/bg_menuhover_right.png) no-repeat scroll;
}

/************************
 * CONTAINER
 ************************/
 #container_top {
	margin: auto;
	width: 900px;
	background:#fff url(images/bg_content_top.png) no-repeat scroll;
	height: 10px;
	margin-bottom: -7px;
}

#container {
	margin: auto;
	width: 900px;
	background:#fff url(images/bg_content.png) repeat-y scroll;
	position: relative;
}

#container_bottom {
	background:transparent url(images/bg_footer.png) no-repeat scroll;
	margin: auto;
	width: 900px;
	height: 10px;
}

/************************
 * HEADER HOME
 ************************/
#header_home {
	margin: auto;
	width: 413px;
	background:transparent url(images/header-1.png) no-repeat scroll;
	height: 105px;
	padding-left: 450px;
	padding-right: 30px;
	padding-top: 220px;
}

/************************
 * HEADER COMPANY
 ************************/
 #header_company{
	margin: auto;
	width: 410px;
	background:transparent url(images/header-2.png) no-repeat scroll;
	height: 325px;
	padding-left: 450px;
	padding-right: 30px;
	text-align: center;
}

#header_company p {
	font-size: 37px;
	color: #000;
	padding: 130px 10px 20px 0px;
	font-weight: bold;
}

#header_company span {
	font-size: 18px;
	color: #000;
	padding: 0px 20px;
	font-weight: bold;
}

/************************
 * HEADER SERVICES
 ************************/
 #header_services{
	margin: auto;
	width: 610px;
	background:transparent url(images/header-3.png) no-repeat scroll;
	height: 325px;
	padding-left: 280px;
	text-align: center;
}

#header_services p {
	font-size: 37px;
	color: #000;
	padding: 20px 10px 20px 0px;
	font-weight: bold;
}

#header_services span {
	font-size: 18px;
	color: #000;
	padding: 0px 20px;
	font-weight: bold;
}

/************************
 * HEADER CONTACT
 ************************/
 #header_contact{
	margin: auto;
	width: 355px;
	background:transparent url(images/header-4.png) no-repeat scroll;
	height: 325px;
	padding-left: 450px;
	padding-right: 85px;
	text-align: center;
}

#header_contact p {
	font-size: 37px;
	color: #000;
	padding: 120px 10px 20px 0px;
	font-weight: bold;
}

/************************
 * HEADER JOBS
 ************************/
 #header_jobs{
	margin: auto;
	width: 355px;
	background:transparent url(images/header-7.png) no-repeat scroll;
	height: 325px;
	padding-left: 450px;
	padding-right: 85px;
	text-align: center;
}

#header_jobs p {
	font-size: 37px;
	color: #000;
	padding: 120px 10px 20px 0px;
	font-weight: bold;
}


/************************
 * CONTENT
 ************************/
#content {
	padding: 20px 0px 20px 30px;
	font-size: 12px;
	line-height:18px;
	width: 660px;
	float: left;
}

.widecontent {
	width: 840px !important;
}

#content p {
	margin-bottom: 15px;
	line-height: 100%;
}

#content h1 {
	font-size: 30px;
	font-weight: bold;
	color: #9a0101;
	margin-bottom: 15px;
	line-height: 25px;
}

#content h2 {
	font-size: 22px; 
	font-weight: bold;
	color: #9a0101;
	margin-bottom: 5px;
}

#content h3 {
	font-size: 12px; 
	color: #297887;
	margin-bottom: 5px;
}

#page_content {
	color: #297887;
	font-size: 12px;
	margin-bottom: 5px;
}

.left_info{
	width: 415px;
	float: left;
}

.left_info h2 {
	margin-top: 15px;
	margin-left: 15px;
	width: 280px;	
}

.services {
	position: relative;
	background:transparent url(images/bg_border.png) no-repeat scroll;
	width: 415px;
	height: 100px;
}

#text{
	float: left;
}

#text p {
	margin-left: 15px;
	width: 300px;	
}

.services img{
	margin-top: 15px;
	float: left;
}

.info {
	margin-top: 5px;
	position: relative;
}

#partners{
	margin-left: 15px;
}

.right_info {
	position: relative;
	background:transparent url(images/bg_border2.png) no-repeat scroll;
	width: 415px;
	height: 190px;
	float: left;
}

.right_info h2 {
	margin-top: 15px;
	margin-left: 15px;
	width: 280px;	
}

.app_type p{
	margin-left: 15px;
	margin-bottom: 10px !important;
	float: left;
	width: 330px;
}

.app_image{
	width: 53px; 
	float: left;
	margin-top: -127px;
}

.what_is{
	position: relative;
	background:transparent url(images/bg_border3.png) no-repeat scroll;
	width: 415px;
	height: 185px;
	margin-top: -10px;
}

.text_area{
	margin-left: 15px;
	margin-top: 30px;
	float: left;
	width: 320px;
}

.right_info2{
	position: relative;
	width: 410px;
	height: 190px;
	float: left;
	margin-left:15px;
	margin-top: 50px;
}

.right_info2 p{
	margin-bottom: 0px !important;
}

#subtitle{
	margin-bottom: 15px !important;
}

.right_info3{
	position: relative;
	width: 410px;
	height: 190px;
	float: left;
	margin-left:15px;
}

.founder{
	position: relative;
	float: left;
}
	
.text_area2{
	float: left;
	width: 288px;
}

.mission{
	position: relative;
	background:transparent url(images/bg_border4.png) no-repeat scroll;
	width: 420px;
	height: 110px;
	margin-top: 10px;
	float: left;
}

.text_area3{
	margin-left: 15px;
	float: left;
	width: 350px;
	margin-top: 15px;
}

.text_area3 p{
	margin-bottom: 0px !important;
}

.text_area4{
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	width: 320px;
}

.WebOrDesktop{
	position: relative;
	background:transparent url(images/bg_border5.png) no-repeat scroll;
	width: 415px;
	height: 117px;
	float: left;
}

.img{
	margin-top: 20px;
}

.Consulting{
	position: relative;
	background:transparent url(images/bg_border6.png) no-repeat scroll;
	width: 415px;
	height: 165px;
	float: left;
}

/************************
 * CONTACT
 ************************/
#contact_info {
	padding: 5px 20px;
	position: absolute;
	left: 4px;
	width: 854px;
	font-size: 12px;
	text-align: left;
	border-top: 1px dashed #ccc;
}

#contact input[type="text"],
#contact textarea
{
	border: 1px solid #ccc;
	width: 400px;
	font-size: 12px;
	font-family:Verdana,Helvetica,sans-serif;
	padding: 1px;
}

#contact textarea {
	height: 208px;
}

#contact p.label {
	font-weight: bold;
	margin-bottom: 0px;
	color: #015C78;
}

#contact_left {
	float: left;
	margin-right: 30px;
}
#contact_right {	
	float: left;
}

.wpcf7-checkbox .wpcf7-list-item {
	display: block;
}

/************************
 * PORTOFOLIO
 ************************/
 .post{
	border-bottom: 1px dashed #ccc;
	width: 320px;
	height: 200px;
	float: left;
	margin-left: 10px;
 }

 .post h4{
	font-size: 14px;
	font-weight: bold;
	color: #9a0101;
	margin-top: 15px;	
 }
 
 .postmetadata{
	text-decoration: none;
	color: #015C78;
 }

 .postmetadata a {
	color: #015C78;
	font-size: 12px;
 }

 .postmetadata a:hover {
 	color: #000;
 }
 
 .entry{
	height: 120px;
 }
 
 .entry img {
 	border: 1px solid #ccc;
 }

/************************
 * FOOTER
 ************************/
#footer {
	color: #777;
	margin: auto;
	width: 830px;
	padding: 20px 35px;
	font-size: 9px;
	font-weight: bold;
}

/************************
 * GENERIC CLASSES
 ************************/
 .clear { clear: both; height: 0px; padding: 0px; margin: 0px;}

 .button {
 	border: 1px solid #02475D;
 	background-color: #015C78;
 	font-size: 13px;
 	color: #fff;
 	padding: 1px;
 	cursor: pointer;
 	width: 100px;
}

.button:hover {
 	background-color: #9a0101;
}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #E6EAEB;
	padding-top: 4px;
	margin: 40px 0px 0px 10px;
	color: #666;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	border: 1px solid #ccc;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px ;
	margin: 0px !important;
}

/************************
 * SIDEBAR & WIDGETS
 ************************/
#sidebar {
	width: 180px;
	float: left;
	padding: 20px 10px 10px 10px;
}

.widget {
	margin-bottom: 20px;
	background-color: #E6EAEB;
	padding: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #444444;
}

.widgettitle {
	font-size: 16px;
	color: #444;
	margin-bottom: 7px;
	padding-bottom: 3px;
}

.widget a {
	color: #444444;;
	text-decoration: none;
}

/************************
 * WIDGET: CATEGORY
 ************************/
.current-cat a {
	color: #9a0101;
}

.current-cat li a{
	color: #444;
}

.cat-item a {
	display: block;
	border-bottom: 1px dashed #ccc;
	padding: 5px 0px;
	padding-left: 5px;
}

.cat-item a:hover {
	color: #015C78;
	border-bottom: 1px dashed #015C78;
}

/************************
 * WIDGET: TAG CLOUD
 ************************/
.widget_tag_cloud a:hover {
	color: #015C78;
	text-decoration: underline;
}