/* 
	Theme Name: Glide Theme

	Theme URL: http://www.glideint.com

	Description: Custom Theme made by glide.

	Author: Glide Interactive

	Author URI: http://www.glideint.com

	Version: 1.0

	Tags: awesome, not crap, stuff, things

	Changelog:

		v1.0 - 2/20/09

*/

/***********************************
	Reset
***********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
	zoom: 1;
}
ol, ul { list-style: none; }
html { overflow-y: scroll; }

/***********************************
	Universals
***********************************/

.clear { clear: both; }
.floatright,.alignright { float: right; margin: 0 0 10px 16px; clear: both; }
.floatleft,.alignleft { float: left; margin: 0 16px 10px 0; clear: both; }
small {	font-size: 10px; }

/***********************************
	Essentials 
	background-color: #07264b;
	color: #336188;
***********************************/

body {
	font-family: arial, Sans-serif;
	font-size: 12px;
	background-color: #FFF;
	color: #333366;
}
a {
	color: #336188;
	cursor: pointer;
	text-decoration: none;
}
p {	margin-bottom: 20px; line-height: 16px; }
h1, h2, h3, h4, h5 { margin-bottom: 16px; }
h1 { font-size: 28px; color: #fff; }
h2, h3 { font-size: 15px; color: #00143c; }
h4, h5 { color: #00143c; }
input, select, textarea {
	padding: 4px;
	font-family: Lucida Grande, Verdana, Sans-serif;
	font-size: 12px;
}
sup {
	margin-left: 1px;
	font-weight: normal;
	font-size: 80%;
	position: relative;
	top: -2px;
}
#content .noMargin {
	margin-bottom: 4px;
}

/***********************************
	Forms
***********************************/

form p {
	margin-bottom: 6px;
}
label {
	display: block;
}
input, select, textarea {
	padding: 4px;
	width: 200px;
	border: 0;
	font-family: arial, Sans-serif;
	font-size: 12px;
	color: #555;
	border: 1px solid #ccc;
}
textarea {
	width: 300px;
	height: 93px;
}
.btn input {
	padding: 8px 16px;
	margin-top: 8px;
	width: auto;
	background-color: #336188;
	color: #fff;
	border: 0;
	text-shadow: 0 -1px 0 #07264B;
	background: -moz-linear-gradient(top,#336188,#07264B);
	-moz-border-radius: 3px;
	position: relative;
	z-index: 30;
}
/* to hide extra fields for salesforce plugin form*/
.newsRight form p.textAreaToggle, .contactUsForm form .message, #salesforce, #requiredfieldsmsg{
	display:none;
}
.contactUsForm{
	float:right; padding-left:15px; border-left:1px solid #d6dfe7; height:350px;
}
#wphc label.error {
	float:none !important;
	top:0px !important;
}
.newsRight .message{ display:none; }

/***********************************
	Lists
***********************************/

ul.styled {
	margin: 0 0 16px 0;
	padding-left: 32px;
	list-style: disc outside;
	overflow: hidden;
}
ul.styled li {
	line-height: 16px;
}
.styledCompany {
	padding-left:20px;
}
.styledCompany li {
	line-height: 16px;
	background-image: url(../images/calendar.html);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:22px;
	margin:4px 0 4px 0;
}
ul.styled_img {
	margin: 0 0 16px 0;
	padding-left: 16px;
	list-style: disc outside;
	overflow: hidden;
	position: relative;
	left: -16px;
}

/***********************************
	Wrappers
***********************************/

#pageWrapper {
	background-color: #ffffff;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contentWrapper {
	margin: 0 auto;
	padding-bottom: 0px;
	width: 970px;
	min-height: 518px;
	position: relative;
}

/***********************************
	Header
***********************************/

#header {
	height: 167px;
	position: relative;
	z-index: 99;
}
#header #logo {
	width: 200px;
	height: 81px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	right: 2px;

}
#header   #slogan {
	width: 380px;
	height: 31px;
	font-size: 18px;
	font-family: "Lucida Calligraphy", Times, serif;
	position: absolute;
	top: 71px;
	right: 300px;

}
#header #logo a {
	height: 81px;
	display: block;
}


#socialmedia {
	position: absolute;
	top: 62px;
	right: 2px;
	/*top: 62px;
	left: 26px;*/
}
#socialmedia a {
	margin-right: 4px;
	width: 42px;
	float: left;
	display: block;
	padding-left:10px;
}

/***********************************
	Topbar
***********************************/

#topbar {
	padding: 0 16px;
	width: 700px;
	height: 34px;
	position: absolute;
	left: 26px;
	top: 0;
	color: #fff;
	font-size: 11px;
	line-height: 32px;
	background-image: url(../images/topbar_bg.png);
	background-repeat: no-repeat;
	text-align: center;
}
#topbar span {
	margin: 0 13px 0 4px;
}
#topbar a {
	color: #fff;
	text-decoration: none;
}
#topbar a:hover { text-decoration: underline; }
#topbar img.email {
	position: relative;
	top: 2px;
}

/***********************************
	Nav
***********************************/

#nav {
	height: 50px;
	position: absolute;
	top: 117px;
}
#nav > li {
	margin-right: 1px;
	float: left;
	position: relative;
}
#nav li > a {
	padding: 17px 20px;
	width: 79px;
	line-height: 16px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#nav > li > a:hover {
	color: #bed4e4;
}
#nav li.web > a, #nav li.graphic > a, #nav li.seo > a {
	padding-right: 55px;
	background-repeat: no-repeat;
}
#nav li.web > a {
	width: 86px;
	background-image: url(../images/web_out.png);
}
#nav li.web > a.over {
	width: 86px;
	background-image: url(../images/web_over.png);
	color: #00143c;
}
#nav li.graphic > a {
	width: 86px;
	background-image: url(../images/graphic_out.png);
}
#nav li.graphic > a.over {
	width: 86px;
	background-image: url(../images/graphic_over.png);
	color: #00143c;
}
#nav li.normal > a {
	width: 120px;
	
}
#nav li.normal > a.over {
	width: 86px;
	text-decoration:underline;
	
}
#nav li.proposal > a {
	width: 86px;
}	
#nav li.homebt > a {
	width: 60px;
}	
/***********************************
	Nav Dropdowns
***********************************/

#nav li ul {
	margin: 0;
	padding: 10px 10px 16px;
	width: 467px;
	display: none;
	position: absolute;
	left: -10px;
	top: 100%;
	background-image: url(../images/dd_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 9;
	overflow: hidden;
}
#nav li:hover ul {
	display: block;
}
#nav li ul li, #nav li ul li a {
	float: left;
}
#nav li ul li {
	_display: inline; /* for IE6 */
}
#nav li ul li a {
	padding: 6px 16px;
	width: 201px;
	font-size: 12px;
	display: block;
	background-image: none;
	text-align: left;
	color: #336188;
}
#nav li ul li a:hover {
	text-decoration: underline;
}
#nav li ul li.special a {
	margin-top: 16px;
	font-weight: bold;
	font-size: 14px;
	color: #19406e;
	text-shadow: 0 1px 0 #d8e8be;
}
#nav li ul li.special a:hover {
	text-decoration: none;
}
#nav li ul li.special {
     bottom:16px;
     clear:left;
     position:absolute;
     right:-45px;
}
#nav li ul li.special.first {
	clear:left;
    left:65px;
    position:relative;
    top:-1px;
}

/***********************************
	Xtras
***********************************/

#xtrasWrapper {
	padding-bottom: 10px;
}
#xtras {
	background-image: url(../images/xtras_bg.jpg);
	background-repeat: repeat-x;
	background-color: #336188;
	clear: both;
	margin: 0 auto;
	width: 970px;
	overflow: hidden;
}
#xtras #features {
	height: 120px;
	background-image: url(../images/xtras_features_bg.png);
}
#xtras #features li {
	padding: 0 20px 0 82px;
	width: 140px;
	float: left;
}
#xtras #features li h3 {
	margin: 24px 0 4px;
}
#xtras #features li h3 a {
	color: #fff;
	font-size: 15px;
}
#xtras #features li a {
	color: #d1dae2;
	font-size: 11px;
	display: block;
}
/*** Testimonials ***/
#xtras .testimonials .title {
	line-height: 16px;
	float: none;
}
#xtras .testimonials {
	margin-top:5px;
	width: 50px;
	height: 290px;
	overflow: hidden;
	float: left;
	clear: left;
	color: #fff;
}
#xtras .testimonials div {
	margin-bottom: 40px;
	width: 212px;
	clear: both;
}
#xtras .testimonials p span {
	margin-right: 10px;
	height: 40px;
	font: bold 70px georgia, serif;
	color: #819fb9;
	float: left;
	line-height: 80px;
	display: block;
}
#xtras .testimonials p {
	line-height: 19px;
	font-style: italic;
}
#xtras .testimonials .author {
	line-height: 16px;
	float: right;
}
#xtras .testimonials .author strong {
	margin-bottom: 2px;
	display: block;
	font-weight: bold;
	font-size: 16px;
}
/*** News ***/
#xtras .news {
	margin: 12px 0 0 30px;
	padding: 20px 20px 56px 45px;
	width: 663px;
	min-height: 200px;
	float: left;
	background-image: url(../images/xtras_news_bg.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
#xtras .content {
	float: left;
	width: 450px;
}
#xtras .newsRight {
	 
	float:right;
	width:205px;
}
#xtras .newsRight h2 {
	margin-bottom: 6px;
	font-size: 16px;
}
#xtras .newsRight p.spec {
	margin-bottom: 10px;
}
#xtras .newsRight input { width: 175px; }
#xtras .newsRight select { width: 185px; }
#xtras .newsRight .btn input { width: auto; }
#xtras .news ul {
	width: 400px;
	position: relative;
}
#xtras .news ul li:first-child {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d1dbe6;
}
#xtras .news ul .date {
	width: 46px;
	height: 43px;
	position: absolute;
	left: -59px;
	background-image: url(../images/xtras_news_date_bg.png);
	background-repeat: no-repeat;
}
#xtras .news ul .date span.day {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: block;
	text-align: center;
	position: relative;
	top: 1px;
	text-shadow: 0 -1px 0 #081e39;
}
#xtras .news ul .date span.month {
	font-size: 10px;
	color: #72a3cc;
	display: block;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	top: -2px;
	text-shadow: 0 -1px 0 #081e39;
}
#xtras .news ul h4 {
	font-size: 16px;
	font-weight: bold;
}
#xtras .news ul h4 a {
	color: #00143C;
}
#xtras .news ul h4 span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #336188;
}
#xtras .news ul p { margin: 0; }
#xtras .news ul a { text-decoration: underline; }

/***********************************
	Footer
***********************************/

#footerWrapper {
	padding: 16px 0 32px 0;
}
#footer {
	margin: 0 auto;
	width: 970px;
	font-size: 12px;
	overflow: hidden;
}
#footer ul#footerNav {
	margin: 0 auto;
	float: left;
}
#footer ul#footerNav li {
	padding: 0 20px 0 10px;
	width: 20px;
	float: left;
}
#footer ul#footerNav li.last a { border: 0; }
#footer ul#footerNav li a {
	padding: 0 12px 2px;
	display: block;
	border-right: #fff 1px solid;
	text-decoration: none;
	text-align: center;
}
#footer ul#footerNav li a:hover {
	text-decoration: underline;
}
#footer ul#footerNav li.wide a {
	width: 100px;
}

/*** Copyright ***/
#copyright {
	font-size: 10px;
	padding-top:2px;
	padding-bottom:18px;
	width:960px;
	text-align:center;
	margin:0 auto 0;
	color: #819eb8;
}
#copyright a {
	text-decoration: underline;
	color: #fff;
}
#bottominfo {
	padding-top: 18px;
	clear: both;
	text-align:center;
	color: #819eb8;
}


/***********************************
	Content
***********************************/

.home #content {
	padding: 24px 24px 0;
	width: auto;
	height: 327px;
	min-height: 0;
	position: relative;
	float: none;
	background-color: transparent;
	background-image: none;
}

/***********************************
	Sub Content
***********************************/

.sub #content {
	padding: 0 0 48px 0;
	height: auto;
	min-height: 400px;
	position: relative;
	background-image: url(../images/sub_content_bg.png);
	background-repeat: repeat-y;
}
.sub h1 {
	margin-bottom: 12px;
	color: #00143c;
	font-size: 20px;
}
#content #body {
	padding: 24px 30px 20px;
	overflow: hidden;
	min-height: 300px;
	background-color: #fff;
	background-image: url(../images/sub_body_bg.html);
	background-repeat: no-repeat;
	background-position: right 0;
}
#content #body a {
	text-decoration: underline;
}
#content.standalone {
	background-image: none;
	background-color: #fff;
}
#content.standalone #body {
	background-image: url(../images/sub_body_standalone_bg.png);
}
#content .bottom {
	width: 970px;
	height: 111px;
	position: absolute;
	bottom: 0;
	background-image: url(../images/sub_bottom_bg.png);
	background-repeat: repeat-x;
	z-index: 20;
}
#portfolioLeft {
}
#portfolioRight {
	float:right;
	padding-left:30px;
	width:600px;
	clear:left;
	padding-bottom:50px;
}
.WebPortfolio {
	padding: 0;
	height:400px;
	width: 590px;
	margin-bottom:15px;
}

/***********************************
	Inner Content Pages
***********************************/

.ContentBodyLeftDiv {
	border-right:#d6dfe7 1px solid;
	padding-right:20px;
	float:left;
	width:43%;
	height:100%;
}
.ContentBodyRightDiv{
	width:50%;
	float:right;
}

/***********************************
	Sidebar
***********************************/

#sidebar {
	padding: 0;
	width: 241px;
	min-height: 300px;
	position: relative;
	float: left;
	background-color: #e6e9ed;
	background-image: url(../images/sidebar_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#sidebar ul {
	padding: 20px;
}
#sidebar ul li {
	padding: 9px 0;
	border-top: 1px solid #D6DFE7;
}
#sidebar ul li:first-child { border: 0; }
#sidebar ul li a:hover {
	text-decoration: underline;
}
.standalone #sidebar {
	display: none;
}

/***********************************
	Home
***********************************/

.home .intro {
	width: 250px;
	
}
.home .intro .h1 {
	font-size: 24px;
	 color: #FFF; 
	position: relative;
	line-height:25px;
	z-index: 20;
	/*
	margin-top: 12px;
	width: 211px;
	height: 10px;text-indent: -9999px;
	background-image: url(../images/h1.png);
	background-repeat: no-repeat;*/
	
}
.home .intro p {
	position: relative;
	margin-bottom: 8px;
	color: #9faab9;
	line-height: 18px;
	z-index: 20;
}
.home .intro a.btn {
	position: relative;
	left: -15px;
	z-index: 20;
}
.home .intro .special {
	text-align: center;
	position: relative;
	top: -6px;
	left: -15px;
	
}
.home .intro .special a {
	color: #c7f055;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
	
}
.linkh4 a{
	text-decoration:none;
}
.citys ul{
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	list-style: none;
}
.citys li {
	float: left;
	width: 164px;
	margin: 0;
	padding: 0;
}
#cityList{
	padding:5px 20px 10px 0px;
	clear: both;
	margin:0 auto 0;
	color: #819eb8;
	width:1000px;
	overflow: hidden;
}
/***********************************
	Home Screenshot
***********************************/

.home .screenshot {
	padding: 46px 0 0 20px;
	width: 970px;
	height: 351px;
	position: absolute;
	right: 1px;
	bottom: 0;
	
	background-repeat: no-repeat;
	overflow: hidden;
}
.home .screenshot img {
	width: 970px;
	height: 351px;
	overflow: hidden;
}

/***********************************
	Pages
***********************************/
.ourCompany{
	background-image: url(../images/glide.html);
	background-repeat: no-repeat;
	background-position: 85% 59%;
}
.cols {
	overflow: hidden;
}
.cols li {
	margin-left: 34px;
	width: 200px;
	float: left;
}
.cols li:first-child {
	margin-left: 0;
}
.fullpageRight{
	float:right;
	width:50%;
}
.fullpageLeft{
	float:left;
	width:50%;
}
.fullpageinnerRight{
	float:right;
	padding-top:23px;
}

/***********************************
	Page Intros
***********************************/

.introBox {
	margin-bottom: 21px;
	min-height: 186px;
	position: relative;
	border-bottom: 1px solid #d6dfe7;
	padding-bottom:9px;
}
.introBox p {
	margin-bottom: 18px;
	width: 250px;
}
.introBox img {
	border-bottom: 1px solid #d6dfe7;
	position: absolute;
	right: 1px;
	bottom: 5px;
	width: 371px;
	height: 211px;
}
#content #body .introBox a {
	padding: 14px 20px;
	width: auto;
	background-image: url(../images/btn_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 0 #10355f;
	-moz-border-radius: 9px;
	border: 3px solid #e5e5e5;
	text-decoration: none;
}
#content #body .introBox a:hover {
	background-color: #30638e;
	background-image: none;
}
#content #body .introBox a span {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #afcfeb;
	display: none;
}
.introBox .projectTitle {
	color:#339900;
}


.PPCimg {
	position: absolute;
	right: -0px;
	top:300px;
	bottom: -1px;
	height:700px;
}
#PPC {
	height:840px;
}

.backwebportimg {
	position: absolute;
	right: -30px;
	bottom: -1px;
}
.backwebport a {
	padding: 14px 20px;
	width: auto;
	background-image: url(../images/btn_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 0 #10355f;
	-moz-border-radius: 9px;
	border: 3px solid #e5e5e5;
}
.backwebport a:hover {
	background-color: #1f4c76;
	background-image: none;
}
.backwebport a span {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #afcfeb;
	display: none;
}

/***********************************
	Portfolio Box
***********************************/

.portfolioBox {
	margin-bottom: 20px;
	min-height: 204px;
	position: relative;
	border-bottom: 1px solid #d6dfe7;
	padding-bottom:9px;
}
.portfolioBox p {
	margin-bottom: 18px;
	width: 250px;
}
.portfolioBox.webPortfolio .img {
	width: 450px;
	height: 216px;
	border-bottom: 1px solid #d6dfe7;
	position: absolute;
	right: -30px;
	bottom: -1px;
	background-image: url(../images/browser_small.html);
}
.portfolioBox .img img {
	position: absolute;
	bottom: 0;
	right: 0;
}
.portfolioBox .projectTitle {
	color: #00143c;
	max-width:250px;
}

#content #body .portfolioBox a.btn {
	padding: 14px 20px;
	width: auto;
	background-image: url(../images/btn_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 0 #10355f;
	-moz-border-radius: 9px;
	border: 3px solid #e5e5e5;
	text-decoration: none;
}
#content #body .portfolioBox a:hover.btn {
	background-color: #30638e;
	background-image: none;
}
#content #body .portfolioBox a span {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #afcfeb;
	display: none;
}
/*** gfx design portfolio ***/
.portfolioBox.graphicDesign {
	margin: 0;
	padding: 0;
	width: 699px;
	height: 216px;
	overflow: hidden;
}
.portfolioBox.graphicDesign img {
	border-bottom: 1px solid #d6dfe7;
	position: absolute;
	right: -30px;
	bottom: -1px;
}
.portfolioBox.graphicDesign h2.projectTitle {
	margin-top: 16px;
}
.portfolioBox.graphicDesign img {
	right: 0;
}

/***********************************
	IMG inside Pages
***********************************/

.img_right {
	float:right;
	position:relative;
	right:-20px;
	top:-12px;
}
.img_left {
	float:left;
	position:relative;
	left:-26px;
	top:-10px;
}

#dio-lens{
	border:3px solid #000;
	z-index: 10000;
}

#dio-sensor{
	z-index: 11000;
	cursor:crosshair;
}

#dio-loader{
	background:#fff url('../images/preloader.html') no-repeat center 40px;	
	text-indent:-30000px;
}