body
{
    color: #000000;
    line-height: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    /*background: #101012; url('../images/body_backgr.jpg') no-repeat top;*/
    background: #ffffff url('../images/body_backgr.png') repeat-x top;
}


/* GENERAL CLASSES, ATTRIBUTES, PSEUDO SELECTORS */

ul{ list-style: inside disc; padding: 0;}
ol{ padding: 18px;}

textarea
{
    width:80%;
    height:120px;
    border: solid 1px #000066;
}

input[type="text"], input[type="password"], textarea, select {
    background:url("../images/form_text_bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border:1px solid #C0C0C0;
    color:#0C1013;
    font:12px Arial,sans-serif;
    padding:1px 3px;
}

#contactus_form input[type="image"] {
    display: block;
    width: 90px;
    height: 22px;
    padding: 0;
}

.error{ color:#CD3301;}

input.error{ color:#CD3301; border: solid #CD3301 1px;}

.clear{float:none; clear:both; height: 0; line-height: 0;}
.float-left{float:left;}

.strong{ font-weight:bold;}
.italic{ font-style:italic;}
.underline{ text-decoration:underline;}

.black{color:#000000;}
.red{color:#AD1300;}
.gray{color:#333335;}
.blue{color:#0013AD;}
.lightblue{color:#89B7E0;}
.text-red{color:#AD1300;}
.text-gray{color:#333335;}
.text-blue{color:#0013AD;}

.textsize8{ font-size:8px; line-height:10px;}
.textsize10{ font-size:10px; line-height:12px;}
.textsize12{ font-size:12px; line-height:14px;}
.textsize14{ font-size:14px; line-height:16px;}
.textsize16{ font-size:16px; line-height:18px;}
.textsize18{ font-size:18px; line-height:20px;}
.textsize20{ font-size:20px; line-height:22px;}
.textsize24{ font-size:24px; line-height:26px;}
.textsize28{ font-size:28px; line-height:30px;}

hr
{
    position:relative;
    width:100%;
    height:1px;
    background: #CCCCCC;
    text-align: left;
}

separator
{
    position:relative;
    width:100%;
    height:1px;
    background: #CCCCCC;
    text-align: left;
}
/* Forms */

zend-form .errors{ color:#ee3333;}
form .errors{ color:#ee3333;}


div.form-errors-block{
    padding: 10px;
    margin: 10px 0 30px 0;
    border: solid #ee3333 1px;
}

div.form-errors-block .message{
    font-weight:bold;
    margin: 0 0 10px 0;
    color: #ee3333;
}

div.form-errors-block .label{
    font-weight:bold;
    color: #eeeeee;
}

div.form-errors-block ul{
    list-style: inside disc;
}

div.form-errors-block ul li{
    margin: 0 0 2px 0;
}

/* any form */
dl.zend_form dd{
    margin: 0 0 10px 0;
}

/* ID SELECTORS */

#container
{
    position:relative;
    width:962px;
    height:auto;
    margin:auto;
    padding:0 10px 0 10px;
    background: url('../images/body.png') repeat-x;
    font-size:12px;

}

#keywords
{
    /*border: solid #cccccd 1px;*/
    margin: 0 0 5px 0;
}

#keywords a
{
    color:#777778;
}

#header
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:78px;
    text-align:left;
}


#content
{
    position:relative;
    width: 960px;
    margin: 0;
    padding: 0 0 20px 0;
    text-align:left;
    background: #fcfcff; /*url('../images/content_backgr.png') repeat-x;*/
    border-left: solid #ccc 1px;
    border-right: solid #ccc 1px;
    overflow: hidden;
}


a { text-decoration:none; }

a img { border: none; }

/*header, navigation and presentation CONTENT */


#logo
{
    position:absolute;
    left: 10px;
    top: 10px;
}

#logo-image
{
    position:relative;
    margin: 0;
}

#logo-text
{
    position:absolute;
    left: 4px;
    top: 35px;
}

#header .header-contact
{
    position:relative;
    width:190px;
    float:right;
    margin: 12px 10px 0 0;
}

#header .header-contact img
{
    float:left;
}
/* navigation */

#navigation .navigation
{
    position:relative;
    height:40px;
    margin: 0;
    background: url('../images/navigation_backgr.png') repeat-x;
}

#navigation .navigation li
{
    position:relative;
    float:left;
    margin: 0;
    padding: 0;
    list-style:none;
    background: url('../images/navigation_spacer.png') no-repeat right;
    text-align:center;
}

#navigation .navigation li a
{
    position:relative;
    width:137px;
    height:40px;
    display:inline-block;
    color:#080811;
    font-size:14px;
    font-weight: bold;
    line-height:42px;
    text-decoration:none;
    text-align:center;
}

#navigation .navigation li a:hover
{
    color:#003086;
    background: url('../images/navigation_hover.png') no-repeat center ;
}

#navigation .navigation li.active a
{
    color:#003086;
    background: url('../images/navigation_hover.png') no-repeat center ;
}

#navigation .navigation li:last-child
{
    background: url('../images/key_16.png') no-repeat 25px 10px ;
}

#navigation .navigation li:last-child a
{
    margin: 0 -10px 0 10px;
    color:#990000;
}

#navigation .navigation li:first-child a
{
    background: url('../images/home_16.png') no-repeat 15px 10px ;
    margin: 0 -11px 0 11px;
}


.breadcrumbs
{
    position:relative;
    margin: 0 0 0 4px;
}

.breadcrumbs li
{
    position:relative;
    float:left;
    width:168px;
    height:16px;
    margin: 0 3px 0 0;
    padding: 4px 0 0 0;
    list-style:none;
    text-align:left;
}

#footer
{
    position:relative;
    width:100%;
    height:50px;
    text-align:left;
    background:#B0C9E6 url('../images/footer_backgr.png');

}

#footer .navigation
{
    position:relative;
    top:24px;
    left:30px;
}

#footer .navigation li
{
    position:relative;
    float:left;
    margin: 0 30px 0 0;
    list-style:none;
}

#footer .navigation li a
{
    color: #000010;
    font-size:14px;
}

#footer .footer-contact
{
    position:relative;
    float:right;
    margin: 18px 10px 0 0;
}


/*  CONTENT  */

#three-panels
{ 
    position:relative;
    text-align:center;
    margin: 20px auto 0 auto;
    padding: 0;
}

.panel-box-3x4
{
    position:relative;
    float:left;
    display:inline-block;
    width:237px;
    height:190px;
    margin: 0;
    padding:0;
    text-align:left;
    background: url('../images/panel_box_3x4_backgr.png') no-repeat;
}

.panel-box-3x8
{
    position:relative;
    float:left;
    display:inline-block;
    width:237px;
    height:380px;
    margin: 0;
    padding:0;
    text-align:left;
    background: url('../images/panel_box_3x8_backgr.png') no-repeat;
}

#panel-1
{
    margin: 0 84px 0 0;
}

#panel-2
{
    margin: 0 84px 0 0;
}

#panel-3
{
    margin: 0;
}


.panel-icon
{
    position:absolute;
    left:15px;
    top:42px;
}

.panel-title
{
    position:absolute;
    left: 20px;
    top: 13px;
    color: #212121;
    font-size:18px;
    font-weight: bold;
}

.panel-price
{
    position:absolute;
    right:20px;
    top:52px;
    color: #ffffff;
    font-size:28px;
}

.panel-text
{
    position:absolute;
    left:18px;
    top:133px;
    width:206px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #313136;
}

.panel-text-title
{
    color: #212121;
    font-size: 11px;
    font-weight: bold;
}

.panel-text-pitch
{
    color: #212121;
    font-size: 11px;
    font-weight: bold;
}
.panel-button
{
    position:absolute;
    left:30px;
    top:195px;
}

.panel-list
{    
    list-style:disc;
    list-style-image:url('../images/panel_list_bulet.gif');
    padding-left: 16px;
}


#panel-1 .panel-title{ color: #813121;}
#panel-2 .panel-title{ color: #003086;}
#panel-3 .panel-title{ color: #213131;}

/* content-center */

#content-l
{

}

#content-r
{

}

#content-center
{

}

#content-center a
{
    font-weight:bold;
    color:#AD1300;
}

.content-body
{
    margin: 30px;
    text-align:left;
}

.indent
{
    margin: 40px;
    text-align:left;
}

.indent-h
{
    margin: 0 40px;
    text-align:left;
}
.indent-w
{
    margin: 40px 0;
    text-align:left;
}

.content-image
{
    padding:2px;
    border: solid #999999 1px;
}
.content-image-floatleft
{
    float:left;
    margin: 3px 15px 3px 0;
    padding: 1px;
    background: #cccccc;
    border: solid #222224 1px;
}
.content-image-floatright
{
    float:right;
    margin: 3px 0 3px 15px;
    padding: 1px;
    background: #cccccc;
    border: solid #222224 1px;
}

.content-title
{
    font-size:18px;
    line-height:22px;
    color:#06387D;
    font-weight:bold;
    text-align: center;
    margin: 0;
}

.content-subtitle
{
    font-size:16px;
    line-height:20px;
    color:#06387D;
    font-weight:bold;
    text-align: center;
    margin: 20px 0 0 0;
}

/* presentation */

#presentation
{
    position:relative;
    width:960px;
    height:270px;
    padding:0;
    margin:auto;
    text-align:left;
}

#presentation-slides
{
    display: block;
    position:absolute;
    left:390px;
    top:0px;
    width: 535px;
    height: 270px;
    overflow: hidden;
}

#presentation-image
{
    position: absolute;
    top:0;
    left:0;
    width: 960px;
    z-index: 0;
}

#presentation-image-l
{
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
}

#presentation-shadow
{
    position: absolute;
    top: 220px;
    left:0;
    width: 960px;
    height: 10px;
}

#presentation-text
{
    position:absolute;
    top: 70px;
    left: 50px;
    width: 300px;
    text-align: left;
    font-size:12px;
    line-height:14px;
    color: #000000;
    z-index: 10;
}

#presentation-title
{
    position:absolute;
    top: 26px;
    left: 50px;
    font-size:36px;
    line-height:20px;
    color: #003086;
    height:40px;
    z-index: 10;
}

#presentation-text-r
{
    position:absolute;
    top: 70px;
    left: 610px;
    width: 300px;
    text-align: left;
    font-size:12px;
    line-height:14px;
    color: #000000;
}

#presentation-title-r
{
    position:absolute;
    top: 26px;
    left: 610px;
    font-size:36px;
    line-height:20px;
    color: #003086;
    height:40px;
}


#presentation-button
{
    position:absolute;
    left: 50px;
    top: 214px;
    width: 153px;
    height: 49px;
    background: url('../images/presentation_button.png') no-repeat top left;
    padding: 5px 0 0 0;
    font-size:14px;
    line-height:16px;
    color: #eeeeef;
    text-align:center;
    z-index: 10;
}

#presentation-button:hover
{
    background: url('../images/presentation_button_hover.png') no-repeat top left;
    color: #ffffff;
}


/* sidebox */

.sidebox-image
{
    padding: 1px;
    border: solid 1px #999999;
}

/* portfolio */
.portfolio-items
{
    border: solid 1px #9a9a9b;
    padding: 8px;
}
/* featured */

.featured-box
{
    position:relative;
    float:left;
    width:390px;
    margin:16px;
    border: solid 1px #666666;
}

.featured-link img
{
    border: solid #000000 1px;
    padding:2px;
    background:#EEEEEE;
}


/* Contact us form*/

#contactus_form 
{
    
}

#contactus_form input
{
    width: 400px;
}

#contactus_form #submit-element input
{
    width: 80px;
}

#contactus_form #captcha-input
{
	width:100px;
}

#contactus_form textarea
{
    width:400px;
    height:120px;
}

#request_form textarea
{
    width:310px;
    height:120px;
}

#webdesign-request-box
{
    background: #ddddde;
    width: 435px;
    padding: 0;
}

#webdesign-request-box .header
{
    height: 90px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    background: url('../images/webdesign_package.png') top right;
    text-align: center;
}

#webdesign-request-box form
{
    margin: 0 40px;
}

#webdesign-request-box form input
{
    width: 130px;
    border: solid 1px #99999a;
    /*height: 20px;
    background: url("../images/request_input170.png");
    padding: 5px;*/
    
}

#webdesign-request-box form textarea
{
    width: 310px;
    border: solid 1px #99999a;
    /*height: 90px;
    background: url("../images/request_textarea350x100.png");
    padding: 5px;*/
}

#webdesign-request-box form select
{
    border: solid 1px #99999a;
    /*background: url("../images/request_input150.png");
    padding: 5px;*/
}

#webdesign-table
{
    position: relative;
}

#webdesign-table .table-row
{
    position: relative;
    clear:both;
    float:none;
    color: #000000;
    padding: 0px;
    width:auto;
    text-align: left;

}



#webdesign-table .table-row .cell
{
    position: relative;
    width: 125px;
    height:32px;
    line-height:30px;
    padding: 3px 3px 0 3px;
    float: left;
    border: solid #AAAAAA 1px;
    text-align:center;
}

#webdesign-table .table-row .l
{
    width: 200px;
    text-align:left;
    font-weight:bold;
}

#webdesign-table .table-row .e
{
    background: #dfdfff;
}

#webdesign-table .table-row .header
{
    height: 90px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    background: url('../images/webdesign_package.png') top right;
    text-align: center;
}

#webdesign-table .table-row .header img
{
    margin: 0;
    padding: 0;
}


#webdesign-table .pricefrom
{
    position: absolute;
    left: 92px;
    top: 56px;
    color: #663333;
    font-size: 11px;
    text-decoration: line-through;
}

#webdesign-table .price
{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #be1300;
    text-align: center;
}

#webdesign-table .table-row .request
{
    height:27px;
    font-weight:bold;
    font-size: 14px;
    line-height:25px;
    background: url('../images/webdesign_request_backgr.png');
    text-align:center;
}

#webdesign-table .table-row .request a
{
    color:#005D00;

}

#webdesign-table .table-row .request a:hover
{
    color:#001100;
}


/* Sevices packages table */
#services-table
{

}

#services-table .table-row
{
    clear:both;
    float:none;
    color: #000000;
    padding: 0px;
    width:auto;
    text-align: left;

}



#services-table .table-row .cell
{
    width: 140px;
    height:32px;
    line-height:30px;
    padding: 3px 3px 0 3px;
    float: left;
    border: solid #AAAAAA 1px;
    text-align:center;
}

#services-table .table-row .l
{
    width: 210px;
    text-align:left;
    font-weight:bold;
}

#services-table .table-row .e
{
    background: #efefef;
}

#services-table .table-row .header
{
    height:82px;
    font-weight:bold;
    font-size: 16px;
    color:#AD1300;
    background: url('../images/services_package_backgr.png');
    text-align:center;
}

#services-table .table-row .request
{
    height:21px;
    padding: 3px 3px 0 3px;
    font-weight:bold;
    font-size: 16px;
    line-height:20px;
    background: url('../images/services_request_backgr.png');
    text-align:center;
}

#services-table .table-row .request a
{
    color:#005D00;
}

#services-table .table-row .request a:hover
{
    color:#001100;
}

.webprocess-stages
{
    width:120px;
    padding: 3px;
    margin: 5px;
    border: solid #333333 1px;

}

#panel-login
{
    position: relative;
    width: 300px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background: url("../images/panel_box_3x4_backgr.png") no-repeat;
}

.login-panel-title
{
    position: absolute;
    left: 155px;
    top: 12px;
    color:#7f0000;
    font-size: 24px;
    font-weight: bold;
    
}

.login-panel-content
{
    position: absolute;
    left: 18px;
    top: 40px;
    color:#000000;
    text-align: left;
}
#login_form dd input
{
    width:200px;
    padding: 0;
    margin: 2px 0 0 0;
}

#login_form dd
{
    margin: 0 0 4px 0;
}

#login_form dd #submit
{
    width:100px;
    height:28px;
    border:none;
    color:#dddddd;
    padding:0 0 5px 0;
    margin: 13px 0 0 0;
    background: url("/images/panel_login_button.png");
}
#login_form dd #submit:hover
{
    color:#ffffff;
}