@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
border:none;
}

.justified{
	text-align:justify;
}
.bold{
	font-weight:bold;
}
a.contact-us{
	font-weight:bold; color:black; width:68px; height:16px; background:url(../images/contact_button.gif); color:#003366; font-size:11px; display:block; margin:0px auto; line-height:16px; text-align:center; text-decoration:none;
}

li{
	list-style:none;
}
body{
	background:rgb(237,237,237); font-family:Corbel, Calibri, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; position:relative;
}
#universe{
	width:990px; margin:auto; position:relative; background:rgb(27, 111, 172) url(../images/pg-blue-back.jpg) left bottom no-repeat;
}
#head{
	position:relative; height:110px; background:white;
}
#main-menu{
	width:214px; height:400px; position:relative; float:left; display:inline; background:url(../images/pg-blue-back-top.gif) top no-repeat;
}
#main{
	width:776px; float:left; display:inline; background:white; height:auto !important; height:900px; min-height:900px; padding-bottom:30px;
}
#nav{
	height:38px; overflow:hidden;
}

#footer{
	width:974px; background:url(../images/footbot.jpg) bottom no-repeat rgb(28, 112, 172); padding-bottom:14px; margin:20px auto 30px auto;
}
#foot-top{
	height:14px; background:url(../images/foottop.jpg);
}

.container{
	overflow:hidden; clear:both;
}

/* Common */

#content{
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;
}
#content h1.red{
	background:url(../images/h1-red.gif) repeat-x; height:39px; color:white; margin:13px 0px 13px 5px; font-size:18px; line-height:39px; font-weight:bold;
}
#content h1.red span.left{
	background:url(../images/h1-red-left.gif); width:9px; height:39px; float:left; margin-right:10px; display:block;
}
#content p{
	line-height:18px; margin:12px 5px;
}
#content a{
	color:#1b6fac;
}
#content p.heading{
	line-height:22px; margin:10px 0px 20px 0px; border: 2px dotted #e3e3e3; padding:10px; line-height:20px;
}
#content strong.blue{
	color:#1b6fac !important;
}
#content strong.green{
	color:#7dab00 !important;
}
#content strong.orange{
	color:#e7823a !important;
}
#content h3{
	color:#1b6fac; font-size:16px; margin:12px 0px;
}
#content ul li{
	background:url(../images/tick.gif) top left no-repeat; margin:8px 0px 8px 0px; padding-left:30px; line-height:16px;
}
#content ul li a{
	font-weight:bold; color:#1b6fac; text-decoration:none;
}
#content ul li a:hover{
	text-decoration:underline;
}

#content ol li{
	list-style:decimal; list-style-position:outside; margin:12px 0px 12px 50px; line-height:16px;
}


#content table{
	line-height:30px; width:100%; margin:auto;
}
#content table th{
	background:#8b8b8b; color:white; font-weight:bold; padding:0px 8px;
}
#content table td{
	background:#f0f0f0; padding:2px 8px; line-height:16px;
}
#content table.no-bg td{
	background:none;
}
#content table.bordered td{
	border:1px solid #d0d0d0; padding:15px 8px;
}
#content table td.red{
	color:#dd0404;
}
#content table td.blue{
	color:#49abdc;
}

#content table tr th.green{
	background-color:#afde27;
}
#content table tr th.peach{
	background-color:#ff9d3e;
}
#content table tr th.blue{
	background-color:#49abdc;
}

#content .gray-heading{
	background:url(../images/gray-heading.gif); width:720px; height:45px; margin:15px 0px; padding-left:24px; color:#688c00; text-transform:uppercase; line-height:45px; clear:both; display:inline; float:left; font-size:14px;
}


/* HEAD */

#head-logo, #head-callus{
	position:absolute;
}
#head-logo{
	bottom:10px; left:5px;
}
#head-callus{
	bottom:10px; right:40px;
}

/* MAIN MENU */

#main-menu h1{
	background:url(../images/mainmenu/head-services.gif); width:176px; height:41px; margin:15px auto; padding-left:15px;
}
#main-menu h1 span{
	color:white; font-size:18px; height:41px; width:120px; line-height:38px; text-transform:uppercase; font-weight:normal;display:block;
	background:url(../images/mainmenu/main-menu-h1.gif) repeat-x;
}
#main-menu ul{
	margin:9px auto;
}
#main-menu ul li{
	display:inline; background-position:top center; background-repeat:no-repeat; margin:0px;
}
#main-menu ul li a{
	display:block; margin:auto; display:block; background-position:top center; background-repeat:no-repeat;
	text-transform:uppercase; color:white; text-decoration:none; text-align:left;
	
}
#main-menu ul li a:hover{
	background-position:bottom center;
}
/* Heights are half the image height */
#main-menu .hire-title, #main-menu .field-title{ width:160px; padding-left:30px; font-weight:bold; font-size:18px;}
#main-menu .hire-title{ background-image:url(../images/mainmenu/hire-title.gif); height:32px; line-height:32px;}
#main-menu .hire-element{ background-image:url(../images/mainmenu/hire-element.gif); height:31px;line-height:31px;}
#main-menu .hire-last{ background-image:url(../images/mainmenu/hire-last.gif); height:36px;line-height:36px;}
#main-menu .field-title{ background-image:url(../images/mainmenu/field-title.gif); height:34px; line-height:34px;}
#main-menu .field-first{ background-image:url(../images/mainmenu/field-first.gif); height:29px;line-height:29px;}
#main-menu .field{ background-image:url(../images/mainmenu/field.gif); height:28px;line-height:28px; padding-top:5px;}
#main-menu .product-first{ background-image:url(../images/mainmenu/product-first.gif); height:22px;line-height:22px;padding-top:7px;}
#main-menu .product{ background-image:url(../images/mainmenu/product.gif); height:24px;line-height:24px;}
#main-menu .product-last{ background-image:url(../images/mainmenu/product-last.gif); height:27px;line-height:23px;}

#main-menu .category{ width:160px; padding-left:30px; font-size:14px; font-weight:bold;}
#main-menu .item{ width:160px; padding-left:30px; font-size:12px;}
#main-menu .hire{}
#main-menu .small{font-size:12px;}

/* NAV */

#nav{
	font-family:Arial, Helvetica, sans-serif;  font-size:14px; font-weight:bold; text-transform:uppercase;  
}
#nav ul{
	display:block; float:right;
}
#nav ul li{
	display:inline; float:left; height:38px; overflow:hidden;
}
#nav ul li a{
	display:block; height:38px; background:url(../images/nav/nav-button.gif) top right; line-height:38px; text-decoration:none; text-align:center;
	 color:white;
	width:131px; /*IE 6 FIX: min width */
}
#nav ul li a.nav-first{
	background:url(../images/nav/nav-first.gif); width:105px !important; /* First item has fixed size, due to round-edged image */
}
#nav ul li a:hover{
	background-position:bottom right;
}

#nav #nav-home{background-image:url(../images/nav/nav-home-hst.gif); width:105px}
#nav #nav-about{background-image:url(../images/nav/nav-about-hst.gif); width:130px}
#nav #nav-price{background-image:url(../images/nav/nav-prices-and-packages.gif); width:109px}
#nav #nav-portfolio{background-image:url(../images/nav/nav-case-study.gif); width:143px}
#nav #nav-map{background-image:url(../images/nav/nav-sitemap.gif); width:120px}
#nav #nav-contact{background-image:url(../images/nav/nav-contactus.gif); width:156px}

/* FOOTER */
#footer{
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
#footer p{
	text-align:center; color:white; margin:8px 0px;
}
#footer a{
	color:white;
}
#footer ul{
	display:block; overflow:hidden; margin:auto; text-align:center;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	display:inline; padding:0px 15px; border-right:1px solid white; font-size:11px;
}
#footer ul li a.foot-last{
	border-right:none;
}


/* BORDER EFFECTS */

.border{
	position:absolute; display:block;
}
#border-top, #border-bottom{
	height:10px; width:952px; left:50%; margin-left:-476px; font-size:1%; padding:0px !important;
}
#border-top{
	background:url(../images/pg-bor-top.gif) repeat-x; top:0px;
}
#bottom-border-div{
	position:absolute; overflow:hidden; height:29px; bottom:0px; width:1010px;
}
#border-bottom{
	background:url(../images/pg-bor-bot.gif) repeat-x; bottom:0px; margin-top:19px;
}
#border-left, #border-right{
	margin:auto; width:1010px; position:relative;
}
#border-left{
	background:url(../images/pg-bor-left.gif) repeat-y left; position:relative; z-index:0;
}
#border-right{
	background:url(../images/pg-bor-right.gif) repeat-y right; padding-bottom:10px;
}

#border-tl{ top:0px; left:0px;} #border-tr{ top:0px; right:0px;} #border-bl{left:0px; bottom:-3px;} #border-br{right:0px; bottom:-3px;}




/* CONTENT SPECIFIC */

/* Index */
#contact-col{
	width:220px;
}
.col{
	display:inline; float:left;
}
.content-col{
	width:245px; padding:15px 10px 10px 10px;
}

.col-title{
	height:41px; color:white; padding-left:18px; line-height:41px; font-size:16px; text-transform:uppercase;
}

.title-red{
	background:url(../images/index/head-hire-basis.gif) center;
}
.title-blue{
	background:url(../images/index/head-project-basis.gif) center;
}

.index-box{
	background-color:#eeeeee; margin:10px 0px; padding:4px 4px 25px 4px; overflow:hidden; position:relative;
}
.index-box ul{
	margin:15px 0px;
}
#content .index-box ul li{
	list-style-image:url(../images/index/bullet2.gif); list-style-position:outside; margin:0px 0px 0px 20px; line-height:18px; text-align:left; background:none; padding-left:0px;
}
.index-box h1{
	font-size:16px; margin:0px 0px 0px 8px;
}
.index-box .price{
	display:block; position:absolute; left:20px; bottom:10px;
}
.index-box .info{
	right:8px;  bottom:10px; position:absolute; display:block; width:111px; height:20px; line-height:20px; 
	font-family:Gill, Candara, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px; color:white !important; text-decoration:none; text-transform:uppercase; text-align:center;
}
.ib-red h1{
	color:rgb(187, 44, 43);
}
.ib-blue h1{
	color: rgb(27, 100, 147);
}
.ib-red .info{
	background:url(../images/index/but-more-info.gif);
}
.ib-blue .info{
	background:url(../images/index/but-more-info-blue.gif);
}

#contact-form{
	background:url(../images/index/right-nav-footer-2.gif) bottom center no-repeat rgb(255, 199, 0); padding-bottom:10px; margin-top:15px;
}
#contact-form h1{
	background:url(../images/index/rn-head-client-login.gif); height:28px; line-height:28px; color:white; text-transform:uppercase; font-size:16px; padding-left:20px; font-weight:bold;
}
#contact-form label{
	display:block; margin:8px 20px;
}
#contact-form label span{
	display:block; color:black; margin-bottom:5px;
}
#contact-form label input{
	border:0px; width:170px; height:20px; line-height:20px; padding:0px 5px;
}
#contact-form button{
	background:url(../images/index/but-client-login.gif); display:block; width:96px; height: 22px; line-height:22px; color:white; text-transform:uppercase; font-weight:bold; text-align:center; margin:auto;
}
#contact-col a.imagelink{
	margin:15px 0px; display:block; text-decoration:none; color:white; text-transform:uppercase; font-size:18px;
}
#contact-col #how-it{
	background:url(../images/index/how_it_works_icon.gif); height:37px; line-height:37px; padding-left:50px; 
}
#contact-col a#areyou{
	background:url(../images/index/are_you_a_web_icon.gif); height:60px; line-height:30px; text-align:left; padding-left:55px; 
}

#contact-col .testimonial{
	background:#efefef url(../images/index/right-nav-footer.gif) bottom center no-repeat; padding-bottom:10px; margin-bottom:20px; 
}
#contact-col .testimonial h1{
	background:url(../images/index/rn-head-bg.gif); height:25px; padding-left:15px; line-height:25px; color:white; font-weight:normal; font-size:16px; text-transform:uppercase;
}

#featured-project{
	position:relative;
}
#featured-project #cover{
	position:absolute; top:25px; background:#efefef; width:200px; left:9px;z-index:1;
}
.project{
	position:absolute; top:25px; left:9px; width:200px;
}
.project .slideshow{
	width:200px;margin:10px auto;
}
#featured-project .project p{
	margin:0px 15px; text-align:left;
}
#featured-project .project p span{
	font-weight:bold;
}
#testimonial p{
	margin:10px 15px;
}

/* About us */

#about-box{
	width:710px; background:url(../images/about/about-box-bg.gif) top repeat-x #dff4fe; border:1px solid #a9ccde; padding:20px;
}
#about-box a{
	color:#65abe2;
}
#about-box address{
	font-style:normal;
}
#about-box h2{
	color:#f19400;
}

/* Prices */

.prices-box h3{
	color:#003366; text-align:center; font-size:12px !important;
}
.prices-box table{
	width:744px; margin:2px auto 20px auto;
}
.prices-box table tr{
	line-height:20px;
}
.prices-box table th{
	background:#8b8b8b; color:white;
}
.prices-box table td{
	background:#f0f0f0;
}
.prices-box .gray-heading{
	margin:auto;
}

/* HIRE... */




#content a.more-info{
	background:url(../images/more-info-button.gif); height:44px; width:170px; color:white; text-transform:uppercase; text-align:center; line-height:21px; display:block; margin:20px auto; text-decoration:none; font-weight:bold;
}
#content a.red-button{
	background:url(../images/more-info-button.gif); height:44px; width:170px; color:white !important; text-transform:uppercase; text-align:center; line-height:21px; display:inline; margin:20px 20px 20px 0px; text-decoration:none; font-weight:bold; float:left;
}


/* How it works */


/* CMS */

#cms-links{
	height:50px; overflow:hidden; margin-left:9px;  
}
#cms-links a{
	float:left; display:inline; text-align:center; padding-left:20px; margin-right:55px; font-size:12px; line-height:50px; color:#990000; text-transform:uppercase; font-weight:bold; text-decoration:none;
}
#cms-links a:hover{
	background:url(../images/bullet-red.gif) left center no-repeat;color:#ffbd40;
}

#cms-box{
	background:url(../images/conbgmid.jpg) left repeat-y; margin-bottom:20px; overflow:hidden;
}
#cms-box #top{
	background:url(../images/conbgtop.jpg) left no-repeat; height:29px;
}
#cms-box #bottom{
	background:url(../images/conbgbottom.jpg) bottom left no-repeat; height:15px; clear:both;
}
#cms-box #image{
	float:left; display:inline; width:225px; padding-top:5px;
}
#cms-box #image div{
	background:url(../images/uro_gray.gif) top left; width:175px; height:137px; margin:0px auto; text-align:center; padding-top:40px;
}
#cms-box #image div .red-price{
	color:#c4070e; display:block; font-size:48px;
}
#cms-box #image div .white-text{
	color:#ffffff; display:block; width:100px; margin:auto; font-weight:bold; font-size:20px;
}

#cms-box #cmsb-content{
	float:left; display:inline; width:538px;
}
#cms-box #cmsb-content h1{
	font-family:"Arial Narrow"; font-size:24px; font-weight:bold; margin-top:-10px;	
}
#cmsb-content .box{
	background:white; margin:10px;padding:5px;
}
#cmsb-content .box .box-heading{
	background:#ff7d00; color:white; font-weight:bold; padding:5px 10px;
}	
#cmsb-content .box p{
	margin:2px 10px; line-height:16px;
}
#cmsb-content a.orange{
	text-decoration:none; color:white; background:url(../images/orange-button.gif); width:117px; height:28px; display:inline; float:left; margin:10px 20px 10px 0px; text-align:center; font-size:14px; line-height:28px;
}

/* Buy */

/* Stationary Design */
.stat-left, .stat-right{
	float:left; display:inline; border:none !important; overflow:hidden;
}
.color-box .box .stat-left{
	width:240px; text-align:center;
}
.color-box .box .stat-right{
	width:450px; border:1px solid black; 
}
.stat-right div{
	border:none !important; height:26px; line-height:26px; padding:0px; font-size:12px;
}
.stat-right .row{
	overflow:hidden; padding:0px 0px 0px 30px;  background:url(../images/plus-button.gif) left center no-repeat;
}
.row div{
	display:inline; float:left; padding:0px !important;
}
.row .name{
	width:210px; color:#787878; font-weight:bold;
}
.row .orange-price{
	width:130px; color:#c86300; font-weight:bold;
}
.row .order{
	width:80px;
}
.color-box .box .stat-left img{
	border:1px solid rgb(225, 225, 225); display:block; margin:10px auto;
}
.order-now{
	display:block; background:url(../images/btnOderNow.gif); height:19px; width:80px; text-align:center; font-weight:bold; color:white; font-size:11px; line-height:19px; text-align:center; text-decoration:none; text-transform:capitalize;
}
.broacher-col{
	float:left; display:inline; width:204px; padding:10px !important; border-right:1px dotted #606060; height:auto !important;
}
.broacher-col .row, .broacher-col .name{
	width:180px; height:auto !important;
}
.broacher-col .row div{
	padding:0px;
}
/* contact */

#the-form input, #the-form textarea{
	border:1px solid #a8a8a8; width:170px;
}