@import "/layout.css";

/* CSS Document */
* { margin:0; padding:0; }
html, body { height:100%; }
body { font-size:100%; line-height:1.25em; background:url(images/bg.gif); }
html, input, textarea {	font-family:Verdana; color:#7c7c7c;	}	

.alignMiddle { vertical-align:middle; }
.alignCenter { text-align: center; }
.alignRight { text-align:right; }
.container1 { width:100%; }

.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

img.fleft { margin:0 10px 10px 0; }
img.fright { margin:0 0 10px 10px; }

div.container {	overflow:hidden; width: 100%; }

a img { border:0px; }
img { vertical-align:top; }

a { color:#F60; text-decoration:none; } 
a:hover { color:#34B3E2; text-decoration:none; }
.link { color:#94b230; } 
.link1 { color:#F60; text-decoration:underline; } 
.link2 { color:#7c7c7c; text-decoration:underline; } 

#content1 ul { margin:0; padding:0; list-style:none; }
#content1 ul li { background:url(images/line.gif) bottom left no-repeat;  }
#content1 ul li a { color:#FFF; text-decoration:none; line-height:2.5em; } 
#content1 ul li a:hover { text-decoration:none; color:#34b3e2; }

#content1 .ul li a { color:#202f2c; text-decoration:none; line-height:2.5em; } 
#content1 .ul li a:hover { text-decoration:none; color:#F60; }
#content1 .ul1 li a { color:#202f2c; text-decoration:none; line-height:2.5em; } 
#content1 .ul1 li a:hover { text-decoration:none; color:#F60; }

#content .ul { margin:0; padding:0; list-style:none; }
#content .ul li { background:url(images/tail.gif)  bottom left repeat-x; }
#content .ul li a { color:#202f2c; text-decoration:none; line-height:2.5em; } 
#content .ul li a:hover { text-decoration:none; color:#F60; }
#content ul { margin:0; padding:0; list-style-type:none; }
#content ul li { background:url(/images/orange_arrow.gif) left no-repeat; color:#202f2c; line-height:2.5em; border-bottom:1px solid #b1b1b1; padding-left:12px; }
#content ul li a { color:#202f2c; text-decoration:none; } 
#content ul li a:hover { text-decoration:none; color:#F60; }

.link-1 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#252525; text-decoration:none; font-weight:bold; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; }
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 10px 3px 11px; font-weight:normal; font-style:normal; font-size:.85em; }
.link-1:hover { background:url(images/link_bg-1.gif) left top repeat-x; text-decoration:none; }
.link-1:hover em { background:url(images/link_left-1.gif) no-repeat left top; }
.link-1:hover  b { color:#FFF;  background:url(images/link_right-1.gif) no-repeat right top; }

.link-2 { display:block; float:right; background:url(images/link_bg1.gif) left top repeat-x; color:#252525; text-decoration:none; font-weight:bold; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top; }
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 10px 3px 11px; font-weight:normal; font-style:normal; }
.link-2:hover { background:url(images/link_bg1-1.gif) left top repeat-x; text-decoration:none; }
.link-2:hover em { background:url(images/link_left1-1.gif) no-repeat left top; }
.link-2:hover  b { color:#FFF;  background:url(images/link_right1-1.gif) no-repeat right top; }

.txt .link-1  b { font-size:1em; }

/*header*/
#header { font-size:0.75em; color:#FFF; }
#header .logo { margin:27px 0 26px -2px; position:relative; }
#header .ul { position:absolute; margin:101px -14px -4px 816px; padding:0; list-style:none; }
#header .ul li { margin:0; display:inline; }
#header .ul li a { color:#FFF; text-decoration:none; background:url(images/bg_menu2.gif) top left no-repeat; width:98px; text-align:center; display:block; float:left; padding:3px 0 11px 0; } 
#header .ul li a:hover { color:#202806; text-decoration:none; background:url(images/bg_menu2-act.gif) top left no-repeat; }
#header .ul li .current { color:#202806; text-decoration:none; background:url(images/bg_menu2-act.gif) top left no-repeat; }

#header ul { margin:0; padding:0; list-style:none; }
#header ul li { margin:0; display:inline; }
#header ul li a { color:#fff; text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; width:88px; text-align:center; display:block; float:left; padding:3px 0 8px 0; } 
#header ul li a:hover { color:#202806; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat; }
#header ul li .current { color:#202806; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat; }

/*content*/
#content { font-size:0.875em; width:100%; text-align:left; background:#e4e4e3; }
#content .indent-main { padding:0 0 0 0; }
#content .title { margin-bottom:16px; }
#content .img-left { float:left; margin:0 20px 16px 0; }
#content .img-indent { margin:0 30px 0 0; }
#content p { margin:0 0 7px 0; }
#content .p1 { margin:0 0 17px 0; }
#content .p2 { margin:0 0 18px 0; }
#content .p3 { margin:0 0 23px 0; }
#content .p4 { margin:25px 0 43px 0; }
#content h4 { color:#474747; font-size:1.2em; padding:16px 0 9px 0; font-family:Arial; background:url(images/bg_h4.gif) no-repeat bottom left; margin:-3px 0 3px 0; }
#content h3 { color:#474747; font-size:1.33em; padding:16px 0 9px 0; font-family:Arial; margin:0 0 3px 0; background:url(images/tail.gif) repeat-x bottom left; padding-bottom:5px; }
#content h1, h2 { color:#1c1c1c; font-size:22px; margin-bottom:5px; font-weight:normal; font-family:Arial; background:url(images/marker1.gif) no-repeat bottom left; padding-bottom:19px; }
#content h1, h2 strong { color:#F90; font-weight:normal; }
.txt { font-size:.85em; line-height:1.5em; }
.bg { background:url(images/bg_cont.jpg) no-repeat top right; }
.bg1 { background:url(images/bg_cont1.jpg) no-repeat  bottom right; }
.img { position:absolute; margin-right:-18px; }

#page1 .indent { padding:30px 464px 20px 0; }
#page1 .indent1 { padding:0 0 27px 0; }
#page2 .indent { padding:30px 464px 15px 0; }
#page2 .indent1 { padding:0 0 35px 0; }
#page3 .indent { padding:30px 0 35px 0; }
#page3 .indent1 { padding:212px 0 0 0; }
#page4 .indent { padding:30px 464px 15px 0; }
#page4 .indent1 { padding:0 0 35px 0; }
#page5 .indent { padding:30px 464px 20px 0; }
#page5 .indent1 { padding:0 0 27px 0; }
#page5 .indent3 { padding:0 20px 0 20px; position:relative; float:left; }
#page5 #footer { padding-top:10px; }

.premium-service { margin-right:29px; width:622px; float:left; }
.webdesign strong, .web-application-development p, .web-application strong { background:url(/images/orange_arrow.gif) left no-repeat; padding-left:12px; }
.web-application-development p { background-position:0 8px; }
.web-application-development { padding:0 0 0 10px; }

.marker2 { margin:69px 0 0 0; }
.marker3 { margin:69px 0 0 18px; }

#page3 .marker2{ margin:329px 0 0 0; }

table{}
td { vertical-align:top; padding-bottom:15px; padding-top:15px; }
.col1 { width:126px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; }
.col2 { width:151px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; padding-left:26px; }
.col3 { width:79px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; text-align:center; }
.col4 { width:79px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; text-align:center; }
.col5 { width:171px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; padding-left:26px; }
.col6 { width:79px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; text-align:center; }
.col7 { width:215px; border-bottom:1px solid #b1b1b1; padding-left:26px; }

.col8 { width:126px; border-right:1px solid #b1b1b1; }
.col9 { width:151px; border-right:1px solid #b1b1b1; padding-left:26px; }
.col10 { width:79px; border-right:1px solid #b1b1b1; text-align:center; }
.col11 { width:79px; border-right:1px solid #b1b1b1; text-align:center; }
.col12 { width:171px; border-right:1px solid #b1b1b1; padding-left:26px; }
.col13 { width:79px; border-right:1px solid #b1b1b1; text-align:center; }
.col14 { width:215px; padding-left:26px; }

/*content1*/
#content1 { font-size:0.75em; width:100%; text-align:left; color:#7c7c7c; line-height:1.5em; }
#content1 .bg { background:url(images/bg_content1-1.jpg) no-repeat top right; }
#content1 h1, h2 { color:#f7c92d; font-size:22px; margin:32px 0 5px 0; font-weight:normal; font-family:Arial; background:url(images/bg_h2-1.gif) no-repeat bottom left; padding-bottom:19px; }
#content1 p { margin:0 0 7px 0; }
#content1 .p1 { margin:0 0 17px 0; }
#content1 .img-left { float:left; margin:0 20px 16px 0; }
#content1 .indent { padding:0 0 60px 0; }

/*footer*/
#footer { color:#7c7c7c; font-size:0.75em; }
#footer span { position:absolute; }
#footer a { color:#FFF; text-decoration:none; }  
#footer a:hover { color:#34B3E2; text-decoration:none; }

#footer ul{ margin:0; padding:0; list-style:none; }
#footer ul li { margin:0; display:inline; }
#footer ul li a { color:#FFF; text-decoration:none; background:url(images/bg_menu1.gif) top left no-repeat; width:72px; text-align:center; display:block; float:left; padding:0 0 7px 0; } 
#footer ul li a:hover { color:#34B3E2;  text-decoration:none; background:url(images/bg_menu1-act.gif) top left no-repeat; }
#footer ul li .current {color:#7c7c7c;  text-decoration:none; background:url(images/bg_menu1-act.gif) top left no-repeat; }

.h { height:36px; }
.block-contact span { float:right; margin-right:20px; }
.input1 { width:197px; height:17px; padding:2px 0 2px 5px; margin-bottom:0; margin-right:7px; }
input { border-left:1px solid #585858; border-top:1px solid #585858; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:#FFF; color:#191919; 	width:197px; height:20px; font-size:11px; padding-left:5px;	margin-bottom:3px; }
textarea { border-left:1px solid #585858; border-top:1px solid #585858; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:#FFF; color:#191919; 	width:211px; height:91px; font-size:11px; padding-left:5px;	margin-bottom:11px;	overflow:auto; }

.btform { width:53px !important; background:url(/images/bt_normal.jpg) left no-repeat; border:none; cursor:pointer; }
.btform:hover { background:url(/images/bt_hover.jpg) left no-repeat; color:#fff; }