/*---------Common-------*/
* { padding:0px; margin:0px; }
body { background:#031220; color:#000; font:normal 12px "Trebuchet MS", Verdana, Tahoma; margin-bottom:20px; }
.floatLeft, .fL { float:left; }
.floatRight, .fR { float:right; }
.clear { clear:both; display:block; }
a { color:#2180be; text-decoration:none; }
a:hover { text-decoration:underline; }
.hidden{display:none;}


/*---------Wrapper-------*/
#Wrapper { background:url(../images/wrapper-bottom.gif) left bottom no-repeat #fff; width:750px; padding-bottom:50px; margin:auto; overflow: hidden; }

/*---------Header-------*/
#Header { background:url(../images/header-main.gif) left top repeat-x #0b2238; margin-bottom:8px; }
#Header .top { height:125px; background:url(../images/nav-bg.gif) right bottom no-repeat; }
#Header .bottom { height:17px; background:url(../images/header-bg-bot.gif) left top repeat-x; overflow:hidden; }
#Header .nav { float:right; margin-top:42px; padding-right:9px; height:62px; width:422px; }
#Header .logo { float:left; background:url(../images/logo.gif) 0px top no-repeat; margin-top:18px; padding-left:0px; }
#Header .logo a { width:304px; height:104px; display:block; }
#Header .logo a span, #Header .nav li a span { display:none; }
#Header .nav li { display:inline; }
#Header .nav li a { height:62px; display:block; float:left; }
#Header .nav li a.about { background:url(../images/about.gif) left top no-repeat; width:107px; }
#Header .nav li a.portfolio { background:url(../images/portfolio.gif) left top no-repeat; width:107px; }
#Header .nav li a.service { background:url(../images/services.gif) left top no-repeat; width:91px; }
#Header .nav li a.contact { background:url(../images/contact.gif) left top no-repeat; width:117px; }
#Header .nav li a.about:hover { background:url(../images/about.gif) left bottom no-repeat; width:107px; }
#Header .nav li a.portfolio:hover { background:url(../images/portfolio.gif) left bottom no-repeat; width:107px; }
#Header .nav li a.service:hover { background:url(../images/services.gif) left bottom no-repeat; width:91px; }
#Header .nav li a.contact:hover { background:url(../images/contact.gif) left bottom no-repeat; width:117px; }

/*---------Content-------*/
#Content_wrapper, #formpage { width: 730px; padding:10px 10px 10px 10px; }

#Content { padding:0px 6px;}
#Content .floatLeft { width:301px;  }
#Content .floatRight { width:431px; }
#Content .floatRight .top { padding-bottom:6px; }
#Content .floatRight .box { background:url(../images/curve-ara.jpg) left top no-repeat; padding:8px 7px; }
#Content .boxInner { padding:0px 10px; }
#Content .boxInner p { margin-bottom:12px; }
#Content .boxInner li { list-style-type:none; line-height:20px; padding-left:25px; display:block; margin-bottom:8px; }
#Content .boxInner li.ps { background:url(../images/ps.gif) left top no-repeat; }
#Content .boxInner li.ai { background:url(../images/ai.gif) left top no-repeat; }
#Content .boxInner li.typo { background:url(../images/typo.gif) left top no-repeat; }
#Content .floatLeftHolder {  background:url(../images/float-left-bg.gif) left top no-repeat; padding:8px 7px; }
#Content .floatLeftHolder .fL { padding-right:15px; padding-bottom:5px; }
#Content .more { padding-bottom:10px; border-bottom:1px solid #898989; text-align:right; }
#Content .viewPortFolio { margin-bottom:15px; text-align:center; }
#Content .testimonial { background:url(../images/testiBg.gif) left top repeat-y; }
#Content .testimonialTop { padding:44px 20px 0px 20px; background:url(../images/testitop.gif) left top no-repeat; }
#Content .testiTop { padding-bottom:5px; border-bottom:1px solid #898989; margin-bottom:5px; }
#Content .testiTop strong { font-size:13px; }

/* ------------- Form Page --------------- */
#formpage { width: 700px; padding:10px 10px 10px 10px; }
#formpage h3 {
					font-family: arial, helvetica, verdana;
					text-decoration: bold;
					font-size: 18px;
					color: #2b91c6;
					text-transform: uppercase;
					padding-bottom: 15px;
					}
#formpage ul li {
					margin-left: 25px;
					list-style: none;
					background: transparent url(../images/port_page/list-off.gif) left center no-repeat;
					padding-left: 15px;
					text-align: left;
					font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
					text-decoration: none; }
	
/*----------------- About us page -------------- */
#Content_wrapper .about_content { 
					float: left;
					width: 385px; 
					padding: 10px 10px 10px 10px;
					background: #f1f1f1;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					text-align: left;
				}					
#Content_wrapper .about_tech {
					width: 310px;
					float:right;
					padding-top: 10px;
				}
#Content_wrapper li.tech_list {
					list-style: none;
					float: left;
					display: inline;
					padding-left: 6px;
					margin: 0 0 0 0;
					background: transparent;
				}
#Content_wrapper .src_image {float: left; padding: 0px 4px 4px 0px;}	

/*------------- not sure yet ------------------ */
#details { margin-left: 5px; }	
	ul.list_tick {
		color:#4e4e4e; font:normal 14px "Trebuchet MS", Verdana, Tahoma; 
        margin: 0;
        padding: 10px;
      }
	ul.list_tick li {
        text-indent:0px;
		margin: 0;
        padding: 0px 0px 0px 16px;
        list-style: none;
        background: url('http://www.bluelabelmedia.com/images/tick.gif') no-repeat top left;
      }
	.port_detail_bg {
		margin-left: 20px;
		width: 635px;
		height: 87px;
		background: url('http://www.bluelabelmedia.com/images/detail_bg.gif') ;
		}
	p.port_detail_bg_text{
		color:#133d6d; font:normal 14px "Trebuchet MS", Verdana, Tahoma; text-decoration: bold; 
		padding-left: 38px;
		padding-top: 10px;
	}
	p.port_detail_bg_text1{
		color:#133d6d; font:normal 14px "Trebuchet MS", Verdana, Tahoma; text-decoration: bold; 
		padding-left: 38px;
		padding-top: 6px;
	}
	p.port_detail_bg_text2{
		color:#133d6d; font:normal 14px "Trebuchet MS", Verdana, Tahoma; text-decoration: bold; 
		padding-left: 38px;
		padding-top: 8px;
	}
	
/* --------- Services page --------------- */
#Content_wrapper .service_title {
					overflow: hidden;
					margin-left: 125px;
					padding-top: 6px;
					margin-bottom: 6px;
					color: #063878;
					padding-bottom: 6px;
					border-bottom: #2180be 1px dotted;
					font-size: 24px;						
					text-shadow: #b8b8b8 1px 1px 0px;
					font-weight: bold; }
#Content_wrapper .service_image { float: left; position:absolute; margin-top: -45px; }
#Content_wrapper .service_text {
					margin-left: 125px;
					font-size: 12px;
					font-weight: lighter;
					line-height; 14px;
					padding-bottom: 10px; }
#Content_wrapper #service_list ul li {
					margin-left: 150px;
					list-style: none;
					background: transparent url(../images/port_page/list-off.gif) left center no-repeat;
					padding-left: 15px;
					text-align: left;
					font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
					text-decoration: none; }
.service_spacer {height: 40px; clear:both; padding-top:15px;}



/*-- Portfolio Page --*/
.port_nav {
					width: 715px;
					height: 60px;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					background: #ced7dc;	
					padding: 7px 7px 7px 7px;
					margin-left: 10px;
				 }
li.port_nav_images  {
							display: inline;
							margin-left: 5px;
							float: left;
							padding-left: 12px;
							width: 220px;
							height: 55px;
							background: red;
							list-style-type: none;
								}
li h2 { 	font-family: arial, helvetica, verdana;
							text-decoration: bold;
							font-size: 18px;
							color: #006092;
							text-transform: uppercase;
							padding-left: 52px;
							padding-top: 15px; }
li.internet { background: url(../images/port_page/nav_internet.gif) no-repeat; }
li.printoffline { background: url(../images/port_page/nav_printoffline.gif) no-repeat; }
li.misc { background: url(../images/port_page/nav_misc.gif) no-repeat; }

.portfolio_each{
					margin-top: 20px;
					float: left;
					width: 700px;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					background: #f1f1f1;
					margin-left: 8px;
					padding: 8px 8px 8px 8px; }
.port_left {float: left;  width: 200px; }
.portfolio_image { float: left; padding-right: 8px; }
.port_title {
					overflow: hidden;
					padding-top: 6px;
					margin-bottom: 6px;
					color: #063878;
					padding-bottom: 6px;
					border-bottom: #2180be 1px dotted;
					font-size: 24px;						
					text-shadow: #b8b8b8 1px 1px 0px;
					font-weight: bold; }
.port_text {
					font-size: 12px;
					font-weight: lighter;
					line-height; 14px;
					padding-bottom: 10px; }
.port_links img { vertical-align: middle; padding-right: 3px; }
.port_links {
					padding-left: 8px;
					color: #2180be;
					font-size: 12px;
					font-weight: bold;
					}
#Content_wrapper ul li {
					margin-left: 210px;
					list-style: none;
					background: transparent url(../images/port_page/list-off.gif) left center no-repeat;
					padding-left: 15px;
					text-align: left;
					font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
					text-decoration: none; }
.port_links a { padding-right: 30px; }

/* -------------- FOOTER ----------------- */
.footer_bottom {margin-left: auto; margin-right: auto; text-align: center; width: 700px; padding-top: 15px; padding-bottom: 20px ; color: white; text-decoration: bold;}