@charset "utf-8";
	/* CSS Document */

		 /* General styles */
		*{margin:0;padding:0;}
		html{
			color:#3a393a; 
			background: #bfdfed url(/images/templates/header.jpg) no-repeat 50% 0; 
			height:100%; data
			overflow-y: scroll;
		}
			body{
				background:url(/images/templates/body-bg.jpg) no-repeat 50% 140px; 
				height:100%;
				font:12px/14px Arial, Helvetica, sans-serif;
			}
				img{display:block; outline:none; border:0;}
				ul{list-style:none;}
				a, a:hover{text-decoration:none; outline:none;}
				input, select, textarea { outline: none }
				
				.spacer {
					clear:both;
					font-size:0;
					line-height:0;
				}

				#container{
					margin:auto;
					text-align:left;
					width:950px;
				}
				/* Start: Header styles */
				#header {height:140px; position:relative; z-index:100;}
					#header h1{
						font-size:11px;
						line-height:18px;
						position:absolute;
						right:0;
						top:59px;
						font-weight:normal;
						color:#fff;
						background:inherit;
					}
				
					/* Start: Navigation styles */

						#header li{float:left;}
							#header li a,
							#header a span{
								float:left;
								display:block;
								text-transform:uppercase;
								cursor:pointer;
							}
						
					ul.nav {height:35px; position:relative;}
						
						ul.nav li {
							padding-right:1px;
							font-size:12px;
							line-height:29px;
							font-weight:bold;
							text-align:center;
							position:relative;
						}
							ul.nav a{
								height:29px;
								padding-left:6px;
								margin-top:6px;
								background:#002257 url(/images/templates/tab-bg.png) no-repeat 0 0;
								color: #fff;
								position:relative;
							}
								ul.nav a span{
									width:123px;
									background:url(/images/templates/tab-bg.png) no-repeat 100% -29px;
									padding:0 6px 0 0;
								}
							ul.nav li.current a,
							ul.nav a:hover,
							ul.nav li:hover a{
								height:35px;
								line-height:35px;
								margin-top:0px;
								background-color:inherit;
								background-position:0 -58px;
								color:#00648f;
							}
								ul.nav li.current a span,
								ul.nav a:hover span,
								ul.nav li:hover a span{background-position:100% 100%;}
							ul.nav li.current a span{width:121px;}
							
							ul.nav a span img{
								position:absolute;
								border:0;
								top:12px;
								left:23px;
							}
							ul.nav a:hover span img,
							ul.nav li:hover a span img,
							ul.nav li.current a span img{top:15px;}
							
								/* Start: Drop-Down Navigation Styles */
								ul.nav div.dropLabel1 {
									padding:0 0 3px;
									background:url(/images/templates/drom-menu-bottom-shadow.png) repeat-x 0 100%;
									position:absolute;
									left:0;
									top:35px;
									display:none;
								}
								ul.nav li:hover div.dropLabel1 {
									display:block;
								}
								ul.nav div.dropLabel1Right {
									left:-132px;
								}
									ul.nav div.dropLabel1 ul {
										height:100%;
										min-width:230px;
										overflow:hidden;
										padding:20px;
										background:url(/images/templates/drom-menu-left-shadow.png) repeat-y 100% 0;
									}
									ul.nav div.dropLabel1 ul li {
										padding:0;
										margin:0 0 1px;
										font-size:12px;
										line-height:17px;
										font-weight:bold;
										text-align:left;
										float:none;
										clear:both;
										background:url(/images/templates/drom-menu-bg.png) repeat 0 0;
									}
									ul.nav div.dropLabel1 ul li.wd a,
									ul.nav div.dropLabel1 ul li.cm a,
									ul.nav div.dropLabel1 ul li.es a,
									ul.nav div.dropLabel1 ul li.rwh a,
									ul.nav div.dropLabel1 ul li.sms a {
										background-repeat:no-repeat !important;
										padding-left:41px !important;
										min-width:174px !important;
									}
									ul.nav div.dropLabel1 ul li.wd a {
										background-image:url(/images/templates/wd-ico.png) !important;
										background-position:8px 4px !important;
									}
									ul.nav div.dropLabel1 ul li.cm a {
										background-image:url(/images/templates/cm-ico.png) !important;
										background-position:5px 3px !important;
									}
									ul.nav div.dropLabel1 ul li.es a {
										background-image:url(/images/templates/es-ico.png) !important;
										background-position:7px 2px !important;
									}
									ul.nav div.dropLabel1 ul li.rwh a {
										background-image:url(/images/templates/rwh-ico.png) !important;
										background-position:9px 3px !important;
									}
									ul.nav div.dropLabel1 ul li.sms a {
										background-image:url(/images/templates/sms-ico.png) !important;
										background-position:6px 2px !important;
									}
										ul.nav div.dropLabel1 ul li a,
										ul.nav li:hover div.dropLabel1 ul li a {
											height:auto !important;
											line-height:17px;
											min-width:200px;
											padding:6px 11px 6px 17px;
											margin-top:0;
											background:none;
											color:#00648f;
											position:relative;
										}
										ul.nav div.dropLabel1 ul li a:hover {
											height:auto;
											line-height:inherit;
											background-color:#346f99 !important;
											color:#fff !important;
										}
										ul.nav div.dropLabel1 ul li.allService {
											background:none;
											font:bold 9px Verdana, Arial, Helvetica, sans-serif;
										}
										ul.nav div.dropLabel1 ul li.allService a {
											color:#e28201 !important;
											background-color:inherit !important;
											text-transform:lowercase !important;
											text-align:right;
											padding-right:0 !important;
											padding-bottom:0 !important;
											min-width:205px !important;
										}
										ul.nav div.dropLabel1 ul li.allService a:hover {
											color:#e28201 !important;
											background:none !important;
											text-decoration:underline;
										}
							
							/* End: Drop-Down Navigation Styles */
					 /* End: Navigation styles */
					 
					/* End: Follow Us styles */ 
					#followus{
						width:270px;
						height:61px;
						padding-left:65px;
						background:url(/images/templates/followus-bg.jpg) no-repeat 0 0;
						position:absolute;
						top:0;
						right:0;
					}
						#followus h3{
							width:73px;
							height:0;
							float:left;
							padding-top:61px;
							overflow:hidden;
							background:url(/images/templates/connect.png) no-repeat 0 28px;
						}
						#followus li{padding:5px 0 0 7px;}
						#followus li a{
							width:42px;
							height:0;
							padding-top:42px;
							overflow:hidden;
							background:url(/images/templates/connect-icons.png) no-repeat 0 0;
						}
						#followus li a.twitter{background-position:-42px 0;}
						#followus li a.mail   {background-position:-84px 0;}
						#followus li a.rss    {background-position:100% 0;}
					/* End: Follow Us styles */
					
				/*End: Header styles*/
				
				/* Start: column container */
				#colmain {		
					position:relative;		
					clear:both;
					float:left;
					width:100%;
					margin-bottom:20px;
					padding-top:15px;
					padding-bottom:20px;
					background:url(/images/templates/right-bg.png) no-repeat 100% 13px;
					overflow:hidden;
				}
					.col{
						float:left;
						width:100%;		
						position:relative;
						
					}
						.col1,
						.col2 {
							float:left;
							position:relative;
						}
					/* Start: 2 Column settings */
					#colmain .col {right:288px;}
					
						.col1 {
							width:642px;
							min-height:510px;
							padding:10px;
							left:288px;
							background:#fff url(/images/templates/title-bg.gif) no-repeat 0 0 ;
							color:#373737;
						}
						
						.col1 ul
						{
							padding-left: 3em;
							padding-bottom: 13px;
							margin: 0;
							list-style-type: disc;
							
						}
						
						.col1 ol
						{
							padding-left: 3em;
							padding-bottom: 13px;
							margin: 0;
						}
						
						.col2 {
							width:258px;
							padding:13px 10px 0;
							left:298px;
						}
							span.bottom{
								width:662px;
								height:20px;
								display:block;
								position:absolute;
								left:0; bottom:-20px;
								background:url(/images/templates/container-shadow.png) no-repeat 50% 0;
							}
							.col1 h2{
								height:0;
								padding-top:36px;
								overflow:hidden;
								background:url(/images/templates/title.png) no-repeat;
								margin-bottom:20px;
								font-size:0;
								line-height:0;
							}
							.col1 h2.blog     {background-position: 0 0;}
							.col1 h2.contact  {background-position: 0 -35px;}
							.col1 h2.portfolio{background-position: 0 -70px;}
							.col1 h2.comments {background-position: 0 -105px;}
							.col1 h2.services {background-position: 0 -218px;}
							.col1 h2.support {background:url(/images/templates/title_support.png) no-repeat; background-position: 0 0;}
							.col1 h2.website_design {background:url(/images/templates/title_tampa_web_design.png) no-repeat; background-position: 0 0;}
							.col1 h2.content_management {background:url(/images/templates/title_content_management.png) no-repeat; background-position: 0 0;}
							.col1 h2.ecommerce_solutions {background:url(/images/templates/title_ecommerce_solutions.png) no-repeat; background-position: 0 0;}
							.col1 h2.reliable_hosting {background:url(/images/templates/title_reliable_hosting.png) no-repeat; background-position: 0 0;}
							.col1 h2.social_media {background:url(/images/templates/title_social_media.png) no-repeat; background-position: 0 0;}
							
							.col1 h3{
								height:36px;
								font-weight:normal;
								font-size:18px;
								line-height:23px;
								padding:0 0 0 4px;
								margin-bottom:7px;
								color:#12679e;
								background-color:inherit;
							}
							.col1 h4{
								padding:0 0 10px 4px; 
								clear:both;
								font-size:12px;
								color:#105e96;
								background-color:inherit;
							}
							.col1 p{padding:0 10px 13px;}
							.col1 p.back a{
								width:43px;
								height:0;
								padding-top:31px;
								overflow:hidden;
								display:block;
								background:url(/images/templates/icons.png) no-repeat 0 0;
								font-size:0;
								line-height:0;
								position:absolute;
								left:10px;
								top:10px;
							}
							
							.col1 p.back a.portfo:hover{background-position:0 -31px;}
							
							/* Start: Blokquote Styles */
							.col1 blockquote{padding:0 30px 30px 0;}
								.col1 blockquote h3{
									height:24px;
									font:bold 14px/24px Tahoma, Geneva, sans-serif;
									padding:0 0 6px 39px;
									margin:0;
									color:#7b7b7b;
									background:url(/images/templates/quote.png) no-repeat 8px 0;
								}
								.col1 blockquote p.clientname{
									padding:14px 0; 
									font:bold 10px/14px Verdana, Geneva, sans-serif; 
									text-align:right;
								}
							/* End: Blokquote Styles */
							
							.col2 h3{
								height:0;
								padding-top:30px;
								overflow:hidden;
								background:url(/images/templates/blog-title.png) no-repeat;
								font-size:0;
								line-height:0;
							}
							.col2 h3.categories{background-position: 0 2px;}
							.col2 h3.quickContact{background-position: 0 -30px;}
							.col2 h3.contact{background-position: 0 -60px;}
							.col2 h3.supportCategories{background-position: 0 -95px;}
							
							/* Start: Blokquote Styles */
							.col2 blockquote {
								margin: 0px;
								padding: 20px 0;
								color:#ffffff;
								background-color:inherit;
								font-style:italic;
							}
								.col2 blockquote p:first-child{
									text-transform:none; 
									color:#fff; 
									font-weight:bold;
									background-color:inherit;
									font-style:normal;
									font-size: 13px;
								}
								.col2 blockquote p:first-child a{
									text-transform:none; 
									color:#fff; 
									font-weight:bold;
									background-color:inherit;
									font-style:normal;
								}
								.col2 blockquote p.clientname{padding:14px 0; text-align:right; font-style:normal;}
									.col2 blockquote p.clientname span{color:#fff; background-color:inherit; font-weight:bold;}
									.col2 blockquote p a{ 
										color:#fff;
										background-color:inherit;
										font-style:normal;
									}
									.col2 blockquote p a span{color:#fbab11; background-color:inherit;}
									.col2 blockquote p a:hover span{text-decoration:underline;}
							/* End: Blokquote Styles */
				/* End: column container */
				
				/* Start: Portfolio Styles */
				ul#portfolio{
					padding:0 0 28px 49px;
					height:328px;
					list-style: none;
				}
					ul#portfolio li,
					ul#portfolio li img{width:176px; height:156px; border:0;}
					ul#portfolio li{
						padding:0 8px 8px 0;
						float:left;
						position:relative;
					}

						a.next,
						a.previous{
							width:73px;
							height:0;
							padding-top:68px;
							overflow:hidden;
							display:block;
							background:url(/images/templates/thumb/arrows.png) no-repeat 0 0;
							position:absolute;
							top:200px;
							font-size:0;
							line-height:0;
						}
						a.next{left:26px; z-index: 900;}
						a.previous{
							background-position: 0 -68px;
							right:26px !important;
							z-index: 900;
						}
						ul#portfolio li a span{
							width:176px;
							height:156px;
							display:block;
							background:url(/images/templates/portfolio-hover.png) no-repeat 0 -1000px;
							position:absolute;
							left:0;
							top:0;
						}
						ul#portfolio li a:hover span{background-position:0 0;}
					
					#portfoiodetail{padding:0 8px;}
						h3.detailP{
							background:url(/images/templates/divider2.gif) no-repeat 0 0; 
							line-height:26px; 
							padding-left:9px; 
							margin-left:53px;
						}					
						ul#stripViewer{
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border:1px solid #cacaca;
							margin-bottom:5px;
							overflow:hidden;
						}
							ul#stripViewer li{
								width:617px;
								height:220px;
								padding:5px;
								overflow:hidden;
								float:none;
							}
							ul#stripViewer img{width:617px; height:220px;}
							
						/* Start: Quick Contact Form Styles*/
						#quickContactForm{
							height:223px;
							font:bold 9px/14px Verdana, Geneva, sans-serif;
							color:#65a2c6;
							background-color:inherit;
							border-bottom:1px solid #023d74;
						}
							#quickContactForm div{
								width:258px;
								height:27px;
								line-height:27px;
								padding:0 0 2px;
								background:url(/images/templates/qcontact-fieldbg.png) no-repeat 0 0;
							}
							#quickContactForm div.txtarea{
								width:258px;
								height:63px;
								line-height:27px;
								padding:0 0 7px;
								background-image:url(/images/templates/qcontact-fieldbg1.png);
							}
								#quickContactForm label,
								#quickContactForm span{
									display:block;
									float:left;
									background:no-repeat 100% 0;
								}
								#quickContactForm label{
									width:45px;
									height:0;
									padding-top:27px;
									overflow:hidden;
									margin-right:8px;
								}
								
								#quickContactForm label.name {background-image:url(/images/templates/name-fld.png); }
								#quickContactForm label.phone{background-image:url(/images/templates/phone-fld.png);}
								#quickContactForm label.email{background-image:url(/images/templates/email-fld.png);}
								#quickContactForm label.other{background-image:url(/images/templates/other-fld.png);}
								
								#quickContactForm span{
									height:27px;
									width:204px;
									background-image:url(/images/templates/qcontact-fld.png);
								}
								#quickContactForm div.txtarea span{height:61px; background-image:url(/images/templates/qcontact-fld1.png);}
									#quickContactForm span input, 
									#quickContactForm span textarea{
										width:191px;
										margin:5px 0 0 8px;
										border:0;
										background-color:#c2c2c2;
										color:#000;
									}
									#quickContactForm span textarea{height:53px;}
									#quickContactForm input.chkbox{
										width:14px;
										height:14px;
										margin:0 8px 0 2px;
										float:left;
									}
									#quickContactForm input.btn{
										margin-top:7px;
										float:right;
									}
								#quickContactForm div.active label,
								#quickContactForm div.active span {background-position:100% 100%;}
								#quickContactForm div.active input,
								#quickContactForm div.active textarea{background:#ebebeb; color:#000;}
						/* End: Quick Contact Form Styles*/

				/* End: Portfolio Styles */
				
				/* Start: Blog Styles */
				#blog .col1 {
					width:662px;
					padding:10px 0;
					background:url(/images/templates/title-bg.gif) no-repeat 0 0;
				}
					#blog .col1 h2{margin:0 0 0 10px;}
					#blog .col1 .commentContain h2{margin-bottom:20px;}
					.col1 div.blogcontain{
						position:relative; 
						background:#fff; 
						color:#373737;
						padding:20px 10px 20px;
						margin-bottom:31px;
					}
						/* Start: Post Styles */
						.post{padding:0 10px 20px;}
							.post h3{
								height:auto;
								font-weight:normal;
								font-size:18px;
								line-height:23px;
								padding:0 0 5px 4px;
								margin:0;
								color:#12679e;
								background:#fff;
							}
							.post p{padding:0 13px 13px 4px;}
							.post p.info{
								font-size:11px;
								color:#a0a0a0;
								background:#fff;
								text-transform:uppercase;
								padding-bottom:6px;
							}
							.post ul.summary{
								height:24px;
								line-height:24px;
								border:solid #bfdfed;
								border-width:1px 0;
								list-style: none;
								margin: 0;
								padding: 0;
							}
								.post ul.summary li{
									float:left;
									padding:0 10px 0 6px;
									background:url(/images/templates/divider1.gif) no-repeat 100% 50%;
								}
									.post ul.summary li a, 
									.post a:hover{
										/*font-weight:bold; */
										color:#e28201; 
										background:#fff;
									}
									.post h3 a:hover{font-weight:normal;}
									.post ul.summary li.comment{background:none; padding-left:10px;}
									.post ul.summary li.comment a{
										width:20px;
										padding-left:15px;
										display:block;
										font-weight:normal;
										color:#105e96;
										background:url(/images/templates/comment-icon.gif) no-repeat 0 7px #fff;
									}
									.post a, .post ul.summary li a:hover{color:#105e96; background-color:#fff;}
									.post ul.summary li.comment a:hover {color:#e28201; background-color:#fff;}
								img.share{margin-left:10px;}
						/* End: Post Styles */		
						
						/* Start: Pagination Styles */
						#pagination ul{
							padding:21px 0 0; 
							height:23px; 
							width:629px;
							text-align:center;
						}
							#pagination li{
								/*float:left;*/
								display:inline;
								padding:0 1px;
							}
								#pagination li a{
									width:23px;
									height:23px;
									display:inline-block;
									color:#676767;
									background-color:inherit;
									background:url(/images/templates/pages-blog.png) no-repeat 0 0;
									font:12px/23px Arial, Helvetica, sans-serif;
									text-align:center;
								}
								#pagination li a:hover, 
								#pagination li a:active, 
								#pagination li a.currentpage,
								#portfoiodetail li a.activeSlide{ 
									color:#fff;
									background-position:0 -23px;
									background-color:inherit;
								}
								#portfoiodetail li a:hover, 
								#portfoiodetail li a:active, 
								#portfoiodetail li a.activeSlide{ 
									background-position:0 -31px;
								}
						
						#portfoiodetail #pagination ul{padding:0 0 29px; text-align:left;}
							#portfoiodetail li a{
								width:31px;
								height:31px;
								background-image:url(/images/templates/pages.png);
								font:bold 16px/31px Arial, Helvetica, sans-serif;
							}
							#portfoiodetail li.visit{float:right; padding:0;}
							*+html #portfoiodetail li.visit{ margin-top:-32px;}
								#portfoiodetail li.visit a{
									width:204px;
									height:0px;
									padding-top:31px;
									overflow:hidden;
									background-position:-31px 0;
								}
							
								#portfoiodetail li.visit a:hover, 
								#portfoiodetail li.visit a:active{background-position:-31px -31px;}
						/* End: Pagination Styles */
						
						/* Start: Comment Section */					
						.commentContain{position:relative; padding-bottom:26px; height:100%; overflow:hidden;}
							.commentContain p a{
								position:absolute;
								left:156px;
								top:10px;
								color:#105e96;
								background-color:inherit;
								background:url(/images/templates/divider1.gif) no-repeat 0 3px;
								font-weight:bold;
								padding-left:15px;
								display:inline-block;
							}
							.commentContain p a:hover{ text-decoration:underline;}
							div.comnt{
								width:599px;
								position:relative;
								float:right;
								background:url(/images/templates/commentbg.png) repeat-y 0 0;
								padding:10px 22px 14px;
								margin-bottom:18px;
								clear:both;
							}
							.comnt p{padding:0 0 9px;}
							.comnt p.info{
								border-bottom:1px solid #fff;
								font-size:11px;
								color:#a0a0a0;
								background-color:#ebebeb;
								text-transform:uppercase;
								margin-bottom:11px;
								margin-left:10px;
								padding-bottom:5px;
							}
								.comnt p.info strong{
									font-weight:normal;
									color:#12679e;
									background-color:#ebebeb;
								}
							.comnt p.bubble{
								width:44px;
								height:45px;
								line-height:40px;
								background-color:inherit;
								background:url(/images/templates/bubble.png) no-repeat 0 0;
								color:#105e96;
								position:absolute;
								left:-19px;
								top:-6px;
								z-index:1;
								text-align:center;
								font-size:12px;
							}
								/* Start: Curve Styles */
								.comnt span{
									display:block;
									width:642px;
									height:0;
									padding-top:4px;
									overflow:hidden;
									position:absolute;
									left:0;
									background-image:url(/images/templates/commentbg.png);
								}
								.comnt span.top   {background-position: -642px 0; top:-4px;}
								.comnt span.bottom{background-position: -1284px 0; bottom:-4px;}
								/* End: Curve Styles */					
						/* End: Comment Section */
						
						/* Start: Comment Form */
							#commentForm div{float:left;}
							#commentForm span{display:block;}
							#commentForm div.left {width:274px;}
							#commentForm div.right{width:378px;}
							
							#commentForm label{display:block; padding:2px 0 0 5px; line-height:15px; height:15px;}
							#commentForm span{
								height:25px;
								width:259px;
								background-image:url(/images/templates/input-bg1.png);
							}
							#commentForm span.txtarea{
								height:110px;
								width:379px;
								background-image:url(/images/templates/input-bg2.png);
							}
								#commentForm span input,
								#commentForm span textarea{
									width:247px;
									margin:5px 0 0 8px;
									border:0;
									color:#000000;
									background:#fff;
								}
								#commentForm span textarea{ width:367px; height:100px;}
								#commentForm input.btn{float:right;}
								#commentForm ul{
									padding:9px 0 2px 178px;
									line-height:18px;
									list-style: none;
									margin: 0;
								}
								#commentForm ul li{padding-bottom:7px;}
								#commentForm ul input{width:14px; height:14px; margin-right:5px; position:relative; float:left; top:2px;}
						/* End: Comment Form */
						/* Start: Search Form Styles*/
						#searchForm{
							background:url(/images/templates/search-bg.png) no-repeat 0 0;
							height:26px;
							padding:11px 7px 21px 11px;
						}
							#searchForm label,
							#searchForm span{
								display:block;
								float:left;
								background:no-repeat 0 0;
							}
							#searchForm label{
								width:27px;
								height:0;
								padding-top:27px;
								overflow:hidden;
								background-image:url(/images/templates/search-icon.png);
							}
							#searchForm span{
								height:25px;
								width:163px;
								background-image:url(/images/templates/input-bg.png);
							}
								#searchForm span input{
									width:145px;
									margin:5px 0 0 8px;
									border:0;
								}
						/* End: Search Form Styles*/
						.box{
							background:url(/images/templates/box.png) no-repeat 0 -60px;
							position:relative;
							margin:7px 0;
						}
							/* Start: Curve Styles*/
							.box span{
								display:block;
								width:258px;
								height:0;
								padding-top:7px;
								overflow:hidden;
								position:absolute;
								left:0;
								background-image:url(/images/templates/box.png);
							}
							.box span.top   {background-position: 0 -53px; top:-7px;}
							.box span.bottom{background-position: 0 -46px; bottom:-7px;}
							/* End: Curve Styles*/
							
							.box h3{margin-left:11px;}
							
							/* Start: List Styles */
							.box ul, 
							.box li a{
								line-height:23px;
								background-color:#001c4b;
								color:#3ca6f2;
								text-transform:capitalize;
							}
							.box ul{
								font-size:13px;
								padding:0 6px 10px 11px;
							}
								.box li{padding-bottom:1px;}
		
									.box ul li a{
										height:23px;
										padding-left:21px;							
										display:block;
										background:url(/images/templates/box.png) no-repeat 8px -23px;
									}
									.box ul li.current-cat a,
									.box ul li a:hover{
										font-weight:bold;
										color:#fff;
										background-position:0 0;
										background-color:inherit;
									}
							/* End: List Styles */
				/* End: Blog Styles */
				
				/* Start: Contact Styles*/
						/* Start: Who we are Styles */
						.who{
							padding:0 10px 20px;
							height:100%;
							overflow:hidden;
						}
						.border{border-top:1px solid #fbab11; padding-top:20px;}
							.who h4,
							.who p,
							.who a{
								height:0;
								overflow:hidden;
								margin:0;
								background:no-repeat 0 0;
							}
							/*.who h4,
							.who p{
								height:0;
								padding-top:16px;
								overflow:hidden;
								margin:0;
								background:no-repeat 0 0;
							}*/
							.who h4{padding-top:35px;}
							.who p {padding-top:16px;}
							.who p.shawnphone,
							.who p.eduphone{padding-top:21px;}
							
							.who h4.shawn     {background-image:url(/images/templates/name-shawn.png); background-position:0 19px;}
							.who p.shawn      {background-image:url(/images/templates/position-shawn.png);}
							.who p.shawnphone {background-image:url(/images/templates/phone-shawn.png);}
							
							.who h4.edu     {background-image:url(/images/templates/name-edu.png); background-position:0 19px;}
							.who p.edu      {background-image:url(/images/templates/position-edu.png);}
							.who p.eduphone {background-image:url(/images/templates/phone-edu.png);}
								.who img{
									margin-right:7px; 
									float:left; 
									background:url(/images/templates/img-bg.png) no-repeat 0 0;
									padding:4px;
								}
							.who a{
								width:94px;
								padding-top:23px;
								display:block;
								background-image:url(/images/templates/more-info.png);
							}
							.who a:hover{background-position:0 -23px;}
						/* End: Who we are Styles */		
				/* End: Contact Styles*/
				
				
				/* Starts: home Page Style */
			#colmainHome {
				width:100%;
				margin-bottom:20px;
				padding-top:15px;
				color:#5A5A5A;
				background-color:inherit;
			}
				#colmainHome h2{
					height:0;
					padding-top:36px;
					overflow:hidden;
					background:url(/images/templates/title.png) no-repeat;
					margin-bottom:10px;
					font-size:0;
					line-height:0;
				}
				#colmainHome h2.testimonial,
				.col1 h2.testimonial {
					background-position:0 -146px;
					padding-bottom:0;
				}
				#colmainHome h2.featuredWork {
					background-position:0 -182px;
					margin-left:8px;
					margin-bottom:0;
				}
				
				
				/* Starts: Top Panel */
				#colmainHome div.topPan {
					background:url(/images/templates/home-top-panel-bg.png) no-repeat 945px 0 #fff;
					padding:0 25px 8px 0;
					overflow:hidden;
					height:100%;
				}
				#colmainHome div.topPan p.headTxt {
					font-weight:bold;
					color:#000;
					background-color:inherit;
				}
					#colmainHome div.topPan div.left {
						width:685px;
						float:left;
					}
						#colmainHome div.topPan div.left div.welcome {
							padding:5px 43px 0 32px;
							text-align:justify;
						}
						#colmainHome div.topPan div.left div.welcome p {
							padding-bottom:4px;
						}
						#colmainHome div.topPan div.left div.welcome p strong {
							color:#000;
							background-color:inherit;
						}
						#colmainHome div.topPan div.left div.welcome p span {
							color:#2C6D92;
							background-color:inherit;
						}
					
					
					/* Start: Right Panel */
					#colmainHome div.topPan div.right {
						width:232px;
						float:right;
						padding:20px 0 0;
					}
						/* Starts: Testimonial */
						#colmainHome div.topPan div.right div.testimonial {
							padding-bottom:45px;
						}
						#colmainHome div.topPan div.right div.testimonial p {
							text-align:justify;
							padding-bottom:10px;
						}
						#colmainHome div.topPan div.right div.testimonial p.name {
							font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
							color:#3F8CB8;
							background-color:inherit;
							text-align:right;
						}
						#colmainHome div.topPan div.right div.testimonial p.name span {
							color:#5C5C5C;
							background-color:inherit;
							font-weight:normal;
							font-style:italic;
						}
						#colmainHome div.topPan div.right div.testimonial a {
							color:#FBAB11;
							background-color:inherit;
							text-decoration:none;
						}
						#colmainHome div.topPan div.right div.testimonial a:hover {
							text-decoration:underline;
						}
						/* End: Testimonial Ends */
						
						div.right p.contact a,
						div.right p.number {
							background:url(/images/templates/contact-today.png) 0 0 no-repeat;
							height:0;
							padding:31px 0 0;
							overflow:hidden;
							display:block;
							margin-bottom:10px;
						}
						div.right p.contact a:hover {
							background-position:0 -31px;
						}
						div.right p.number {
							background-image:url(/images/templates/call-number.png);
							background-position:50% 0;
							padding:20px 0 0;
						}
					/* End Right Panel */	
									
				/* Ends: Top Panel */
				
				/* Start: Home Bottom Panel */
				#colmainHome div.bottomPan {
					background:#BFDFED;
					padding:52px 25px 30px 35px;
					position:relative;
					height:100%;
					overflow:hidden;
				}
					#colmainHome div.bottomPan span.topBg {
						display:block;
						background:url(/images/templates/home-top-panel-bg.png) no-repeat -6px 0;
						height:41px;
						left:0;
						top:0;
						width:951px;
						position:absolute;
					}
					#colmainHome div.bottomPan div.left {
						width:617px;
						float:left;
					}
						#colmainHome div.bottomPan div.left div.blogLeft {
							width:275px;
							float:left;
							padding:0;
						}
						#colmainHome div.bottomPan div.left div.blogLeft p {
							padding:0 0 6px;
						}
						#colmainHome div.bottomPan div.left div.blogLeft p.headTxt, 
						p.headTxt a{
							font-weight:bold;
							color:#105E96;
							background-color:inherit;
						}
						p.headTxt a, p.headTxt a:hover{background:none;}
						#colmainHome div.bottomPan div.left div.blogLeft p.headTxt span {
							color:#E28201;
							background-color:inherit;
							/*padding-right:7px;*/
						}
						#colmainHome div.bottomPan div.left div.blogLeft ul li {
							padding-left:0;
						}
						#colmainHome div.bottomPan div.left div.blogLeft ul li.comment {
							padding-left:15px;
						}
						#colmainHome div.bottomPan div.left div.blogLeft ul a {
							background-color:#BFDFED;
						}
						
						/* Start: BLog Right */
						#colmainHome div.bottomPan div.left div.blogRight {
							width:296px;
							float:right;
							border-right:#fff 1px solid;
							padding-right:25px;
						}
							#colmainHome div.bottomPan div.left div.blogRight dl {
								overflow:hidden;
								height:100%;
							}
								#colmainHome div.bottomPan div.left div.blogRight dl dt {
									color:#E28201;
									background-color:inherit;
									font-weight:bold;
								}
								#colmainHome div.bottomPan div.left div.blogRight dl dd {
									margin:-14px 0 0 70px;
									padding-bottom:10px;
								}
									#colmainHome div.bottomPan div.left div.blogRight dl dd a {
										color:#105E96;
										background-color:inherit;
										text-decoration:none;
									}
									#colmainHome div.bottomPan div.left div.blogRight dl dd a:hover {
										text-decoration:underline;
									}
									
					#colmainHome div.bottomPan div.right {
						width:240px;
						float:right;
					}
						#colmainHome div.bottomPan div.featured {
							width:230px;
							height:130px;
							background:url(/images/templates/featured-bg.png) 0 0 no-repeat;
							padding:10px 0 0 10px;
						}
				/* End: Home Bottom Panel */
				
				/* Start: Home Bottom Panel 2 */
				
				#colmainHome div.bottomPan1 {
					margin:0 10px;
					border-top:#fff 1px solid;
					padding:14px 0 0 25px;
				}
				#colmainHome div.bottomPan1 h3 {
					padding-top:23px;
					height:0;
					overflow:hidden;
					font-size:0;
					margin-bottom:8px;
					background:url(/images/templates/subtitle-bg.png) 0 0 no-repeat;
				}
				#colmainHome div.bottomPan1 h3.services {
					background-position:0 -23px;
				}
				#colmainHome div.bottomPan1 h3.work {
					background-position:0 -46px;
				}
				#colmainHome div.bottomPan1 h3.contact {
					background-position:0 -69px;
				}
				#colmainHome div.bottomPan1 h3.blog {
					background-position:0 -92px;
				}
				#colmainHome div.bottomPan1 p {
					padding-bottom:10px;
				}
				#colmainHome div.bottomPan1 ul {
					list-style:none;
				}
				#colmainHome div.bottomPan1 ul li {
					padding-left:7px;
					background:url(/images/templates/bullet-home.gif) 0 50% no-repeat;
				}
				#colmainHome div.bottomPan1 ul li a {
					color:#105E96;
					background-color:inherit;
					text-decoration:none;
				}
				#colmainHome div.bottomPan1 ul li a:hover {
					text-decoration:underline;
				}
				
				.newsletterForm {
					background:url(/images/templates/newsletter-form-bg.gif) 0 0 no-repeat;
					height:31px;
					padding-left:5px;
				}
				.newsletterForm label {
					display:block;
					width:184px;
					height:25px;
					float:left;
					margin:3px 10px 0 0;
					background:url(/images/templates/newsletter-field-bg.gif) 0 0 no-repeat;
				}
					.newsletterForm label input {
						border:0;
						margin:5px 0 0 5px;
						background:#EBEBEB;
						color:#898989;
					}

					.newsletterForm label input.active {
						border:0;
						margin:5px 0 0 5px;
						background:#EBEBEB;
						color:#000000;
					}

					.newsletterForm input.btn {
						float:left;
						margin-top:11px;
					}
				
			/* Ends: Home Page Style
			
			/* Start: Contact Page Style */
			div.contact {padding-bottom:60px;}
			.contact h2.contact {padding-bottom:0px;}
				.contact div.left {
					width:414px;
					float:left;
					margin-right:4px;
				}
					.contact div.left h3 {
						height:0;
						overflow:hidden;
						padding-top:15px;
						margin-bottom:7px;
						background:url(/images/templates/subtitle-bg.png) no-repeat 0 -116px;
					}
						/* Start: Info Panel */
						.contact div.info {
							height:31px;
							background:url(/images/templates/contact-field-bg.png) 0 0 no-repeat;
							margin-bottom:11px;
							padding-left:13px;
						}
							.contact div.info ul {
								list-style:none;
								/*padding-top:9px;*/
								padding: 9px 0 0 0;
								margin: 0;
								font-weight:bold;
								color:#EBEBEB;
								background-color:inherit;
							}
							.contact div.info ul li {
								float:left;
								padding-right:14px;
							}
							.contact div.info ul li.left {
								width:40px;
								padding:0;
							}
							.contact div.info ul li.inactive {
								color:#0B5D96;
								background-color:inherit;
							}
							.contact div.info ul li.radio {
								width:18px;
								padding:0;
							}
								.contact div.info ul li.radio input {
									width:14px;
									height:14px;
									float:left;
								}
				
					.contact div.border {border-right:#B3D9E9 1px solid; border-top:none; padding:0;}
				
					/* Start: Field Block */
					div.fieldCont {
						background:url(/images/templates/contact-field-bg.png) 0 -32px no-repeat;
						height:28px;
						width:382px;
						padding:3px 8px 0 5px;
						margin-bottom:4px;
					}
					/* Active style for text field container */
					div.active {background-position:0 -64px;}
						div.fieldCont span {
							display:block;
							height:0;
							padding-top:25px;
							overflow:hidden;
							width:130px;
							float:left;
							background:url(/images/templates/contact-field-name-bg.png) 100% 8px no-repeat;
						}
						div.fieldCont div.jquery-selectbox span {
							display:block;
							height:auto;
							padding-top:0;
							overflow:visible;
							width:auto;
							float:none;
							background:none;
						}
						div.fieldCont select {
							width:244px;
						}
						div.fieldCont span.email {background-position:100% -28px;}
						div.fieldCont span.phone {background:url(/images/templates/contact-field-phone.png) 100% no-repeat; background-position: 100% 8px;}
						
						
						div.fieldCont span.company {background-position:100% -62px;}
						div.fieldCont span.companyUrl {background-position:100% -97px;}
						div.fieldCont span.howFindUs {background-position:100% -133px;}
						div.fieldCont span.budget {background-position:100% -168px;}
						div.fieldCont span.aboutProject {background-position:100% -202px;}
						
						/* Active Class for Span area */
						div.active span {background-position:100% -232px;}
						div.active span.phone {background-position:100% -232px;}
						div.active span.email {background-position:100% -267px;}
						div.active span.company {background-position:100% -302px;}
						div.active span.companyUrl {background-position:100% -337px;}
						div.active span.howFindUs {background-position:100% -373px;}
						div.active span.budget {background-position:100% -408px;}
						div.txtAreaActive span.aboutProject {background-position:100% -440px;}
						
						div.fieldCont label {
							display:block;
							height:25px;
							width:243px;
							float:right;
							background:url(/images/templates/contact-field-bg.png) no-repeat 0 -292px;
						}
						/* Active Style for Textfield bg */
						div.active label {background-position:0 -318px;}
							div.fieldCont label input {
								border:0;
								margin:5px 0 0 5px;
								width:234px;
								height:15px;
							}
					div.txtAreaCont {
						height:95px;
						width:382px;
						padding:3px 8px 0 5px;
						margin-bottom:8px;
						background-position:0 -96px;
					}	
					div.txtAreaActive {background-position:0 -194px;}

						div.txtAreaCont label {
							display:block;
							height:87px;
							width:243px;
							float:right;
							background-position:0 -344px;
						}
						div.txtAreaActive label {background-position:0 -435px;}
							div.fieldCont label textarea {
								border:0;
								margin:5px 0 0 5px;
								width:235px;
								height:82px;
							}
						div.button {
							width:392px;
							padding-left:3px;
							overflow:hidden;
							height:100%;
						}	
							div.button p {
								width:235px;
								float:left;
								font-size:10px;
								color:#A0A0A0;
								background-color:inherit;
								padding:0;
							}
							div.button input {float:right;}
									
				.contact div.right {
					width:204px;
					float:left;
					position:relative;
					padding-top:101px;
				}
				.contact div.right img {
					position:absolute;
					left:0;
					top:-30px;
				}
				.contact div.right p {
					padding:22px 0 0 25px;
					color:#808080;
					background-color:inherit;
				}
							
			/* End: Contact Page Style */
			
			/* Star: general Page Style */
			.col1 h2.leftMar { margin-left:61px !important;}
			.col1 p.viewPortfolio a { 
				display:block;
				width:204px;
				height:0;
				padding-top:31px;
				overflow:hidden;
				position:absolute;
				right:21px;
				top:9px;
				background:url(/images/templates/view-portfolio-btn.png) 0 0 no-repeat;
			}
			.col1 p.viewPortfolio a:hover {
				background-position:0 -31px;
			}
				.floatCont {
					overflow:hidden;
					height:100%;
					padding-left:10px;
				}
				/* Start: Body Picture */
				.col1 img.bodyPic {
					border:#FBAB11 3px solid;
					display:block;
					float:left;
					margin-right:25px;
				}
				/* End: Body Picture */	
				.floatCont div.right {
					width:275px;
					float:left;
				}
				.floatCont div.right p.contact a,
				.floatCont div.right p.number {
					margin-left:22px;
				}
					.floatCont div.right p.headTxt {
						color:#4185B1;
						background-color:inherit;
						font-weight:bold;
					}
					.col1 ul.bodyList {
						font-weight:bold;
						list-style:none;
						padding:0 0 30px 44px;
					}
					.col1 ul.bodyList li {
						background:url(/images/templates/bullet-body.gif) 0 5px no-repeat;
						padding:0 0 3px 12px;
					}
			/* End: general Page Style */
				
				
				/* Start: Footer styles */
				#footer {
					background:inherit;
					color:#73accd;
					clear:both;
				}
					#footer img{display:inline-block;}
					#footer img.padR{padding-right:42px;}
					
						#footer a{
							color:#105e96;
							background-color:inherit;
						}
						#footer li.current a,
						#footer a:hover{
							color:#db7f00;
							background-color:inherit;
							text-decoration:underline;
						}
					
					#footer ul{padding:10px 0 2px;}
					#footer li:first-child{background:none; padding-left:0;}
						#footer li{
							float:left;
							background:url(/images/templates/divider.gif) no-repeat 0 50%;
							font-size:12px;
							font-weight:bold;
							padding:0 5px 0 6px;
						}
							#footer li a{
								float:left;
								display:block;
								cursor:pointer;
							}
					#footer p{clear:both;}
					#footer p,
					#footer p a{font-size:11px; font-weight:bold;}
					/* End: Footer styles */
					
		/* Start: Services */
		div.servicesBlock {
			padding-top:18px;
		}
		div.servicesBlock h3 {
			height:39px;
			background:url(/images/templates/services-heading-bg.gif) repeat-x 0 100%;
			padding:0 0 0 12px;
		}
			div.servicesBlock h3 span {
				display:block;
				padding-top:36px;
				height:0;
				overflow:hidden;
				background:url(/images/templates/title-services.png) no-repeat 0 0;
			}
			div.servicesBlock h3.webdesign span { background-position:0 0;}
			div.servicesBlock h3.contentManage span { background-position:0 -40px;}
			div.servicesBlock h3.ecommerce span { background-position:0 -80px;}
			div.servicesBlock h3.reliable span { background-position:0 -160px;}
			div.servicesBlock h3.socialMedia span { background-position:0 -120px;}
		
		div.servicesBlock div.content {
			padding-bottom:22px;
			text-align:justify;
			position:relative;
		}
			div.servicesBlock a.moreInfo {
				display:block;
				width:90px;
				font-size:10px;
				position:absolute;
				right:0;
				top:10px;
				color:#07528C;
				text-decoration:underline;
			}
			div.servicesBlock a.moreInfo:hover {
				text-decoration:none;
			}
		/* End: Services */			
		/* Start: Testimonial */
		div.testiBlock {
			overflow:hidden; 
			height:100%;
			padding-bottom:15px;
		}
			div.testiBlock div.left {
				width:162px;
				float:left;
			}
				div.testiBlock blockquote {
					border-left:#E3E3E3 1px solid;
					width:455px;
					float:right;
					padding:0 0 16px 20px;			
				}
					div.testiBlock blockquote p {
						padding:0 0 10px;
						font-style:italic;
						color:#5A5A5A;
					}
					div.testiBlock blockquote p:first-child {
						font-size:15px;
						font-weight:bold;
						line-height:20px;
						color:#000;
						font-style:normal;
						padding:0;
					}
					div.testiBlock blockquote p.info {
						font-style:normal;
						text-align:right;
						padding:0;
						color:#000;
					}
						div.testiBlock blockquote p.info a {
							color:#07528C;
							font-weight:bold;
						} 
						div.testiBlock blockquote p.info a:hover {
							text-decoration:underline;
						}
		/* End: Testimonial */ 
		
		
		
	p.TestimonialTitle
	{
		font-size:16px;
		font-weight:bold;
		line-height:20px;
		color:#000;
		font-style:normal;
		padding:0 10px;
	}
		
	.testimonial_contact
	{
		font-size: 13px;
		font-weight: bold;
	}
		
	.pagination
	{
		text-align: center;
		font-size: 13px;
		color: #105E96;
		font-weight: bold;
	}

	.pagination a
	{
		color: #E28201;
		text-decoration: none;
	}

	.pagination a:hover
	{
		color: #105E96;
	}
		
		
.hiddenFields
{
	display: none;
}

.addthis_toolbox
{
	padding: 20px 0 0;
}

.blogcontain .post blockquote
{
	padding: 0;
	margin: 0 0 0 30px;
}

#stripViewer
{
	list-style: none;
	margin: 0;
	padding: 0;
} 
	/* Start: Support page */
	.col1 p.whatHelp {
		padding-top:14px;
		padding-bottom:0;
		height:0;
		overflow:hidden;
		background:url(/images/templates/what-help-text.gif) no-repeat 10px 0;
	} 
	.col1 p.supportHead {
		color:#0F5E96;
		background-color:inherit;
		font:italic 16px/20px "Times New Roman", Times, serif;
		margin:-17px 0 0 251px;
	}
	.supportBlock {	
		padding:15px 0 50px 10px; 
		overflow:hidden; 
		height:100%;
	}
		.supportBlock div.left {
			width:167px; 
			float:left; 
			border-right:#A3A3A3 1px solid; 
			font-weight:bold;
		}
			.supportBlock h3 {
				background:no-repeat 0 0;
				height:0;
				padding:20px 0 0;
				overflow:hidden;
			}
				.supportBlock div.left h3 {background-image:url(/images/templates/need-help.gif);}
				.supportBlock div.right h3 {background-image:url(/images/templates/most-common-articles.gif);}
				
		.supportBlock div.right {width:420px; float:right;}

		.supportBlock ul {
			list-style: none outside none;
			margin: 0;
			padding: 0;
		}

		.supportBlock li {
			padding-left:10px;
			background:url(/images/templates/bullet-supportlist.gif) no-repeat 0 6px;
			line-height:18px;
		}
			.supportBlock div.left a {
				color:#E09300;
				background-color:inherit;
			}
			.supportBlock div.right a {
				color:#0F5E96;
				background-color:inherit;
			}
				.supportBlock a:hover {
					text-decoration:underline;
				}
		
		/*Start: Support form */
		.supportForm {padding-left:10px;}
		.supportForm div.left {
			float:left;
			width:321px;
		}
		.supportForm div.right {
			float:left;
			width:303px;
		}
			.supportForm h3 {
				padding:19px 0 0;
				overflow:hidden;
				height:0;
				background:url(/images/templates/cant-find-answer.gif) no-repeat 0 0;
			}
			.supportForm div.txtAreaCont {
				background:url(/images/templates/support-form-fields.png) no-repeat 0 0;
				height:97px;
				width:622px;
				margin-bottom:10px;
				padding:0;
			}
			.supportForm div.txtAreaActive {background-position:0 -98px;}
				.supportForm div.txtAreaCont textarea {
					width:592px;
					height:78px;
					margin:8px 0 0 14px;
					border:0;
					color:#898989;
				}
				/* Start: Field Block */
				.supportForm div.fieldCont {
					background:url(/images/templates/support-form-fields.png) no-repeat 0 -196px;
					height:28px;
					width:294px;
					padding:3px 8px 0 5px;
					margin-bottom:10px;
				}
				.supportForm div.active {
					background-position:0 -228px;
				}
				/* Active style for text field container */
					.supportForm div.fieldCont span {
						display:block;
						height:0;
						padding-top:25px;
						overflow:hidden;
						width:78px;
						float:left;
						background:url(/images/templates/support-form-text.png) 100% 8px no-repeat;
					}
					.supportForm div.fieldCont span.name {background-position:4px -96px;} 
					.supportForm div.fieldCont span.phone {background-position:4px -3px;} 
					.supportForm div.fieldCont span.email {background-position:6px -65px; width:92px;} 
					.supportForm div.fieldCont span.howFeeling {background-position:6px -35px; width:123px;} 
					
					.supportForm div.active span.name {background-position:0 -223px;} 
					.supportForm div.active span.phone {background-position:0 -129px;} 
					.supportForm div.active span.email {background-position:4px -191px; width:92px;} 
					.supportForm div.active span.howFeeling {background-position:0 -158px; width:123px;} 
					
					.supportForm div.fieldCont label {
						display:block;
						height:25px;
						width:212px;
						float:right;
						background:url(/images/templates/support-form-fields.png) no-repeat 0 -260px;
					}
					.supportForm div.active label { background-position:0 -286px;}
					.supportForm div.fieldCont label.email { width:198px; background-position:-1px -312px;}
					.supportForm div.fieldCont label.howFeeling { width:153px; background:none;}
					.supportForm div.fieldCont label input {
							border:0;
							margin:4px 0 0 5px;
							width:202px;
							height:17px;
						}
					
					.supportForm div.fieldCont select { width:144px; }	
					.supportForm div.fieldCont label.email input { width:186px;}
					.supportForm div.button {
						width:622px;
						padding:5px 0 0 3px;
						overflow:hidden;
						height:100%;
						clear:both;
					}
		/*End: Support form */
	/* End: Support page */
#loadingLayer img{
	margin:150px auto;
}
#loadingLayer {
	display:none;
	height:319px;
	left:59px;
	position:absolute;
	top:66px;
	width:552px;
	background: #ffffff;
	z-index: 100;
	opacity: 0.5;
}

.to_load {
	margin:0 0 28px 49px;
	width: 544px;
	overflow: hidden;
	height:319px;
	position: relative;
}

.to_load ul#portfolio, .to_load ul {
	list-style: none;
	display: block;
	float: left;
	width: 552px;
	height:319px;
	margin: 0;
	padding: 0;
}
.to_load #portfolio_slider{
	position: absolute;
	width: 1104px;
	height:319px;
	list-style: none;
}