/*
 Author: Boris Biserov Delev
 Date: 2009.02.27
 
 Legend:
 	[1] Global
	[2] Master elements
		- wrapper
	[3] Pages elements
*/


/*
 * Global
 */
 
body, html {
	font: 16px Tahoma, Geneva, sans-serif;
	height: 101%;
	background: black url(../images/public/background.jpg) no-repeat top center;
	color: #DDDDDD;
}

body {
	
	
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
	/*color: #0087C1;*/
}

h3 {
	font-size: 20px;
}

input,
textarea,
button {
	font-size: 11px;
}

a {
	color: #DDDDDD;	
	outline: none;
}

.clear {
	clear: both;
}

.hide {
	display: none;	
}


/*
 * Master elements
 */
 
#wrapper {
	width: 982px;
	margin:0 auto;
	position: relative;
	min-height: 700px;
}


/*
 * Page elements
 */


/* Text boxes */
.text {
	font-size: 18px;
}

.text.inner {
	font-size: 13px;
	line-height: 18px;
}

	.text strong {
		font-weight: bold;
	}
	
	.text em {
		font-style: italic;
	}
	
	.text ul,
	.text ol {
		/*padding: 3px 0 3px 5px;*/
	}
	
		.text ol li {
			list-style: decimal;
			list-style-position: inside;
		}
	
		.text ul li {
			/*padding: 0 0 0 7px;*/
		}

	.text p {
		/*text-indent: 5px;*/
		padding-bottom: 5px;
	}
	
	.text h1,
	.text h2,
	.text h3 {
		font-size: 17px;
		padding-bottom: 5px;
	}
	
	.text h4 {
		font-size: 15px;
	}
	
	.text h5 {
		font-size: 14px;
	}
	
	.text h6 {
		font-size: 12px;
	}
	
/*Site Specifics*/

.top15 {
	margin-top:30px;
}

#flash_messages {
	display: block;
	width: 100%;
	background: #333333;
	color: white;
	margin-top: 30px;
}

	#flash_messages ul {
		width: 100%;
		margin: 0 auto;
		padding: 3px 0;
	}
	
	#flash_messages li {
		padding: 2px 15px;
		
	}
	
		#flash_messages .close {
			display: none;
		}

h1 a {
	width: 720px;
	text-indent : -9999px;
	height: 295px;
	display: block;
	margin: 0 auto;
}

h2 {
	font-size: 30px;
	margin-top: 15px;
	margin-bottom: 0px;
}

h2.title {
	margin-top: 40px;
}

.page_application h2.title {margin-top: 10px;}


h2.hello {color: #2bb6ca;}
h2.services {color: #fc6941;}
h2.portfolio {color: #c92acb;}
h2.services.contactus {margin-bottom: -5px;}

ul.rightmenu {
	float: right;
	margin-top: -30px;
}

ul.rightmenu.top {
	margin-right: 20px;
	display: inline;
	margin-top:10px;
}

ul.rightmenu li {
	font-size: 13px;
	float: left;
}

ul.rightmenu li a 
{
	background : url(../images/public/menu.gif) repeat-x bottom left;
	margin: 0 5px;
	text-decoration: none;
	font-size: 14px;
	height: 20px;
	zoom: 1;
	font-weight: bold;
}

ul.rightmenu li.selected a{
	background : url(../images/public/menu_selected.gif) no-repeat bottom center;
	padding-bottom: 12px;
}

.projects_wrapper {
	position:relative;
	left: -7px;
}

.projects.home {
	margin-top: 10px;
}

.projects_wrapper h4 {
	height: 40px;
	font-size: 21px;
	text-align: right;
	margin-bottom: 10px;
	width: 100%;
	background : url(../images/public/arrows.png) no-repeat bottom right;
}

.projects {xwidth:502px;}
.projects_wrapper.inner {left: 0px;}
.projects_wrapper.inner .projects {width:652px;}

.projects_wrapper.inner .projects div {
	background : url(../images/public/porfolio_big.png) no-repeat top left;
	height: 515px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.projects div {
	
}

.projects.home div img {
	width: 300px;
	height: 212px;
	padding-top: 23px;
}

.projects div ul li {
	background : url(../images/public/star.png) no-repeat 315px 115px;
	float: left;
	padding-right: 30px;
	margin-left: 10px;
	display: inline;
	width: 300px;
	height: 251px;
}

.projects div a {
	background : url(../images/public/3waypad.png) no-repeat top left;
	height: 251px;
	display: block;
	
}

.projects div a.last {
	padding-right: 0px;
}

.projects_wrapper.inner .projects div img {
	margin-top: 49px;
	margin-left: 0px;
}

.projects div a.last img

.projects div a.last img {
	background: none;
}

.projects p {
	text-align: center;
	overflow: hidden;
	height: 18px;
}

.projects_wrapper.inner .projects p {
	margin-top: 10px;
}

.projects p a , .projects p span{
	display: -moz-inline-box;
	display: inline-block;
	text-decoration: none;
	margin: 0 0 0 2px;
	text-indent : - 9999px;
}

.projects span.first , .projects span.last {
	width: 15px;
	height: 15px;
	text-indent : -9999px;
}

.projects p a {
	background : url(../images/public/square.gif) no-repeat center center;
	width: 6px;
	height: 15px;
	text-indent : -9999px;
}

.projects p a.active {
	background : url(../images/public/square_active.gif) no-repeat center center;
	width: 6px;
	height: 15px;
}
.projects span.first {
	background : url(../images/public/left_arrow.png) no-repeat top left;
	cursor: pointer;
}

.projects span.last {
	background : url(../images/public/right_arrow.png) no-repeat top left;
	cursor: pointer;
}

.related_projects {
	float: right;
	width: 175px;
}

.related_projects ul {
	text-align: right;
	font-size: 13px;
	
}

.related_projects ul li a {
	text-decoration: none;
}

.projects-flash {
	margin-top: 10px;
	overflow: hidden;
}

.projects-flash li {
	float: left;
	margin: 5px;	
}

.projects-flash li a {
	text-decoration: none;
	line-height: 25px;
}

.projects-flash li a.active {
	color: #9E3A9F;
	font-size: 20px;
}

.arrow_border 
{
	background : url(../images/public/arrows.png) no-repeat top left;
	width: 100%;
	height: 20px;
}

#footer {
	background : url(../images/public/arrows.png) no-repeat top left;
	font-size: 11px;
	margin: 20px auto 0px auto;
	padding: 20px 0 30px 0;
	position: relative;
	width: 982px;
	height: 5px;
}

#footer strong {font-weight: bold;}

#footer div {float: right;padding-right: 7px;}

#footer a.fixpng {
	position:absolute;
	background : url(../images/public/game.png) no-repeat top left;
	width: 15px;
	height: 11px;
	right: 227px;
	top: 0px;
	cursor: pointer;
	text-decoration: none;
	z-index: 200;
}

/*SIFR REPLACES*/
.accent-blue { color: #2BB6CA;font-size:24px;font-style:italic;}
.accent-gray { color: #B2B2B2;font-size:24px;font-style:italic;}
.accent-orange { color: #fc6941;font-size:24px;font-weight:bold;}
/*END SIFR REPLACES*/

/*services*/

ul.services li {
	padding-left: 100px;
	margin-bottom: 15px;
	min-height: 100px;
}

.services li p {
	font-size: 18px;
}

.li_1 {	background: url(../images/public/1.png) no-repeat center left;}
.li_2 {	background: url(../images/public/2.png) no-repeat center left;}
.li_3 {	background: url(../images/public/3.png) no-repeat center left;}
.li_4 {	background: url(../images/public/4.png) no-repeat center left;}

ul.portfolio li {
	float: left;
	margin-right: 10px;
	padding: 2px 0px 0px 35px;
	background: url(../images/public/x-small.png) no-repeat top left;
	position: relative;
	height: 40px;
	
}


.projects div ul li.last {background:none;}

ul.portfolio li span.big.sIFR-replaced {
	margin-top: -5px;
	display: block;
	visibility: hidden;
}



ul.portfolio li a {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	text-decoration: none;
}

ul.portfolio li em {
	position: absolute;
	display: none;
	bottom: 100%;
	background: url(../images/public/project_popup.png) no-repeat top left;
	width: 175px;
	height: 184px;
	left: -20px;
}

ul.portfolio li em img {
	padding: 8px 0px 0px 8px;
}

form#contacts {
	margin-bottom: 30px;
}

form .textarea textarea {
	background: url(../images/public/textarea.png) no-repeat top left;
	width: 975px;
	height: 316px;
	color: #ffffff;
	font-size: 25px;
	line-height: 40px;
	font-weight: lighter;
	word-wrap: break-word;
	text-indent: 135px;
	overflow: hidden;
	border: none;
}


body.bg-BG form .textarea textarea {
	background: url(../images/public/textarea-bg.png) no-repeat top left;
	text-indent: 90px;	
}

form .from {
	background: url(../images/public/from.png) no-repeat top left;
	width: 604px;
	height: 30px;
	padding-left: 90px;
	margin: 20px 0px 20px 0px;
}

body.bg-BG form .from {
	background: url(../images/public/from-bg.png) no-repeat top left;
	padding-left: 50px;
}

form .subject {
	background: url(../images/public/subject.png) no-repeat top left;
	width: 604px;
	height: 36px;
	padding-left: 120px;
	margin: 15px 0px;
}

body.bg-BG form .subject {
	background: url(../images/public/subject-bg.png) no-repeat top left;
	padding-left: 140px;
}

.from input , .subject input {
	color: #ffffff;
	border: none;
	background: none;
	font-size: 25px;
	width: 240px;
}

.subject input {
	width: 480px;
}

form a {
	font-size: 20px;
	margin-top : 25px;
	display: block;
}

.tictactoy {
	width: 400px;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../images/public/board.png) no-repeat center center;
}

.tictactoy span {
	width: 100px;
	height: 100px;
	float: left;
	margin: 21px 11px 11px 20px;
	cursor: pointer;
	display: none;
}

.list h3 span, .list h3 strong {
	color: #10A9BF;
}

.list h3 strong object {width: 102px;}

.list h3 {position: relative;}

.list h3 a {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	text-decoration: none;
}

.list div {
	margin : 0px 0px 25px 0px;
	font-size: 18px;
}	

/* Paginator */
#paginator {
	width: 80%;
	font-family: Tahoma, Arial, sans-serif;
	overflow:hidden;
}

#paginator ol.pagination {
	margin: 2px 10px 0 0;
	display: inline;
	list-style: none;
}

#paginator ol.pagination li {
	float: left;
	margin: 0 0 0 3px;
	display: inline;
}

#paginator ol.pagination li a {
	float: left;
	padding: 0;
	text-decoration: none;
	cursor: pointer;
}

#paginator ol.pagination li a span  {
	float: left;
	font-size: 14px;
	padding: 1px 5px 2px 5px;
}

#paginator ol.pagination li a:hover span, #paginator ol.pagination li a.active span {
	color: #10A9BF;
}

#paginator ol.pagination li a.active span {
	font-weight: bold;
}

ul.partners li {
	overflow: hidden;
	margin-bottom: 25px;
	clear: both;
	position: relative;
}
ul.partners img {
	float: left;
	margin-right: 10px;
}

ul.partners h4 {
	color : #FC6941;
	font-size:20px;
}


ul.partners a {
	position: absolute;
	height: 25px;
	width: 100%;
	left: 0;
	top: 0;
	text-decoration: none;
	text-indent: -9999px;
}

.home h3 {
	position:relative;
}

.home h3 span, .home h3 strong{
	color: #dddddd;
}

.home h3 strong object {width: 102px;}

.home h3 a {
	position: absolute;
	height: 25px;
	width: 100%;
	left: 0;
	top: 0;
	text-decoration: none;
	text-indent: -9999px;
}