@font-face

{

    font-family:"raleway-medium-webfont";

    src:url("fonts/raleway-medium-webfont.eot");

    src:url("fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"),

    url("fonts/raleway-medium-webfont.woff") format("woff"),

    url("fonts/raleway-medium-webfont.ttf") format("truetype"),

    url("fonts/raleway-medium-webfont.svg") format("svg");

    font-weight: normal;

    font-style: normal;

}



body

{

    font-family:"raleway-medium-webfont", Arial,Verdana,Helvetica;

    font-size:14px;

    line-height:150%;



    margin:0px;

    padding:0px;

    width:100%;

    height:100%;



    color:#586063;

    background:#586063;

    background:#212224;

    -webkit-text-size-adjust:none;

	/*background:url('/images/bg.jpg') repeat;*/

}



a

{

	text-decoration:none;

	color:#CC00CC;

}

a:hover

{

	text-decoration:underline;

}

img

{

	border:none;

}

p

{

	margin-top:0px;

	line-height: 1.5

}



h1, h2, h3, h4, h5, h6

{

	display: inline-block;

}

h1

{

	font-size:28px;

	margin:0;

	padding:0;

}

h2

{

	border-bottom:2px solid #586063;

    line-height: 1.5;

    margin-top:0;

     padding-bottom: 7px;

}

h3

{

	border-bottom:2px solid #586063;

    line-height: 2.2;

    margin-top:0;

}

h4

{

}

h5

{

}

h6

{

}



#logo

{

	margin-top: 10px;

    width: 60px;

}

#logo_2

{

	margin:5px 0;

}

#site_title

{

	font-size:20px;

}

table

{

	border-collapse: collapse;

}

table tbody tr td

{

	padding:0;

}

ul

{

	margin:0;

	padding-left:14px;

	list-style-type: square;

}







@media (max-width: 640px)

{

   h1

   {

   	font-size:25px;

   }

}





/** MAIN STRUCTURE **/

#div_top_balk_wrapper, #div_footer_page_width, #div_main_content_wrapper, #div_footer_wrapper, #div_page_title_and_submenu_wrapper, #div_logo_and_menu_wrapper, #div_page_crumbs

{

	width:1025px;

/*	padding:0 2px;*/

	margin:0 auto;

}

#div_main_content, #div_logo_and_menu

{

	/*background:url('/images/bg.jpg') repeat;*/

	background:#ffffff;

}

#div_main_content_grey

{

	background:#586063;

}

#div_main_content, #div_main_content_grey

{

	padding:40px 0;

}

#div_top_balk, #div_page_title_and_submenu

{

	background:#cc00cc;

	color:#ffffff;

}

#div_top_balk

{

	font-size:12px;

}

#div_page_title_and_submenu

{

	padding:15px 0;

}



#div_top_balk_wrapper a

{

	color:#ffffff;

}

#div_footer

{

	/*border-top:1px solid #586063;*/

	color:#ffffff;

	padding:40px 0;

}

#content_small_holder

{

	width:650px;

	float:left;

}

#content_right_holder

{

	padding-left:60px;

	width:300px;

	float:left;

}



#menu_phone_holder

{

    padding-right: 15px;

    position: relative;

    float: left;

}

#menu_phone_holder img

{

    width:27px;

    height:27px;

    top: 5px;

    position: relative;

    margin-left: -2px;

}

#menu_phone

{

    display:none;

    padding:15px 0;

}

.menu_item_phone

{

     text-align:center;

    display:block;

    background:#CC00CC;

    color:#ffffff;

    font-weight:bold;

    font-size:16px;

    padding:5px 0;

}



@media (max-width: 640px)

{

   #div_top_balk_wrapper, #div_footer_page_width, #div_main_content_wrapper, #div_footer_wrapper, #div_page_title_and_submenu_wrapper, #div_logo_and_menu_wrapper, #div_page_crumbs

    {

        width:100%;

        padding:0;

    }

    #div_top_balk_wrapper,  #content_small_holder, #content_right_holder

    {

        width:90%;

        padding:0 5%;

    }

    #div_top_balk_wrapper

    {

       /* padding-top:6px;*/

    }

    #content_small_holder img

    {

        text-align:center;

    }

    #div_page_title_and_submenu

    {

        padding:10px 5%;

        /*text-align:center;*/

    }

    #div_main_content

    {

        padding-top:15px;

    }

}

/** TOPBALK **/

#div_email_phone

{

	float:left;

	padding:5px 0;

}

#social_bar

{

	float:right;

}

.social_link

{

	padding-top: 7px;

	display:inline-block;

	width:40px;

	height:30px;

	text-align:center;

	border-left:1px solid #ffffff;

}



/** MENU **/

#div_menu

{

	float:right;

	padding:35px 0;

	font-size:14px;

}

#div_menu a

{

	color:#586063;

	font-size:14px;

}

#div_menu a:hover

{

	text-decoration:none;

	color:#cc00cc;

	border-bottom:2px solid #CC00CC;

}

#div_submenu

{

	float:right;

	padding:4px;

	margin-top: -6px;

	color:#586063;

}

#div_submenu a

{

	background:#ffffff;

	color:#586063;

	margin-right:5px;

	display:inline-block;

	padding:5px;

}

#div_submenu a:hover

{

	text-decoration:none;

	background:#CC00CC;

	color:#ffffff;

}



@media (max-width: 640px)

{

    #div_submenu

	{

		float:right;

		padding:3px;

		margin-top: -6px;

		color:#586063;

	}

}



/** CRUMBS **/

#div_page_crumbs

{

	font-size:13px;

	padding-bottom:15px;

}

#div_page_crumbs a

{

	color:#586063;

}



@media (max-width: 640px)

{

    #div_page_crumbs

    {



        width:90%;

         padding:2% 5% 15px 5%;

    }

}

/** FOOTER **/

#div_footer_wrapper h3

{

	border-bottom:2px solid #ffffff;

	margin-bottom:5px;

	color:#ffffff;

	font-size:16px;

}

.footer_block

{

    padding-right:50px;

    width:305px;

    color: #A8A8A8;

    font-size: 13px;

    float:left;

}



@media (max-width: 640px)

{

    #div_email_phone

    {

        padding:5px 0;

        float:none;

        text-align:center;

       /* border-bottom:1px solid #ffffff;*/

        margin-bottom:5px;

    }

    .footer_block

    {

        width:90%;

        padding:0 5%;

        margin-bottom:35px;

    }

}

.footer_block a

{

	color:#DADADA;

}

.footer_block a:hover

{

	text-decoration:underline;

}

.tweet_date, .blog_date

{

	color:#757575;

}



/** GOOGLE MAP **/

#google_map

{

	width:1025px;

	height:380px;

}



/** BUTTONS AND SPECIAL TEXT SPANS **/

.button_purple

{

	background:#cc00cc;

	color:#ffffff;

	padding:6px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	cursor:pointer;

}

.button_purple:hover

{

	opacity:0.6;

	filter:alpha(opacity=60); /* For IE8 and earlier */

}

.purple

{

	color:#cc00cc;

}



/** INPUT TEXTAREA STYLES **/

input, textarea

{

	border:1px solid #cccccc;

	padding:5px 4px;

}



/** BLOG ITEM **/

.blog_item

{

	background:#ffffff;

	width:245px;

	float:left;

	margin-bottom:25px;

	cursor:pointer;

}

.blog_item_text_holder

{

	padding:10px 10px 15px 10px;

}

.blog_item_image_holder

{

	width:245px;

	overflow:hidden;

	display:block;

}

.blog_item_image_holder img

{

	width:100%;

}

#single_blog_item_holder

{

    width:717px;

    float:left;

    overflow:hidden;

}

#blog_reactions_holder

{

    width:717px;

    float:left;

	padding-bottom:20px;

}

.blog_reaction

{

	border-bottom:1px solid #EEEEEE;

	margin-bottom:15px;

	padding-bottom:15px;

}

#more_blog_links

{

	line-height:1.8;

	font-size: 13px;

	width:270px;

	float:left;

	padding-left:25px;

}

#more_blog_links a

{

	color:#586063;

}

.blog_item_text_holder a.button_purple:hover

{

	text-decoration:none;

}

#more_blog_links a:hover

{

	text-decoration:none;

	color:#cc00cc;

	border-bottom:2px solid #CC00CC;

}

.date_time_blog_all

{



}

#more_blog_links ul

{

	margin:0;

	padding:0;

	margin-left:13px;

	list-style-type: square;

}



.textarea_blog

{

     width:573px;

     height:125px;

}

.textarea_blog_warning

{

     width:581px;

}

.input_field_blog

{

    width:323px;

}

.input_field_blog_warning

{

    width:331px;

}

#send_reaction_blog

{

    margin-left:516px;

}



@media (max-width: 640px)

{

    .blog_item

    {

        background:#ffffff;

        width:96%;

        margin:0 2% 25px 2%;

    }

    .blog_description_short

    {

		color:#ffffff;

		background: #CC00CC;

		padding:2%;

		height: 221px;

		width:93%;

		overflow:hidden;

		display:none;

		position:absolute;

    }

    .blog_item_image_holder

    {

        width:100%;

    }

    .blog_description_short

    {

        height:249px;

    }

    .blog_item_title_holder

    {

        height:41px;

    }

    #single_blog_item_holder, #more_blog_links

    {

        float:none;

        width:90%;

        padding:0 5%;

    }

    #single_blog_item_holder img

    {

         width:100%;

    }

    #more_blog_links ul

    {

        margin-left:14px;

    }

    #blog_reactions_holder

    {

        width:100%;

    }

    .input_field_blog

    {

        width:96%;

    }

    .textarea_blog

    {

        width:96%;

    }

    .textarea_blog_warning, .input_field_blog_warning

    {

        width:98%;

    }

    #send_reaction_blog

    {

        float:right;

    }

}



/** PROJECT **/

.project_item

{

	background:#ffffff;

	width:331px;

	float:left;

	margin-bottom:25px;

	cursor:pointer;
  height: 268px;
	margin-right:15px;

}

.project_item_title_holder

{

	padding:10px 0;

	text-align:center;

}

.project_item_title_holder a

{

	color:#586063;

}

.project_item_image_holder

{

	height:200px;

	overflow:hidden;

}

#single_project_item_holder

{

    width: 717px;

    float:left;

}

.project_item_image_holder img

{

	/*width:100%;*/

}

#more_project_links

{

	line-height:1.8;

	font-size: 13px;

	width:270px;

	float:left;

	padding-left:25px;

}

#more_project_links a

{

	color:#586063;

}

#more_project_links a:hover

{

	text-decoration:none;

	color:#cc00cc;

	border-bottom:2px solid #CC00CC;

}

.date_time_project_all

{



}

#more_project_links ul

{

	margin:0;

	padding:0;

	margin-left:13px;

	list-style-type: square;

}

.project_description_short

{

	color:#ffffff;

	background: #CC00CC;

	padding:10px;

	height: 248px;

	width:311px;

	overflow:hidden;

	display:none;

	position:absolute;

}

.project_description_short_read_more

{

	float:right;

	font-weight:bold;

	color:#CC00CC;

	background: #ffffff;

	padding:6px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.project_description_short_title

{

	font-size: 18px;

    font-weight: bold;

}



@media (max-width: 640px)

{

    .project_item

    {

        background:#ffffff;

        width:96%;

        margin:0 2% 25px 2%;

    }

    .project_description_short

    {

		 color:#ffffff;

		 background: #CC00CC;

		 padding:2%;

		 height: 221px;

		 width:93%;

		 overflow:hidden;

		 display:none;

		 position:absolute;

    }

    .project_item_image_holder

    {

        width:100%;

    }

    .project_item_image_holder img

    {

   		width: 100%;

	}

    .project_description_short

    {

        height:249px;

    }

    .project_item_title_holder

    {

        height:61px;

        padding:0 2%;

    }

    #single_project_item_holder, #more_project_links

    {

        float:none;

        width:90%;

        padding:0 5%;

    }

    #single_project_item_holder h2

    {

    	padding-top:10px;

    }

    #single_project_item_holder img

    {

         width:100%;

    }

    #more_project_links ul

    {

        margin-left:14px;

    }

}



/** NOTIFICATION STYLES **/

.notification

{

	position:relative;

	margin:0px;

	padding:0px;

	border:1px solid;

	background-position:10px 11px;

	background-repeat:no-repeat;

	font-size:14px;

	width:99%;

	display:block;



	/*-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;*/

}



.attention

{

	background:#fffbcc;

	border-color:#e6db55;

	color:#666452;

}

.information

{

	background:#dbe3ff;

	border-color:#a2b4ee;

	color:#585b66;

}

.success

{

	background:#8CD181;

	border-color:#8CD181;

	font-weight:bold;

	color:#ffffff;

	margin-top:14px

}



.success_small

{

	background-color:#d5ffce;

	border-color:#9adf8f;

	color:#556652;

	padding:2px;

}

.error

{

	background:#BF0C0C;

	border-color:#eb008b;

	color:#ffffff;

}

.warning

{

	background-color:#FE4B4B;

	border-color:#df8f8f;

	color:#ffffff;

	padding:2px;

}



.notification_inside

{

	display:block;

	font-style:normal;

	padding:5px 5px 5px 5px;

	line-height:1.5em;

}

.notification_close

{

	/*background:url(../images/icons/cross_grey_small.png);*/

	color:#990000;

	font-size:9px;

	position:absolute;

	right:5px;

	top:5px;

	display:inline-block;

	width:7px;

	height:7px;

}



/** HOME **/

#big_image

{

    margin-top:-30px;

    margin-bottom:30px;

}

#home_text_between_holder

{

	/*background:#CC00CC;

    color:#ffffff;*/

    padding:10px;

    float:left;

    width:700px

}

#home_text_between

{

    margin-bottom: 13px;

  /*  margin-left: auto;

    margin-right: auto;*/

    width: 80%;

}

#home_text_bottom_holder

{

	/* background-color: #CC00CC;

	  color:#ffffff;*/

    text-align:center;

    position: relative;

    top: 15px;

    margin-bottom:25px;

}

#home_text_bottom

{

    margin-bottom: 13px;

  	margin-left: auto;

    margin-right: auto;

    width: 90%;

}

#table_blocks_home

{

	margin:40px 0 15px 0;

}

.home_block

{

	padding-right:50px;

	width:305px;

	text-align:center;

	float:left;

	margin-top:20px;

}



.holder_home_block_content

{

	padding:15px;

	border:1px solid #E5E5E5;

}
.home_blog_twitter{
    width:300px;
    float: left;
    padding-top: 72px;
}
#cmc

{

	text-align:center;
  margin: 0 auto 80px;;

	width:300px;

}

#clock

{

    margin: 0 auto 25px 399px;

    display: inline-block;

    text-align: center;

    width: 225px;

}



@media (max-width: 640px)

{

    #big_image

    {

      	margin-top: -20px;

        margin-bottom:0;

    }

    #home_text_between_holder

    {

        width:90%;

        float:left;

        padding:4% 5%;

    }

    .holder_home_block_content

	{

		padding:15px 5%;

		border:1px solid #E5E5E5;

	}

    #home_text_between

    {

        width:100%;

    }

    #cmc

    {

        width:100%;

        float:left;

        margin-bottom:35px;

    }

    .home_block

    {

        width:100%;

        padding:0;

        margin-top:20px;

        text-align:center;

    }

    #clock

    {

        margin: 35px auto 0 auto;

        width: 225px;

        display:block;

    }

}



/** CONTACT **/

.contact_icon

{

	width:25px;

	margin-right:10px;

}

#contact_left

{

    width:727px;

    float:left;

	padding-bottom:20px;

}

#contact_right

{

	float: left;

    padding-left: 84px;

    width: 207px;

}

.contact_input_left

{

	width:140px;

	float:left;

}

.contact_input_right

{

	width:575px;

	float:left;

}

.contact_input

{

	width:323px;

}

.contact_textarea

{

	width:573px;

	height:250px;

}

.contact_input_warning

{

	width:469px;

}

.contact_textarea_warning

{

	width:719px;

}



@media (max-width: 640px)

{

	#find_us

	{

        margin:0 5% 15px 5%;

	}

    #contact_left, #contact_right

    {

        float:none;

        width:90%;

        padding:0 5%;

    }

    .contact_input_left, .contact_input_right

	{

		float:none;

        width:100%;

	}

	.contact_input,	.contact_textarea

	{

		width:96%;

	}

	.contact_input_warning, .contact_textarea_warning

	{

		width:98%;

	}

	.contact_textarea

	{

		height:125px;

	}

}



/** RESETS WEBKIT APPEARANCES INPUT FIELDS **/

input, textarea, select {

	-webkit-appearance: none;

	border-radius: 0;

	border:1px solid #D7D7D7;

	padding:5px;

}