@charset "utf-8";
/*-----------------------------------------------------------------------------
author: The Design Group
date: 
client: 
Copyright 2010 The Design Group Online, LLC.
-----------------------------------------------------------------------------*/

/* @group GLOBAL */

/*
This code authored by Eric Meyer.
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: none; outline: 0; vertical-align: baseline; font-variant: inherit; line-height: 1em; font-style: inherit; font-weight: inherit;}

body, h1, h2, h3, h4, h5, h6, p, em, strong, li, form {font-size: 10px;}
:focus {outline: 0;}

body {
	color: #333;
	font: 1em/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	width: 100%;
	margin:  0 auto;
	text-align:  center;
}
.index {
	background: #fff url(../_media/_backgrounds/header-bg.jpg) repeat-x left top;
	}
.inner {
	background: #fff url(../_media/_backgrounds/bg-inner.jpg) repeat-x left top;
}
.mainnav li, .topnav li, .leftnav li, .footnav li {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";} blockquote, q {quotes: "" "";}
html {margin-bottom : 1px; height: 100%;}
div {border: 0;}
.clear {clear: both;}
img {border: 0; vertical-align: bottom;
}
a:link, a:visited {
	color: #1b8ba6;
	text-decoration: none;
}
a:hover, a:active {
	color: #999;
	text-decoration: none;
}
/* @end */
/* @group STRUCTURAL */

.container { 
	width: 980px;
	margin: 0 auto;
	/* again, makes old, broken IE center the site */
	text-align: center;
}
#header-index {
	width: 966px;
	margin: 0 auto;
	overflow: hidden;
	padding: 7px;
	text-align: right;
	height: 135px;}

#header-inner {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	text-align: right;
	height: 107px;
	padding: 5px 0;}
#banner {
	width: 980px;
	background: url(../_media/_backgrounds/banner-bg.jpg) no-repeat 10px 28px;
	min-height: 300px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	clear: both !important;
}


.mid-wrap {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;	overflow: hidden;
	background: #ebebeb url(../_media/_backgrounds/mid-bg.jpg) repeat-x left top;
	text-align: center;
	border-top: 2px dotted #787a7a;
	border-bottom: 2px dotted #787a7a;
}
.mid {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 10px;}
.content-wrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff url(../_media/_backgrounds/content-wrap-bg.jpg) repeat-x left top;
	text-align: center;
	clear: both;
}
#index-content {
	width: 980px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 25px;
	border-top: 2px dotted #c0c3c3;
	text-align: center;
}
#content-inner {
	clear: both;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 22px;
	text-align: center;
}
#leftcol {
	float: left;
	width: 230px;
	margin-left: 10px;
	clear: left;
	margin-bottom: 10px;
	text-align: left;
}
#rightcol {
	float: right;
	margin-right: 10px;
	width: 690px;
	padding-bottom: 10px;
	text-align: left;
}
#rightcol-inner {
	float: right;
	width: 230px;
	margin-right: 8px;
	padding-bottom: 8px;
	text-align: left;
}
#leftcol-inner {
	float: left;
	margin-left: 8px;
	width: 700px;
	padding-bottom: 8px;
	text-align: left;
}
#leftcol-work {
	float: left;
	width: 700px;
	padding-bottom: 8px;
	text-align: left;
}
#spancol {
	float: left;
	width: 980px;
	padding-bottom: 8px;
	text-align: left;
}
.mid-right {
	width: 230px;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
}

/* @end */

#banner a{
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: none;
}
#banner a:hover, #banner a:active {
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: 1px dotted #1b8ba6;
}
#leftcol-inner a{
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: 1px dotted #1b8ba6;
}
#leftcol-inner a:hover, #leftcol-inner a:active {
	color: #1b8ba6;
	text-decoration: none;
}
.black a, h4 a, h5 a {
	border-bottom: none !important;
}
/* @group MAIN CONTENT */
.fr-banner {
	float: right;
	margin-right: 38px;
	width: 385px;}
#logo-index {
	width: 195px;
	height: 142px;
	float: left;
}

#logo-inner {
	width: 144px;
	height: 110px;
	float: left;
	margin-left: 2px;
	margin-top: 2px;
}
.index-image {
	float: left;
	margin-top: 18px;
	margin-left: 10px;
}
.bottom-section {
	float: left;
	width: 165px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.bottom-section1 {
	float: left;
	width: 165px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.portfolio {float: left;
	padding: 7px;
	background-color: #f2f2f2;
	border: 1px dotted #a2a2a2;
	margin: 10px 15px 10px 10px;
}
	
.portfolio img {
	border: 2px solid #bebebe;
}
	/* @end */

/* @group TYPOGRAPHY */


em {
	color: #d7d7d7;
	font-weight: normal;
	font-style: normal;
}
#header-index em, #header-inner em {
	font-size: 1em;
	color: #969696;
}
#leftcol-inner em {
	float: left;padding: 10px;
	background-color: #f2f2f2;
	color: #1f8ca1;
	line-height: 1.4em;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px dotted #a2a2a2;
	margin-bottom: 13px;
}
.mid p{ 	
	font-size: .84em !important;
	line-height: 1.8em;
	margin-bottom: 15px;
	text-align: center;
	}
#leftcol-work em {
	float: left;padding: 10px 10px 10px 0;
	background-color: #f2f2f2;
	color: #1f8ca1;
	line-height: 1.4em;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px dotted #a2a2a2;
	margin-bottom: 13px;
}
.expose {
	float: right;
	padding: 10px;
	background-color: #f2f2f2;
	color: #1f8ca1;
	line-height: 1.4em;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px dotted #a2a2a2;
	width: 475px;
	margin-bottom: 30px !important;
}
#leftcol p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 20px;
	text-align: left;
}
#rightcol p {
	font-size: .84em;
	line-height: 1.8em;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 10px;
}
#content-inner p {
	font-size: .84em;
	line-height: 1.8em;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 10px;
}
.mid-right p {
	font-size: .75em !important;
	line-height: 1.7em;
	text-align: left;
	color: #000;
	clear: both;
	margin: 5px 0 0;
}
.mid h5{
	margin-top: 8px !important;
	margin-bottom: 7px !important;
}

.mid-right h5{
	margin-top: 3px !important;
	margin-bottom: 10px !important;
}#banner p {
	font-size: .88em;
	line-height: 1.75em;
	text-align: left;
	color: #232323;
	float: right;
	clear: both;
	margin: 1px 0 5px;
}

#header-index p, #header-inner p {
	font-size: .725em;
	line-height: 1.7em;
	text-align: right;
	color: #555;
	width: 400px;
	float: right;
	margin-top: 7px;
	margin-right: 8px;
}
#header-index strong, #header-inner strong {
	font-size: 1.25em;
	line-height: 1.45em;
	color: #555;
	float: right;
	clear: both;
 	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	font-weight: normal;}
.column{
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;}
strong {
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
}
hr {
	border-bottom: 2px dotted #666;
}
.bio2 {
	font-size: .8em !important;
	line-height: 1.8em !important;
	margin-bottom: 10px;
	text-align: left;
	border-bottom: 2px dotted #666;
	padding-bottom: 15px;
}
.bb {
	border-bottom: 2px dotted #666;
	padding-bottom: 15px;
}

.black {
	color:  #000 !important;
}
.sitemap {
	margin-top: 16px;
}

#rightcol-inner p {
	font-size: 1.05em;
	line-height: 1.65em;
	margin-bottom: 18px;
	text-align: left;
	color: #636363;
	margin-top: 15px;
}
#rightcol-inner p b {
	color: #222;
}
/* @group LISTS */

ul.ul_dev {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 15px;
	width: 315px;
}
ul.ul_dev li {
	font-size: .8125em;
	line-height: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-position: inside;
	list-style-image: url(../_media/_elements/dot.png);
}


ul.ul_sitemap {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 8px;
	width: 203px;
	margin-top: 8px;
}
ul.ul_sitemap li {
	font-size: .8125em;
	line-height: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-position: inside;
	list-style-image: url(../_media/_elements/dot.png);
}

ul.ul_work{
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0px;
	width: 495px;
	float: left;
}
ul.ul_work li {
	float: left;
	display: inline;
	width: 224px;
	font-size: .8125em;
	line-height: 1.15em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../_media/_elements/dot.png) no-repeat left top;
}

ul.ul_process {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 30px;
	border-top: 2px dotted #666;
	padding-top: 8px;}
ul.ul_process li {
	font-size: .95em;
	line-height: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-position: inside;
	list-style-image: url(../_media/_elements/dot.png);
}

.leftnav {
	text-align: left;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 2px dotted #aeaeae;
	float: left;
	width: 210px;
}
.leftnav li {
	float: left;
	font-size: 1em;
	border-bottom: 2px dotted #aeaeae;
	width: 210px;
	padding-top: 9px;
	padding-bottom: 8px;
}
.leftnav li a {
	color: #343434;
	line-height: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
}


.rightnav {
	text-align: left;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 2px dotted #aeaeae;
	float: left;
	width: 210px;
	list-style-type: none;
}
.rightnav li {
	float: left;
	font-size: 1em;
	border-bottom: 2px dotted #aeaeae;
	width: 210px;
	padding-top: 9px;
	padding-bottom: 8px;
	list-style-type: none;
}
.rightnav li a {
	color: #343434;
	line-height: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
}
.rightnav li img {
	padding-top: 5px;
	padding-right: 5px;
}
/* @end */

/* @group Links */

/* @group My Group */

ul.ul_portfolio-btns {
	width: 498px;
	height: 41px;
	float: right;
	margin: 20px 0 15px !important;
}
	
/* image rollover technique */	
ul.ul_portfolio-btns li {
	height: 41px;
	width: 220px;
	padding: 0 !important;
	list-style: none;
	display: inline;
	position: relative;

}
ul.ul_portfolio-btns a {
	width:220px;
	padding: 41px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:41px; /* for IE5/Win only */
}
ul.ul_portfolio-btns li.work-btn {
	float: right;
}
ul.ul_portfolio-btns li.portfolio-btn {
	float: left;
}
.work-btn a {
	float: right;
	background-image: url(../_media/_buttons/work_btn.png);
	background-repeat: no-repeat;
	background-position: left top;}

.portfolio-btn a {
	float: left;
	background-image: url(../_media/_buttons/portfolio_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* @end */
	
/* image rollover technique */
ul.ul_vcard {
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	width: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	padding-top: 8px;
	padding-bottom: 10px;}
ul.ul_vcard li {
	height: 43px;
	padding: 0;
	list-style: none;
	width: 200px;
	margin: 10px 0 8px;}
ul.ul_vcard a {
	width:200px;
	padding: 43px 0 0 0;
	margin:0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:43px; /* for IE5/Win only */}
.vcard-btn a {
	float: left;
	background-image: url(../_media/_buttons/vcard_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.viewportfolio-btn a {
	float: left;
	background-image: url(../_media/_buttons/viewportfolio_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contacttdg-btn a {
	float: left;
	background-image: url(../_media/_buttons/contacttdg_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.request-btn a {
	float: left;
	background-image: url(../_media/_buttons/request_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}.map-btn a {
	float: left;
	background-image: url(../_media/_buttons/map_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}.support-btn a {
	float: left;
	background-image: url(../_media/_buttons/support_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.ul_vcard a:hover, ul.ul_vcard a:active {
	background-position: left -41px;
	}
.contact-btn a {
	float: right;
	background-image: url(../_media/_buttons/contact_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.ul_portfolio-btns a:hover, ul.ul_portfolio-btns a:active {
	background-position: left -41px;
	}

/* @end */
/* @end */

/* @group NAV */

/* @group IconNav */
.icons {
	clear: right;
	width: 150px;
	height: 35px;
	margin-top: 19px;
	float: right;
	overflow: hidden;
}
	
/* image rollover technique */	
.icons li {
	height: 35px;
	padding: 0;
	list-style: none;
	display: inline;
}
.icons a {
	float: left;
	width:35px;
	padding: 35px 0 0 0;
	margin:0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:35px; /* for IE5/Win only */
}

.icon1 a {
	background-image: url(../_media/_elements/google-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.icon2 a {
	background-image: url(../_media/_elements/delicious-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.icon3 a {
	background-image: url(../_media/_elements/facebook-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.icon4 a {
	background-image: url(../_media/_elements/rss-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
}



/* @end */

/* @group MAINNAV */#main-nav{width:980px; height:41px; float:left; margin: 5px 0 0 10px;}
#main-nav li{height:41px; padding:0; list-style:none; display:inline; float:left; position:relative}
#main-nav li a{float:left; padding:41px 0 0 0; margin:0; overflow:hidden; height:0px !important; height /**/:30px; /* for IE5/Win only */background-repeat:no-repeat; background-position:left top}

.nav1 a {
	width:78px;
	background-image: url(../_media/_nav/nav_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav2 a {
	width:126px;
	background-image: url(../_media/_nav/nav_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav3 a {
	width:126px;
	background-image: url(../_media/_nav/nav_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav4 a {
	width:126px;
	background-image: url(../_media/_nav/nav_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav5 a {
	width:126px;
	background-image: url(../_media/_nav/nav_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav6 a {
	width:126px;
	background-image: url(../_media/_nav/nav_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav7 a {
	width:126px;
	background-image: url(../_media/_nav/nav_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav8 a {
	width:126px;
	background-image: url(../_media/_nav/nav_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav01 a {
	width:78px;
	background-image: url(../_media/_nav/nav_01.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}

.nav02 a {
	width:126px;
	background-image: url(../_media/_nav/nav_02.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}

.nav03 a {
	width:126px;
	background-image: url(../_media/_nav/nav_03.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}

.nav04 a {
	width:126px;
	background-image: url(../_media/_nav/nav_04.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}

.nav05 a {
	width:126px;
	background-image: url(../_media/_nav/nav_05.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}

.nav06 a {
	width:126px;
	background-image: url(../_media/_nav/nav_06.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}
.nav07 a {
	width:126px;
	background-image: url(../_media/_nav/nav_07.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}
.nav08 a {
	width:126px;
	background-image: url(../_media/_nav/nav_08.jpg);
	background-repeat: no-repeat;
	background-position: left -82px;
}
#main-nav a:hover, #main-nav a:active{background-position:left -41px}




ul#main-nav li .sub{position:absolute; top:41px; left:0; background:#000 url(../_media/_backgrounds/sub-bg.jpg) no-repeat left top; padding:0 5px; float:left;  border-left: 1px solid #343434; border-right:1px solid #343434;  display:none; z-index:999 !important}
ul#main-nav li .sub ul{ background-image: none;list-style-type:none; margin:0; padding:0; width:175px; float:left; text-align:left;

}
ul#main-nav .sub ul li{ background-image: none;width:100%; color:#fff; height:41px;}
ul#main-nav .sub ul li a{ background-image: none;padding:0 0 0 10px; width:170px; text-decoration:none !important; display:block; color:#fff; font-size:1.45em; font-weight:normal; height:41px !important; line-height:41px !important; background-position:left top; background-repeat:no-repeat; overflow:hidden}

ul#main-nav .sub ul li a:hover{color:#999; background-position:left -35px}


.dot {
	float: left;
	margin-left: 3px;
	margin-right: 1px;
	padding-top: 13px;
}




/* @end */

/* @group FOOTNAV */
.btm-nav1 {
	text-align: left;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 2px dotted #aeaeae;
	float: left;
	width: 125px;
	margin-right: 35px;
	list-style-type: none;
}
/* image rollover technique */	
.btm-nav1 li {
	float: left;
	border-bottom: 2px dotted #aeaeae;
	width: 125px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1.5em;
	font-size: .8125em;
	list-style-type: none;
}
.btm-nav1 a, .btm-nav1 a:visited {
	color: #343434;
	text-decoration: none;
}

.btm-nav1 a:hover, .btm-nav1 a:active {
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: 1px dotted #1b8ba6;
}

.btm-nav2 {
	text-align: left;
	margin-bottom: 8px;
	border-top: 2px dotted #aeaeae;
	float: right;
	width: 125px;
	list-style-type: none;
	margin-right: 10px;
	margin-top: 60px;
}
/* image rollover technique */	
.btm-nav2 li {
	float: left;
	border-bottom: 2px dotted #aeaeae;
	width: 125px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1.5em;
	font-size: .8125em;
	list-style-type: none;
}
.btm-nav2 a, .btm-nav2 a:visited {
	color: #343434;
	text-decoration: none;
}

.btm-nav2 a:hover, .btm-nav2 a:active {
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: 1px dotted #1b8ba6;
}
/* @end */
/* @end */


/* @group H1-H6 */
h1 {
display: none;
}

h2 {
	float: left;
	padding: 20px 0 0;
    height: 0px !important;
    height /**/: 20px;
    overflow:  hidden !important;    
	margin: 15px 0 13px;}
h2.h2_index {
    width: 400px;
	background: url(../_media/_headings/h2_index.png) no-repeat left top;
	margin: 60px 8px 15px 0;}
h2.h2_about {
    width: 700px;
	background: url(../_media/_headings/h2_about.png) no-repeat left top;
	clear: both !important;}
h2.h2_contact {
    width: 700px;
	background: url(../_media/_headings/h2_contact.png) no-repeat left top;
	clear: both !important;}

h2.h2_products {
    width: 700px;
	background: url(../_media/_headings/h2_products.png) no-repeat left top;
	clear: both !important;}	h2.h2_sitemap {
    width: 700px;
	background: url(../_media/_headings/h2_sitemap.png) no-repeat left top;
	clear: both !important;}
	h2.h2_uploader {
    width: 700px;
	background: url(../_media/_headings/h2_uploader.png) no-repeat left top;
	clear: both !important;}h2.h2_links {
    width: 700px;
	background: url(../_media/_headings/h2_links.png) no-repeat left top;
	clear: both !important;}	h2.h2_login {
    width: 700px;
	background: url(../_media/_headings/h2_login.png) no-repeat left top;
	clear: both !important;}
h2.h2_feature-gallery {
    width: 700px;
	background: url(../_media/_headings/h2_feature-gallery.png) no-repeat left top;
	clear: both !important;}	
h2.h2_tools {
    width: 700px;
	background: url(../_media/_headings/h2_tools.png) no-repeat left top;
	clear: both !important;}	
h2.h2_client-questionnaire {
    width: 700px;
	background: url(../_media/_headings/h2_client-questionnaire.png) no-repeat left top;
	clear: both !important;}
h2.h2_contact-web {
    width: 700px;
	background: url(../_media/_headings/h2_contact-web.png) no-repeat left top;
	clear: both !important;}	
h2.h2_contact-sales {
    width: 700px;
	background: url(../_media/_headings/h2_contact-sales.png) no-repeat left top;
	clear: both !important;}
h2.h2_contact-support {
    width: 700px;
	background: url(../_media/_headings/h2_contact-support.png) no-repeat left top;
	clear: both !important;}
h2.h2_solutions {
    width: 700px;
	background: url(../_media/_headings/h2_solutions.png) no-repeat left top;
	clear: both !important;}
h2.h2_web-development-process {
    width: 700px;
	background: url(../_media/_headings/h2_process.png) no-repeat left top;
	clear: both !important;}
h2.h2_our-approach {
    width: 700px;
	background: url(../_media/_headings/h2_approach.png) no-repeat left top;
	clear: both !important;}
h2.h2_people {
    width: 700px;
	background: url(../_media/_headings/h2_people.png) no-repeat left top;
	clear: both !important;}
h2.h2_partners {
    width: 700px;
	background: url(../_media/_headings/h2_partners.png) no-repeat left top;
	clear: both !important;}
h2.h2_work-web {
    width: 700px;
	background: url(../_media/_headings/h2_work-web.png) no-repeat left top;
	clear: both !important;}
h2.h2_work-graphic {
    width: 700px;
	background: url(../_media/_headings/h2_work-graphic.png) no-repeat left top;
	clear: both !important;}
h2.h2_work-photography {
    width: 700px;
	background: url(../_media/_headings/h2_work-photography.png) no-repeat left top;
	clear: both !important;}
h2.h2_web-development {
    width: 700px;
	background: url(../_media/_headings/h2_web-design.png) no-repeat left top;
	clear: both !important;}
h2.h2_hosting {
    width: 700px;
	background: url(../_media/_headings/h2_hosting.png) no-repeat left top;
	clear: both !important;}
h2.h2_online-marketing {
    width: 700px;
	background: url(../_media/_headings/h2_online-marketing.png) no-repeat left top;
	clear: both !important;}
h2.h2_graphic-design {
    width: 700px;
	background: url(../_media/_headings/h2_graphic-design.png) no-repeat left top;
	clear: both !important;}
h2.h2_photography {
    width: 700px;
	background: url(../_media/_headings/h2_photography.png) no-repeat left top;
	clear: both !important;}

h3 {float: left;
	padding: 28px 0 0;
    height: 0px !important;
    height /**/: 28px;
	overflow:  hidden;}
h3.h3_svcs {
	margin: 0 0 5px;
    width: 208px;
	background: url(../_media/_headings/h3_svcs.jpg) no-repeat left top;}
h3.h3_projects {
	margin: 3px 0 4px;
    width: 208px;
	background: url(../_media/_headings/h3_projects.png) no-repeat left top;}
	h3.h3_similar {
	margin: 3px 0 4px;
    width: 208px;
	background: url(../_media/_headings/h3_similar.png) no-repeat left top;}
h3.h3-top {
	background: url(../_media/_headings/h3-top.png) no-repeat left top;	
    width: 401px;
	margin-top: 8px;
	margin-bottom: 1px;
}
h4 {
	color: #666;
	font: normal 1.1em/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	margin-top: 8px;
	margin-bottom: 8px;
	clear: right;
}
h4 strong {
	font-weight: bold;
	color: #4f4f4f;}

h4.h4_article {
	color: #666;
	float: left;
	width: 620px;
	font: normal 1.1em/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	margin-top: 8px;
	margin-bottom: 8px;
}
#rightcol-inner h4 {
	color: #444;
	font: normal 1.2em/1.4em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif !important;
	margin-top: 22px;
	margin-bottom: 4px !important;
	clear: right;
}
#rightcol-inner h4 strong {
	color: #232323;}
h5 {
	color: #1b8ba6;
	font: normal 1em/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
	clear: right; }

#banner h5 {
	margin-bottom: 15px;
}
.portfolio h5 {
	text-align: center !important;
	font: normal .88em/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	padding-top: 3px;
	margin-bottom: 0;
}
h6{float: left;	
	color: #000;
	font: bold 1em/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	margin-top: 8px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

/* @end */
/* @group FOOTER */



#footwrap {
	width: 100%;
	padding-bottom: 8px;
	margin: 0 auto;
	background: #111111 url(../_media/_backgrounds/foot-bg.jpg) repeat-x;
	overflow: hidden;
}
#foot {
	margin: 0 auto;
	/* again, makes old, broken IE center the site */
	text-align: left;
	width: 980px;
	overflow: hidden;
}


#footer {
	margin: 0 auto;
	/* again, makes old, broken IE center the site */
	text-align: left;
	width: 980px;
	overflow: hidden;
}

#copy {
	color: #f1f1f1;
	font-size: .8125em;
	line-height: 1.2em;
	margin-top: 10px;
	display: inherit;
	width: 400px;
float: left;
}
#branding {
	margin-top: 10px;
	float: right;
	width: 550px;
	color: #f1f1f1;
	font-size: .88em;
	line-height: 1.2em;
	text-align: right;
	text-transform: uppercase;
}
#branding img {
padding-bottom: 5px;

	line-height: 1.2em;
	margin-right: 5px;
	margin-left: 5px;
}

#copy a {
	color: #fff; 
	text-decoration: none;
}

.bottom-wrap {
	background-color: #1b8ba6;
	color: #f2f2f2;
	padding-top: 10px;
	padding-bottom: 10px;
width: 100%;
	border-top: 1px dotted #fff;
		background: #30a0b6 url(../_media/_backgrounds/bottom-bg.jpg) repeat-x;

}


.bottom { 
	width: 980px;
	margin: 0 auto;
	/* again, makes old, broken IE center the site */
	text-align: left;
}
.specialtable {
	float: left;
	padding: 10px;
	background: #187086 url(../_media/_backgrounds/bottom-bg.jpg) repeat-x;
	color: #fff;
	line-height: 1.4em;
	font-size: .95em;
	font-weight: bold;
	border: 1px dotted #a2a2a2;
	margin-bottom: 13px;
	
}


.checkboxtable {
	float: left;
	padding: 0 10px 10px;
	background: #fff url(../_media/_backgrounds/checkboxtable-bg.jpg) repeat-x center bottom;
	color: #343434;
	line-height: 1.4em;
	font-size: 1em;
	font-weight: bold;
	border: 1px dotted #a2a2a2;
	margin-bottom: 10px;
	margin-top: 10px;
}
.checkboxtable table {
	float: left;
	background: #fff;
	color: #343434;
	line-height: 1.4em;
	font-size: .95em;
	font-weight: bold;
	border: 1px dotted #a2a2a2;
	margin-bottom: 10px;
	padding: 15px 5px 10px;
}

.specialtable a {
	color: #fff !important;
	border-bottom: 1px dotted #a2a2a2;
}

/* @end */

/* @group FORMS */
input {
 height: 20px;
	font: 1em/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	padding: 4px;
	color: #4f4f4f;
	background: #ebebeb url(../_media/_backgrounds/input-bg.jpg) repeat-x left top;
border: 1px dotted #999;}

#uploadfile0, #uploadfile1 {
margin-right: 5px !important; height: 20px !important;
	font: 1em/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif !important;
	padding: 4px !important; margin-top: 5px !important;
	color: #4f4f4f !important;
	background: #ececec url(../_media/_backgrounds/input-bg.jpg) repeat-x left top !important;
border: 1px dotted #999 !important;}
#uploadform p {
	font: 1.3em/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif !important;
	color: #4f4f4f !important; padding-bottom: 6px !important;
}
table {
	font-size: 1em;
	line-height: 1.4em;	
}

#uploadform input#uploadfile1, #uploadform input#uploadfile0 {
 height: 20px !important;
	font: 1em/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif !important;
	padding: 4px !important;
	color: #4f4f4f !important;
	background: #ebebeb url(../_media/_backgrounds/input-bg.jpg) repeat-x left top !important;
border: 1px dotted #999 !important;
}
.contacttable {
	width: 700px;
	float: left;
	clear: both;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
}
#contact_submit {
	float: right;
	background: #30a0b6 url(../_media/_backgrounds/bottom-bg.jpg) repeat-x;
	border: 1px dotted #333;
	color: #fff;
 height: 32px;
	padding: 3px;
	text-transform: uppercase;
	font-size: 1.5em;
	width: 120px;
	margin-right: 8px;
	margin-bottom: 30px;
}

.widget_button {
	float: left;
	background: #30a0b6 url(../_media/_backgrounds/bottom-bg.jpg) repeat-x;
	border: 1px dotted #333;
	color: #fff;
 height: 32px;
	padding: 3px;
	text-transform: uppercase;
	font-size: 1.2em;
	width: 120px;
	margin-right: 8px;
	margin-bottom: 10px;
}



.contact_submit {
	float: right;
	background: #30a0b6 url(../_media/_backgrounds/bottom-bg.jpg) repeat-x;
	border: 1px dotted #333;
	color: #fff;
 height: 32px;
	padding: 3px;
	text-transform: uppercase;
	font-size: 1.5em;
	width: 120px;
	margin-bottom: 30px;
}
.contact_save {
	float: left;
	background: #30a0b6 url(../_media/_backgrounds/bottom-bg.jpg) repeat-x;
	border: 1px dotted #333;
	color: #fff;
 height: 32px;
	padding: 3px;
	text-transform: uppercase;
	font-size: 1.5em;
	width: 120px;
	margin-bottom: 30px;
}
.field_name {
	width: 100px;
	font-size: 1.35em;
	line-height: 1.5em;
}
.left-form {
	float: left;
	width: 300px;
	margin-right: 25px;
}
.right-form {
	float: right;
	width: 300px;
	margin-left: 25px;
}
td {
}

.pb {
	padding-bottom: 10px;
}
.pt {
	padding-top: 10px;
}
	
form h5 {
	float: left; clear: both; width: 700px;font-size: 16px !important;	margin-bottom: 15px; margin-top: 8px;
}
.imput {
	width: 165px;
	margin: 4px;
	font-size: 14px;

}
textarea {
		background: url(../_media/_backgrounds/textarea-bg.jpg) repeat-x left top;
border: 1px dotted #999;
	font: 1.2em/1.3em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	padding: 4px;
	color: #4f4f4f;}.small-imput {
	width: 70px !important;
	padding: 3px;
	margin: 4px;}
	.wide-imput {
	width: 235px !important;
	padding: 3px;
	margin: 4px;}
#Budget1, #Budget2 {
	width: 70px !important;
	padding: 3px;
	margin: 4px;}

form p {
	font-size: 1em !important;
	line-height: 1.4em;
	margin-top: 15px !important;
	margin-bottom:8px !important;
	text-align: left;}
.info {
	font-size: .95em;
	line-height: 1.4em;
	color: #9d9d9d;
}


.mtable {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mtable td {
	padding-top: 3px;
	padding-bottom: 3px;
	}
.specialtable td {
	padding-top: 5px;
	padding-bottom: 5px;
}
	input.radio {
	float: left;
	margin-top: -3px !important;
	margin-right: 8px;
}

input.checkbox {
	float: left;
	margin-top: -2px !important;
	margin-right: 8px;
}
/* @end */

/* @group Work-JQuery */

.boxgrid{ 
	width: 218px; 
	height: 201px; 
	margin:10px; 
	float:left; 
	border: dotted 1px #a2a2a2; 
	overflow: hidden; 
	position: relative;
	background-color: #f7f7f7;
}

.boxgrid img{ position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
	padding: 9px;
}

.boxgrid h5{ 	color: #209dbb;
	font: normal .95em/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	clear: right;
	margin: 7px 3px 3px 10px;
	text-align: center;
}
.boxgrid p{ 	
	padding: 0px 6px 0;
	text-align: center !important;
	color:#f1f1f1;
	margin-top: 0px !important;
	font: normal .75em/1.1em "Lucida Grande", Arial, sans-serif;
}
.boxgrid a {
	font-size: inherit !important;
	line-height: inherit !important;
}
.boxgrid p a {
	color: #fff !important;
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 64px; 
	width: 100%; 
	opacity: .83; 
/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=83);
/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=83)";}
.captionfull .boxcaption {
	top: 165px;
	left: 0;}
.caption .boxcaption {
	top: 161px;
	left: 0;}

/* @end */

/* @group MISC */

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.dark-gray {color: #333;}
.fl-img {float: left; margin-right: 10px; border: 1px dotted #000;}
.fr-img {float: right; margin-left: 10px; border: 1px dotted #000;}
.fl-img-nb {float: left; margin-right: 10px; }
.fr-img-nb {float: right; margin-left: 10px;}
.mb {margin-top: 15px;}
.mbb {margin-bottom: 15px;}
.m10 {margin: 10px;}
.bb1 {float: left;
	width: 700px;
	border-bottom: 2px dotted #c7c7c7;
	padding-bottom: 15px;
	margin-bottom: 15px;}

.photo-gallery {
	float: left;
	font-size: 1em;
	width: 700px;
	list-style-type: none;
	margin-bottom: 25px;
}
.photo-gallery li  {
	color: #343434;
	float: left;
width: 75px;
margin-right: 100px;
list-style-type: none;
}
	
.photo-gallery li img {float: left; 
 border: 1px dotted #000;}
 
 .video-gallery {
	float: left;
	font-size: 1em;
	width: 700px;
	padding-bottom: 20px;
list-style-type: none;
	margin-bottom: 20px;
}
.video-gallery li  {
	color: #343434;
	float: left;
	margin-right: 15px;
	list-style-type: none;
	padding: 10px;
 border: 1px dotted #999;
	width: 180px;
	margin-bottom: 15px;
	line-height: 2.5em;
	font-size: 1em;
}
	.video-gallery a {
	color: #343434;
 border-bottom: 2px dotted #343434;}

.bottom a {
	text-align: left !important;
} 

.selected {
	color: #1b8ba6 !important;
}
/* @end */

@media only screen and (max-device-width: 480px) {


	#banner p {
	font-size: .55em !important;
	line-height: 1.6em;
	text-align: left;
	color: #232323;
	float: right;
	clear: both;
	margin: 5px 0;
}



#banner h5 {
	font-size: .95em;
	margin-bottom: 8px;
}

h2 {
	float: left;
	padding: 20px 0 0;
    height: 0px !important;
    height /**/: 20px;
    overflow:  hidden !important;    
	margin: 15px 0 13px;}
h2.h2_index {
    width: 400px;
	background: url(../_media/_headings/h2_index.png) no-repeat left top;
	margin: 52px 8px 12px 0;}



#banner a:link, #banner a:visited{
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: none;
	font-size: 1.5em !important;
}
#banner a:hover, #banner a:active {
	color: #1b8ba6;
	text-decoration: none;
	border-bottom: 1px dotted #1b8ba6;
	font-size: 1.5em !important;
}

}