/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Raleway);/*font-family: 'Raleway';*/
@import url(http://fonts.googleapis.com/css?family=Karla);/*font-family: 'Karla';*/

* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; min-width:1024px}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#7a7a7a;	}	

.alignTop{ vertical-align:top}
.alignBottom{ vertical-align:bottom}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#2f8db8; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#cdf0ff; background:url(../images/marker1.gif) top left no-repeat; padding-left:10px; background-position:0 4px;  }
.link1{ text-decoration:none}
.link1:hover{ text-decoration:underline}
.link2{ color:#7a7a7a; text-decoration:none}
.link2:hover{ text-decoration:underline}

.button{color:#737373; background:url(../images/button3.gif) top left no-repeat; width:85px; text-align:center; font-weight:bold; line-height:30px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../images/tail.gif) bottom repeat-x}
#content ul li a{color:#2f8db8; text-decoration:none; line-height:2.5em; background:url(../images/marker.gif) top left no-repeat; background-position:0 5px; padding-left:19px; } 
#content ul li a:hover { text-decoration:underline; }
#content ul li h5{color:gray; text-decoration:none; line-height:2.5em; background:url(../images/marker.gif) top left no-repeat; background-position:0 9px; padding-left:19px; font-weight: normal; font-size: 9pt; cursor: default; } 

#content ul li .product_line {height: 190px; padding:10px; padding-top:20px; padding-bottom:20px; color:black; text-decoration:none; font-weight: normal; font-size: 8pt; cursor: default; } 
#content ul li .product_line-last {color:silver; text-decoration:none; padding-left:19px; font-weight: normal; font-size: 20pt; cursor: default; text-align: center; padding: 65px;}
#content ul li .product_line_controls { align: center; text-align: center; }
#content ul li .product_line h3 { color: #2f8db8; font-weight: bold; font-size: 13pt;}
#content ul li .product_line a{background:url(../images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; line-height:2.5em; padding:0px; } 
#content ul li .product_line a:hover{ text-decoration:none; color:#2f8db8} 
.subscribe-link { display:block; background:url(../images/link_small_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; margin: 3px; }
.subscribe-link em { display:block; background:url(../images/link_small_left.gif) no-repeat left top;}
.subscribe-link  b { display:block; background:url(../images/link_small_right.gif) no-repeat right top; padding:0 7px 0 8px; line-height:18px; font-style:normal;}

.link-1 { display:block; float:right; background:url(../images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.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 11px 0 13px; line-height:30px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#2f8db8}

.link-small { display:block; float:right; background:url(../images/link_small_bg.gif) repeat-x left bottom; color:#ffffff; text-decoration:none; }
.link-small em { display:block; background:url(../images/link_small_left.gif) no-repeat left top;}
.link-small  b { display:block; background:url(../images/link_small_right.gif) no-repeat right top; padding:0 7px 0 8px; line-height:18px; font-style:normal;}
.link-small:hover{ text-decoration:none; color:#2f8db8}


/*header*/
#header {font-size:0.875em; color:#FFFFFF; }
#header .logo{ margin:35px 0 66px 0 }
#header .indent{margin:145px 0 0 731px; position:absolute; width:270px}
#header .indent2{margin:170px 0 0 731px; position:absolute; width:270px}
#header .indent2 a{ font-size:.85em; color:#edefef; text-decoration:none}
#header .indent2 a:hover{text-decoration: underline}
#header .facebook{margin:18px 0 0 910px; position:absolute;}
#header .twitter{margin:18px 0 0 940px; position:absolute;}
#header .youtube{margin:18px 0 0 970px; position:absolute;}
#header .indent1{padding:0 0 0 23px}

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul li a{font-size: 10pt; color:#e7e7e7; text-decoration:none; padding:0 31px 0 30px; display:block; float:left; line-height:60px; text-transform:uppercase; background:url(../images/bg_menu.gif) top right no-repeat} 
#header ul li a:hover { color:#e7e7e7; text-decoration:none; background:url(../images/bg_menu-act_ro.png) top left repeat-x;}
#header ul li a.current{ color:#171717; text-decoration:none; background:url(../images/bg_menu-act.gif) top left repeat-x;  }


.slideShow{right:22px; top:255px; position: absolute;}
.slides{  width:691px; height:288px; overflow:hidden}

a.togglePlayback{ position:absolute;  z-index:99; right:32px; bottom:8px;}

.p_small{ font-size: 8pt; }
.p_medium{ font-size: 11pt; }
.p_large{ font-size: 15pt; font-weight: bold; }


#sitemap #content a{font-size: 11.5pt;}

a {font-size: 10pt;}


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(../images/bg_cont.gif);}
#content .indent-main{padding:0 50px 35px 54px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 22px 3px 0}
#content .img-indent{ margin:0 0 23px 0}
#content p{ margin:0 0 11px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 11px 0}
#content .p2{ margin:0 0 21px 0}
#content h2{color:#0f77a6; font-size:1.75em; margin-top: 5px; margin-bottom:13px; line-height:1.2em; text-transform:uppercase }
#content h1{color:#0f77a6; font-size:2em; margin-bottom:13px; line-height:1.2em; text-transform:uppercase }
#content h1 span{color:#0f77a6; display:block; margin-top:-7px; text-transform: none }
#content h3{color:#6b6b6b; font-size:1.33em;  margin-bottom:7px; line-height:1.2em; }
#content h4{color:#7a7a7a; font-size:1em; margin-bottom:7px;  }
#content .bullet_icon{background:url(../images/list_bullet.jpg) top left no-repeat; background-position:0 3px; height: 30px; padding-left: 40px; padding-top: 4px;}
#content .horizontal_separator{width:100%; align: center; text-align: center; margin-top: 20px; margin-bottom: 20px;}
#content .color{ color:#323232}
#content .tail{ background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:23px; margin-bottom:23px}
.txt{ color:#2f8db8}
#content .underlined{color:#6b6b6b; font-size:1.33em; font-weight: bold; margin: none; padding: none;}

#content .indent{padding:60px 0 0 0}
#content .indent1{padding:30px 0 0 0}
#content .indent2{padding:0 0 0 206px}
#content .indent3{padding:0 60px 20px 60px}

#contact_us textarea{
   	border:1px solid #d1d0cd; 
	background:#FFFFFF;
	width:600px; height:200px;
	font-size:1em;
	padding-left:6px;
	padding-right:6px;
	margin-bottom:11px;
	overflow:auto;
}

/*shaded*/
.shaded {padding: 10px; background: #eaf2fa; border: 1px solid #c4d6e6;}

/*box*/
.box{ background:#55bae5; width:100%;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:18px 17px 22px 18px; }
#content .box h2{color:#fff; font-size:1.75em; margin-bottom:13px; line-height:1.2em; text-transform:uppercase }

/*dialogbox*/
.dialogbox{margin-right:60px; padding-bottom: 30px; width:261px; float: left; height: 350px;}
.dialogbox .dialog-top {background:url(../images/dialogbox_top.png) left top no-repeat;}
.dialogbox .dialog-header{padding:0px 12px 0px 10px; color:white; font-size: 20px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; height: 30px;}
.dialogbox .dialog-text{padding:5px 12px 5px 10px; height: 305px;}
.dialogbox .dialog-content{border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #f0f0f0;}
.dialogbox .dialog-footer1{background:url(../images/custom_software_design.png) no-repeat center bottom; padding-top: 100px; vertical-align: bottom;}
.dialogbox .dialog-footer2{background:url(../images/hosting.png) no-repeat left bottom; padding-top: 135px; vertical-align: bottom;}
.dialogbox .dialog-footer3{background:url(../images/BPM.png) no-repeat left bottom; padding-top: 99px; vertical-align: bottom;}
#content .dialogbox h4{ color:gray; font-size:10pt; font-weight: normal; text-transform:none; }
#content .dialogbox h5{ color:gray; font-size:8pt; font-weight: normal; text-transform:none; }
.dialogbox .dialog-bottom {background:url(../images/dialogbox_bottom.png) left bottom no-repeat; height: 5px;}
.dialogbox .bullet-parent {background:url(../images/bullet.png) center left no-repeat; padding-left: 10px;}
.dialogbox .bullet-child {padding-left: 10px; margin-left: 20px;}

/* web_hosting_plans */
#web_hosting_plans
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#web_hosting_plans thead th
{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 15px;
	color: white;
	background: #36a5d8;
}
#web_hosting_plans td
{
	padding: 10px 15px;
	color: #197ab7;
	border-top: 1px solid #e8edff;
}
.web_hosting_plans-first
{
	background: #cae3ec;
	font-weight: bold;
}
#web_hosting_plans tr:hover td
{
	background: #ebf7ff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}


/*footer*/
#footer { color:#5c5c5c; font-size:0.75em; background:url(../images/bot.gif) top repeat-x ; }
#footer .indent-footer{ padding:11px 50px 0 23px;}
#footer a {font-size: 9pt; color:#5c5c5c; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer .title{margin:24px 0 0 814px; position:absolute;}
#footer .footer-logo{ margin-bottom: -6px; vertical-align:bottom; }
#footer .footer-links{ margin-top: 6px; text-align: center; }

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(../images/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:#2c8eb7; text-decoration:none; display:block; float:left; padding:2px 7px 2px 8px} 
#footer ul li a:hover { text-decoration:none; color:#5c5c5c }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none; color:#5c5c5c  }

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-right:20px; float:left}
.h{ height:30px}
.h1{ height:31px; background:url(../images/bg_input.gif) top left no-repeat}
.h2{ height:37px}
.h3{ height:33px; background:url(../images/bg_input1.gif) top right no-repeat}
.block-contact span{ float:right; margin-right:0}
.input{
   	border:none; 
	background:none;
	width:220px; height:18px;
	font-size:12px;
	color:#a3a3a3;
	padding-left:13px;
	padding-top:7px;
	padding-bottom:5px;
}.input1{
	border-left:1px solid #404040; 
   	border-top:1px solid #404040; 
   	border-right:1px solid #d4d0c8; 
   	border-bottom:1px solid #d4d0c8; 
	width:231px; height:18px;
	font-size:12px;
	color:#9d9d9d;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:2px;
}.input2{
   	border:none; 
	background:none;
	width:200px; height:18px;
	font-size:12px;
	color:#a3a3a3;
	float:right;
	vertical-align:middle;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}.input3{
   	border:none; 
	background:none;
	vertical-align:middle;
	width:auto; height:auto;
	font-size:12px;
	color:#a3a3a3;
	padding:0;
	margin:0
}input{
   	border:1px solid #d1d0cd; 
	background:#FFFFFF;
	width:240px; height:18px;
	font-size:1em;
	padding-left:10px;
	padding-top:2px
}
textarea{
   	border:1px solid #d1d0cd; 
	background:#FFFFFF;
	width:270px; height:119px;
	font-size:1em;
	padding-left:6px;
	margin-bottom:11px;
	overflow:auto;
}