@charset "utf-8";
@import url("form.css");
/* CSS Document */
body { margin:0; padding:0; text-align:center; background: #FFFFFF url(../images/main_bg.png) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size:62.5%; color:#333333; width:100%; }
/*default styles & resets*/
a { color:#437192; outline:none; }
a:hover { text-decoration:none; }
p { line-height:140%; margin:0 0 1em; font-size:15px; }
img { border:none; }
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h2 { font-size:2.85em; }
ul, ol { line-height:150%; font-size:15px; }
ul { list-style-type:square; }
hr { border: 0;height: 1px;color: #dddddd;background-color: #dddddd; margin:20px 0 20px 0; } 



/*layouts*/
#wrapper { width:940px; text-align:left; margin:0 auto; padding:0 2em 4em; overflow:hidden; _height:100%; }
.content { font-size:1.4em; clear:both; /*background:url(../images/grid.png) repeat;*/ }

/*languages block*/
#languages { position:absolute; left:54%; top:0; list-style:none; overflow:hidden; padding:0; margin:0; line-height:30px; margin-left:-5em; }
    #languages li { width:5em; height:30px; float:left; text-align:center; }
        #languages li.active/*, #languages li a:hover*/  { background:#cf0000; color:#FFFFFF; }
        #languages li a { display:block; width:5em; height:30px; color:#437192; }

/* header style */
#header { padding:5.5em 0 0; overflow:hidden; height:6.7em; }
    #header h1 { margin:0; overflow:hidden; float:left; width:278px; height:91px; }
    	#header h1 a { text-indent:-999em; overflow:hidden; display:block; background:url(../images/webart_logo.png) no-repeat; width:278px; height:91px; }
    #header em { display:block; margin-left:11.42em; margin-bottom:-1em; font-style:italic; }
    #make-order { display:block; float:left; font-size:1.7132em; float:left; margin:1.4em 0 0 5.1em; letter-spacing:1px; word-spacing:2px; }
    #contacts-info { float:right; width:15.7em; padding:0 0 0 1.85em; }
        #contacts-info span {display:block;}
        #contacts-info .phone-code { font-size:0.8em; font-family:Verdana, Geneva, sans-serif; margin-left:-2.5em; float:left; margin-top:3em; }
        #contacts-info .phone-number { font-size:2.9em; color:#282425; text-indent:0.5em; }
        #contacts-info a { text-align:right; display:block; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:0.8571em; padding:0.6em 0 0; }

/* main menu */
#main-menu { list-style:none; margin:-28px 0 168px; padding:0 /*1.4285em*/ 0 0; line-height:170%; width:140px; float:left;}
	#main-menu li { background:url(../images/list_marker.png) no-repeat 0.3em 0.8em; margin:0 0 0 -20px; padding:0 0 0 20px; }
    #main-menu ul { list-style:none; margin:0 0 0 20px; padding:0; width:8em; }
    #main-menu li a.active { text-decoration:none; color:#000; }

/* our clients widget */
#our-clients-widget { width:12.4342em; float:right; margin:0 0 2em 1.4285em; text-align:center; padding-left:3.28em; overflow:hidden; height:26.78em;  }
	#our-clients-widget h2 { text-indent:-999em; font-size:14px !important; overflow:hidden; background:url(../images/our_clients_header_bg.png) no-repeat 50% 50%; width:4em; height:26.78em; float:left; margin:0 0 0 -1.89em; padding:0 !important; } /*IE6 double margin bug fix*/
    #our-clients-widget>h2 { margin:0 0 0 -3.28em; } /* margin for normal browsers :)*/
    #our-clients-widget .scrollable { position:relative; width:161px; height:324px; overflow:hidden; text-align:left; }
    #our-clients-widget .items { position:absolute; left:0; }
   		#our-clients-widget .items a { display:block; width:152px; height:96px; background:url(../images/clients_logo_bg.png) 0 0 no-repeat; margin-bottom: 5px; padding:9px 0 0 9px; position:relative; left:0; }
        #our-clients-widget .items a img { float:left; position:absolute; z-index:1; display:block; width:140px; height:84px; cursor:pointer; }
        #our-clients-widget .items a span { background:url(../images/clients_logo_blic.png) no-repeat; display:block; width:140px; height:84px; position:absolute; z-index:2; cursor:pointer; }
    #previous-client { background:url(../images/slider_arrow_up.png) no-repeat center center; display:block; overflow:hidden; text-indent:-999em; height:1.15em; width:1.5em; margin:0 auto 0.5em;}
    #next-client { background:url(../images/slider_arrow_down.png) no-repeat center center; display:block; overflow:hidden; text-indent:-999em; height:1.15em; width:1.5em; margin:0.15em auto 0; }
    
    
/* services */
#services { overflow:hidden; height:100%; padding-left:1.4285em;}
    #services h2 { margin:1.35em 0 0.4em; padding:0 !important; }
    #services ul, .service-items { list-style:none; overflow:hidden; margin:0 0 0 -1.4285em; padding:0; }
    	#services ul li, .service-items li { background:url(../images/list_marker.png) no-repeat 0.3em 55%; margin:0 0 0 0; padding:0 0 0 1.4285em; line-height:170%; }

/* content */
#content { padding:3em 0 0; height:auto; }
	.breadcrumbs { font-size:0.8em; margin-bottom:2em; }
	#content h2 { font-size:24px; }
    #content h1 { font-size:30px; margin-top:0; }
	#content p, #content h1/*, #client-address*/ { padding-left: 160px; }
	#make-order-cursor { float:right; margin-top:-2.5em; }
    #about-us-main { font-size:15px; line-height:140%; padding:0 0 14px 20px !important; overflow:hidden; height:100%; width:220px; }
   	.see-more {color:#868585; text-decoration:none;}
    .tabs-holder { width: 680px; height:31px; margin:0 0 20px; overflow:hidden; clear:left; }    	
    	.tabs-holder .prev, .tabs-holder .next { display:block; float:left; cursor:pointer; }
        	.tabs-holder .prev a, .tabs-holder .next a { padding:4px 6px 6px; display:block; color:#878787; outline:none; text-decoration:none; line-height:21px; }
            .tabs-holder .prev a:hover, .tabs-holder .next a:hover { background:#f3f3f4; }
        .tabs-holder .disabled { display:none; }
    .tabs-holder div { position:relative; width: 620px; height:31px; overflow:hidden; float:left; }
    .tabs { clear:left; list-style:none; margin:0; padding:0; position:absolute; }
    	.tabs li { float:left; display:block; }
    		.tabs li a { padding:4px 6px 6px; display:block; margin:1px 5px; color:#878787; outline:none; }
    		.tabs li a:hover, .tabs li a.current { background:#f3f3f4; text-decoration:none; }
    .panes { clear:left; margin-left:-5px; } 
    .panes img { display:block; }
    .browser-body { background:url(../images/browser_body.png) repeat-y; padding:0 12px 0 6px; }
    #client-address { font-size:24px; margin:20px 0 30px; display:block; overflow:hidden; line-height:150%; }
    #worked-on-project { float:right; clear:right; width:220px; color:#878787; line-height:130%; font-size:12px; padding-top:55px;  }
    	#worked-on-project p { padding-left:0; line-height:130%; font-size:12px; }
    	#worked-on-project ul {list-style:none; padding:0; line-height:150%; line-height:130%; font-size:12px; }
    #our-works-list { clear:left; list-style:none; margin:40px 0 0; padding:0; overflow:hidden; width:785px; }
        #our-works-list li { padding:0 5px 14px 0; width:152px; display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; }
 		* html #our-works-list li { display:inline; }
  		* + html #our-works-list li { display:inline; }
 		#our-works-list li > * { display:table; table-layout:fixed; overflow:hidden; }

        	#our-works-list li a { display:block; }
            	#our-works-list li a img { display:block; }
                #our-works-list li a strong { display:block; text-align:center; font-weight:normal; }
                #our-works-list li a em {display:block; text-align:center; font-style:normal; font-size:0.8em; }
    #our-clients-list { clear:left; list-style:none; margin:40px 0 0 -10px; padding:0; overflow:hidden; }
    	#our-clients-list li { float:left; margin:0 1em 1em 0; }
	        #our-clients-list li a { display:block; display:block; width:152px; height:96px; background:url(../images/clients_logo_bg.png) 0 0 no-repeat; margin-bottom: 5px; padding:9px 0 0 9px; position:relative; }
            	#our-clients-list li a img { float:left; position:absolute; z-index:1; display:block; width:140px; height:84px;  }
                #our-clients-list li a span { background:url(../images/clients_logo_blic.png) no-repeat; display:block; width:140px; height:84px; position:absolute; z-index:2; }
    .inner-pages-layout { /*width:530px 700px;*/ overflow:hidden; padding:0 0 0 20px; }
        .inner-pages-layout h1 { padding-left:0 !important; }
    	.inner-pages-layout p { max-width:620px; padding-left:0 !important; }
        .inner-pages-layout .service-items { margin: 0 0 1.4285em -1.4285em;}
    .stuff-list {padding-left:160px; padding-bottom:18px;}
	   .stuff-list img { border:5px solid #CCCCCC !important; float:left; margin-left:-160px;}
	   .stuff-list h3 { margin-left:-160px;}
	

/* footer */
#footer { text-align:left; margin:0 auto; font-size:1.2em; line-height:150%; padding:4em 0 0 33.4em;}
#footer img{vertical-align: middle}

/* addiitional */
.clear { clear:both; }