@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}
.p0 { padding: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.ml0 { margin-left: 0 !important; }
.mt10 { margin-top: 10px !important; }

#body-container { margin-left: auto; margin-right: auto; width: 960px; }

#head { height: 48px; margin-top: 25px; }

#head, #nav-main, #info-header, #content, #sub-content {
    width: 950px;
}

#head #logo {
    text-indent: -700em;
    display: block;
    margin: 0 0 0 0;
    width: 280px;
    height: 48px;
    outline: none;
    background: url('/resources/img/logo-main.gif') no-repeat;
}

#head #contact-info {
    margin-right: 15px;
    margin-top: 10px;
    float: right;
}

#nav-main {
    height: 41px;
    background: url('../img/nav-main-background.gif') repeat-x;
}

#nav-main .detail-end-cap { 
    height: 41px; 
    width: 8px; 
    float: right; 
    background: url('../img/nav-main-background-right.gif') no-repeat;
}
#nav-main #search { 
    height: 22px; 
    width: 271px;
    margin-right: 5px;
    margin-top: 10px;
    float: right; 
    background: url('../img/nav-main-search.gif') no-repeat; 
}
#nav-main #search input {
    background: none;
    border: none;
}
#nav-main #search input.q { padding: 3px; width: 198px; }
#nav-main #search input.search { text-indent: -7000em; position: absolute; width: 68px; height: 22px; cursor: pointer; }

#nav-main ul li { float: left; text-indent: -700em; }
#nav-main ul li a { height: 41px;  width: 130px; display: block; background: url("../img/nav-main.gif") no-repeat; outline: none; }
#nav-main ul li.home a { background-position: 0 0; }
#nav-main ul li.home a:hover { background-position: 0 -41px; }
#nav-main ul li.services a { background-position: -130px 0; }
#nav-main ul li.services:hover a { background-position: -130px -41px; }
#nav-main ul li.portfolio a { background-position: -260px 0; }
#nav-main ul li.portfolio:hover a { background-position: -260px -41px; }
#nav-main ul li.company a { background-position: -390px 0; }
#nav-main ul li.company a:hover { background-position: -390px -41px; }
#nav-main ul li.support a { width: 132px; background-position: -520px 0; }
#nav-main ul li.support a:hover { background-position: -520px -41px; }

#nav-main .dropdown {
    font-size: 9pt;
    display: none;
    position:absolute;
    color: #fff;
    z-index: 100;
    padding: 8px 18px;
    border-top: #253847 1px solid;
    background: url('/resources/img/navigation-hover-bg.png');
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -khtml-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; 
}
#nav-main .dropdown li span { color: #fff !important; font-size: 12pt; }
#nav-main ul li.services .dropdown { width: 450px; }
#nav-main ul li.portfolio .dropdown { width: 225px; }
#nav-main .dropdown ul { float: left; margin-right: 20px; width: 200px !important; }
#nav-main .dropdown li { text-indent: 0; float: none !important; padding-bottom: 3px; width: 200px !important; }
#nav-main .dropdown li a { color: #96cdff; background: none; height: auto !important; width: 200px !important; }
#nav-main .dropdown li a:hover { color: #70abe1; }
#nav-main li:hover .dropdown {
    display: block;
}

#info-header {
    margin-top: 10px;
}

#options-header {
    height: 72px; 
    padding: 13px; 
    background: url('/resources/img/work-header.png') no-repeat bottom left;
}
#options-header .right-box { float: right; width: 690px; }

#tooltip {
    display: none;
    text-align: center;
    padding: 5px;
    margin-top: 2px;
    background-color: #fff;
    border: #5e7c9a 1px outset;
}

#content, #sub-content {
    margin-top: 12px;
    clear: both;
}
.quarter,
.third,
.half { float: left; }
.quarter { width: 237px; }
.third { width: 316px; }
.half { width: 475px; }

#footer {
    border-top: #d3d3d3 1px solid; 
    text-align: right; 
    clear: both; 
    width: 926px; 
    padding: 12px;
    margin-top: 15px;
}

.halvsies-left {
    width: 455px; 
    margin-right: 475px; 
    margin-left: 15px; 
    text-align: center;
}

.halvsies-right {
    width: 415px; 
    margin-right: 30px; 
    float: right;
}



.clear-left, .hr { clear: left; }
.clear-right { clear: right; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.text-right { text-align: right; }

.border-top { border-top: #b7b7b7 1px solid; }
.border-bottom { border-bottom: #b7b7b7 1px solid; }

ul.indent li { margin-left: 5px; }
p.padded { padding: 10px 0 10px 0; }

.low-padding { padding: 4px; }
.medium-padding, .hr { padding: 8px; }
.high-padding { padding: 12px; }
.content-padding { padding: 0px 12px 8px 0px; }
.rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.divider { clear: both; border-top: #000 1px solid; margin: 35px 5px; }

.content-right-column {
    float: right;
    width: 300px;
}

.content-has-right-column {
    margin-right: 300px;
}

ul.facts li {     
    margin: 6px;
    padding-left: 20px;
    background: url('/resources/img/icons/silk/tick.png') no-repeat left center;
    color: #749858;
    font-size: 120%;
    font-weight: bold;
}
ul.facts li a { text-decoration: underline; }

.service-price { width: 275px; margin: 0 0 10px 10px; }
a.service-add-to-quote, a.service-contact-us, a.service-see-our-work {
    text-align: left;
    text-indent: -700em;
    display: block;
    margin: 0 0 0 10px;;
    width: 136px; 
    height: 41px; 
}
a.service-add-to-quote { background: url('/resources/img/button-services-add-to-quote.png') no-repeat; }
a.service-contact-us { background: url('/resources/img/button-services-contact-us.png') no-repeat; }
a.service-see-our-work { background: url('/resources/img/button-services-see-our-work.png') no-repeat; }
a.service-add-to-quote:hover, a.service-contact-us:hover, a.service-see-our-work:hover { background-position: 0 -41px; }

.bullet-arrow-blue {
    margin: 4px;
    padding-left: 10px;
    background: url('/resources/img/bullet-arrow-blue.gif') no-repeat left center;
}
.our-focus {
    display: block;
    margin: 20px 0;
    padding: 10px 20px;
    background: url('/resources/img/banner-base.png') no-repeat;
}
.our-focus h1.we-work,
.our-focus h2.we-work { font-weight: bold; font-style: italic !important; color: #fff; font-size: 18pt; }
.our-focus h2.for-you,
.our-focus h3.for-you { font-family: 'Muli', sans-serif; color: #d1eaf1; margin-left: 100px; font-size: 12pt; }
.our-focus h2.for-you span,
.our-focus h3.for-you span { font-weight: bold; font-style: italic; color: #42b3e1; font-size: 13pt; }
.view-services { float: right; margin: 10px; margin-right: 0; text-indent: -700em; background: url('/resources/img/buttons-services-portfolio.png') no-repeat; width: 164px; height: 42px; display: block; }
.view-services:hover { background-position: 0 -43px; }
.view-portfolio { float: right; margin: 10px; text-indent: -700em; background: url('/resources/img/buttons-services-portfolio.png') -165px 0 no-repeat; width: 164px; height: 42px; display: block; }
.view-portfolio:hover { background-position: -165px -43px; }
.front-page-tiles { margin-top: 14px; font-size: 9pt; height: 1%; overflow: hidden; } 

.front-page-tiles div {
    padding: 0 0 15px 0;
    margin-right: 14px;
    float: left;
    width: 227px;
    border-top: #000 2px solid;
}
.front-page-tiles div.last { margin-right: 0px; }
.front-page-tiles div h2 { padding: 14px 0 6px 38px; }
.front-page-tiles div h2 span { display: block; font-size: 10pt; font-weight: bold; font-style: italic; color: #d54a4a; }
.front-page-tiles div p { padding-bottom: 8px; padding-left: 38px; }
.front-page-tiles div.design { border-color: #c2dc4a; }
.front-page-tiles div.design h2 { background: url('/resources/img/fp-design-icon.png') 2px 11px no-repeat; }
.front-page-tiles div.design p strong,
.front-page-tiles div.design h2 a { color: #6bb33c; }
.front-page-tiles div.development { border-color: #f59344; }
.front-page-tiles div.development h2 { background: url('/resources/img/fp-development-icon.png') 2px 11px no-repeat; }
.front-page-tiles div.development p strong,
.front-page-tiles div.development h2 a { color: #f59344; }
.front-page-tiles div.hosting { border-color: #d9350b; }
.front-page-tiles div.hosting h2 { background: url('/resources/img/fp-hosting-icon.png') 2px 11px no-repeat; }
.front-page-tiles div.hosting p strong,
.front-page-tiles div.hosting h2 a { color: #d9350b; }
.front-page-tiles div.marketing { border-color: #71cdeb; }
.front-page-tiles div.marketing h2 { background: url('/resources/img/fp-marketing-icon.png') 2px 11px no-repeat; }
.front-page-tiles div.marketing p strong,
.front-page-tiles div.marketing h2 a { color: #71cdeb; }
.front-page-tiles img.border { border-bottom: #d54a4a 2px solid; }
.front-page-tiles div p strong { color: #d9350b !important; }
.front-page-tiles a.read-more { margin-left: 38px; }
#front-page-updates,
#front-page-featured { padding: 5px 0 15px 0; }

#front-page-updates { margin-right: 7px; }
#front-page-featured { margin-left: 7px; }
#front-page-updates h2,
#front-page-featured h2 { padding: 6px 0 6px 38px; }
#front-page-updates h2 { background: url('/resources/img/fp-updates-icon.png') no-repeat left center; }
#front-page-featured h2 { background: url('/resources/img/fp-featured-icon.png') no-repeat left center; }
#front-page-updates li,
#front-page-featured li { clear: left; margin: 10px 0 0 38px; }
#front-page-updates img,
#front-page-featured img { float: left; padding: 0 10px 5px 0; }

#who-we-are {
    background: url('/resources/img/who-we-are-bg.png') no-repeat; 
    height: 193px; 
    width: 300px;
}
.read-more { display: inline-block; text-indent: -700em; height: 15px; width: 75px; background: url('/resources/img/read-more.png') no-repeat; } 
.read-more:hover { background-position: 0 -16px; }
.view-work-button { background: url('/resources/img/button-view-our-work.png') no-repeat; }
.contact-button { background: url('/resources/img/button-contact-us.png') no-repeat; }
.site-button {
    float: left;
    text-indent: -700em; 
    display: block; 
    background-position: 0px -51px;
    height: 51px; 
    width: 240px;
    outline: none;
}
.site-button:hover { background-position: 0 0; }

#who-we-are-button {    
    float: left;
    text-indent: -700em; 
    display: block; 
    background: url('/resources/img/who-we-are-button.png') no-repeat;
    background-position: 0px -51px;
    height: 51px; 
    width: 240px; 
    margin-top: 130px; 
    margin-left: 47px;
    outline: none;
}#who-we-are-button:hover { background-position: 0 0; }

.update-categories li {
    padding: 3px 10px;
} 

.services-info { margin-right: 300px; }
.services-info-side { float: right; width: 300px; }
.services-info-side img { margin-bottom: 25px; }
.services-info-side .site-button { margin-left: 35px; }
.services-info h3 { margin-top: 10px; }
.services-pricing-info-coloumn { width: 300px; }

.prevPage, .nextPage { cursor: pointer; height: 40px; width: 27px; display: block; background: url('/resources/img/work-header-arrows.png') no-repeat; float: left; margin-top: 15px;}
.prevPage { background-position: 0 0; margin-right: 10px;  }
.prevPage:hover { background-position: 0 -40px; margin-right: 10px;  }
.nextPage { background-position: -27px 0; margin-left: 10px;  }
.nextPage:hover { background-position: -27px -40px; margin-left: 10px;  }

.hover-menu {
    position: absolute; 
    margin: 2px 0; 
    border: #b3b3b3 1px solid; 
    padding: 2px 2px 2px 5px; 
    width: 200px; 
    background: #fff url('/resources/img/list-dropdown-arrow.png') no-repeat 188px 13px; 
}
.hover-menu .menu { display: none; }
.hover-menu:hover .menu { display: block; }
.hover-menu h2 { padding: 3px; }
.scrollable {
    position: relative; 
    overflow: hidden; 
    width: 615px; 
    height: 72px; 
    float: left;
}

.scrollable .items {
    width: 20000em; 
    position: absolute;
}.scrollable .items div { width: 123px; float: left;text-align:center; }

.scrollable img {
    border: #323232 2px solid;
}

.scrollable div.active img {
    border: #da3f0b 2px solid;
}

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:675px;	
	min-height:200px;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.simple_overlay .close {
	background-image:url("/resources/img/close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#img {
	border:1px solid #666;
}

.next, .prev {
	position:absolute;
	top:40%;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:-1px;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

.info {
	position:absolute;
	bottom:-1px;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border:1px solid #666;
    border-bottom: none;
}

.info strong {
	display:block;	
}

.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}

ul.project-credits {
    text-align: right; 
    float: right; 
    width: 125px; 
    border-bottom: #435a6b 3px solid; 
    padding: 10px; 
    margin: 0 0 15px 15px;
}
ul.project-credits li.pad { padding-top: 10px; }
.project-image { border: #323232 2px solid; margin-top: 15px; }
.project-related-images { margin: 20px 0 15px 0; clear: both; background-color: #e9e9e9; padding: 15px;border: #e6e6e6 1px solid; }
.project-related-images img { border: #323232 1px solid; float: left;margin: 7px; }

.banner {
    position: relative;
}

ul.banner-tabs { position: absolute; top: 10px; right: 0px; width: 300px; }
ul.banner-tabs li a { padding: 6px 4px 6px 10px; display: block; width: 286px; cursor: pointer; }
ul.banner-tabs li a { 
    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: -1px;
    font-family:"Trebuchet MS";
    outline: none;
}

ul.banner-tabs a.current {
    font-size: 13pt;
    background: url('/resources/img/50op1x1.png');
    border-bottom: #000 1px solid;
}

.banner-panes div.pane {
    display: none;
    width: 950px;
    height: 230px;
}

table.pricing td { border-bottom: #b7b7b7 1px dotted; }
table.pricing th.category { font-size: 11pt; font-weight: bold; border: #fff 1px solid; }
table.pricing th.option-1, table.pricing th.option-2, table.pricing th.option-3 { background-image: url('/resources/img/table-head-bg.png'); color: #fff; }
table.pricing th.option-1 { background-color: #41B2A3; }
table.pricing th.option-2 { background-color: #B25730; }
table.pricing th.option-3 { background-color: #6ABF47; }
table.pricing th.category, table.pricing td.category-col {
    padding: 7px;
    text-align: center;
}
table.pricing td.category-col {
    border: #b7b7b7 1px dotted;
    border-top: none;
}
table.pricing td em { font-size: 75% }
table.pricing td.price { color: #bc2626; font-weight: bold; font-size: 11pt; }
table.pricing td.yes { background: url('/resources/img/icons/silk/tick.png') no-repeat center center; height: 30px;}
table.pricing td.no { background: url('/resources/img/icons/silk/cross.png') no-repeat center center; height: 30px; }

.contact-list li { padding: 4px 0 4px 26px; }
.contact-list li.msn {  background: url('/resources/img/service_icons/msn.png') no-repeat left center; }
.contact-list li.skype {  background: url('/resources/img/service_icons/skype.png') no-repeat left center; }
.contact-list li.twitter {  background: url('/resources/img/service_icons/twitter.png') no-repeat left center; }

.form-table td { padding: 6px; vertical-align: top; }
.form-table .required { color: #FF0000; font-weight: bold; }
.form-table input, .form-table textarea { padding: 3px; }
.form-table input.medium { width: 225px; }
.form-table textarea.medium { height: 150px; width: 450px; }
.news-list li { padding-left: 12px; clear: left; margin-bottom: 10px; }
.news-list li img { padding: 0 15px 15px 0; float: left; }
.news-list .news-details { margin-left: 170px; }
.news-list li .post-title { display: block; font-size: 13pt; }

.link-panel { background: #1C2934 url('/resources/img/services-bg.png') no-repeat; padding: 40px 15px; }
.search-options { background: #1C2934 url('/resources/img/search-options-bg.png') no-repeat; }
.news-categories { background: #1C2934 url('/resources/img/news-categories-bg.png') no-repeat; }

li.active a { font-weight: bold; }
li a.title,
td a.title { font-size: 12pt; font-weight: bold; cursor: pointer; }

.panel input[type=text],
.panel input[type=password],
.form input[type=text],
.form input[type=password] {
    background: #f0f0f0 url('../img/form-input-gray-bg.png') repeat-x;
    border: #333 1px solid; 
    padding: 6px;
    margin-right: 10px;
}
.form input[type=submit] { padding: 5px 10px; font-size: 10pt; font-weight: bold; }
.form input[type=submit].large { padding: 10px; font-size: 14pt; }
.search td { padding-bottom: 20px; }
.search-input { width: 400px; }

.imgtpc { padding: 30px 0; clear: both; }
.imgtpc img.left { margin-right: 50px; }
.imgtpc img.right { margin-left: 50px; }

.services-header { display: block; height: 178px; width: 950px; background: url('/resources/img/services-header-background.png') no-repeat; }
.services-header a.get-a-quote { float: right; margin: 55px 30px 0 0; display: block; height: 71px; width: 291px; text-indent: -700em; background: url('/resources/img/services-header-button.png') no-repeat; }
.services-header a.get-a-quote:hover { background-position: 0 -71px; }
.services-header h1 { display: block; float: left; text-indent: -700em; margin-left: 30px; }
.services-header h1.web-design { margin-top: 18px; height: 141px; width: 520px; background: url('/resources/img/services-header-web-design.png') no-repeat; }
.services-header h1.web-development { margin-top: 18px; height: 141px; width: 558px; background: url('/resources/img/services-header-web-development.png') no-repeat; }
.services-header h1.web-hosting { margin-top: 18px; height: 141px; width: 551px; background: url('/resources/img/services-header-web-hosting.png') no-repeat; }
body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
	font-size: 10pt;
}
h1.slogan { padding: 10px 0; font-size: 18pt; }
h1.slogan span.assi { display: inline !important; font-size: 18pt; font-weight: bold; color: #ae3f1a; }
h1.slogan span.web-design { display: block !important; font-weight: bold; font-size: 10pt !important; }
h1,
.imgtpc h2 { 
    color: #ae3f1a;
    font-family: 'Open Sans', sans-serif; 
    font-size: 22pt;
}
h1 span { color: #42b3e1; font-size: 14pt; font-style: italic; display: block; }
h2,
.imgtpc h3 { font-size: 18px; color: #000;  }
h3 { font-size: 14px; color: #5a5a5a; }

h1.fp {
    color: #323232;
    font-size: 14pt;
}
h2.fp {
    color: #2b2e30;
    font-size: 12pt;
    margin: 0 0 10px 115px;
}


.type-small {
	font:.90em Arial,Helvetica,sans-serif;
}

.type-large {
	font:1.20em Arial,Helvetica,sans-serif;
}

.strong { font-weight: bold; }
.italic { font-style: italic; }

a, a:visited { color: #6da3ba; text-decoration: none; font-family:"Trebuchet MS"; }
a.attention, a.attention:visited { color: #04adf3; }
a:hover { color: #386a7f; }

h1 a:hover, 
h2 a:hover, 
h3:hover a { text-decoration: underline; }

.strong-orange {
    color: #ea9e3e;
    font-weight: bold;
}
.dark-bg {
    color: #fff !important;
}
.dark-bg h3 { color: #fff !important; }

a.search-result {
    font-size: 120%;
}

p { line-height: 150%; }

.price { 
    color: #ae3f1a;
    font-size: 22pt;
    font-weight: bold;
    line-height:28px;
    letter-spacing:-1px;
    font-family:"Trebuchet MS";
}