/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font:normal 100%/11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}
table tr th {
	background-color:#EFEFEF;
}
table tr td, table tr th {
	border-collapse:collapse;
	border:1px solid #ccc;
	font-size:13px;
	margin:0;
	padding:2px;
}
#blanktable, #blanktable tr td, #blanktable tr th {
	border:0px;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
table, td, th {
	vertical-align:top;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
a {
	outline:none;
}
a img {
	border:none;
}
img {
	outline:none;
}
/* typography.css */
body {
	background:url(images/bg-body-inner.jpg) repeat-x 0 7px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-size:13px;
}
body.home {
	background:url(images/bg-body.jpg) no-repeat 50% 0;
}
body.home2 {
	background:url(images/bg-body.jpg) repeat-x 0 6px;
}
body.real-estate {
	background:url(images/bg-body-realestate.jpg) repeat-x 0 6px ;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
}
h1 {
	font-size:3em;
	line-height:1;
	margin-bottom:0.5em;
}
h2 {
	font-size:2em;
	margin-bottom:0.75em;
}
h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:1.25em;
}
h5 {
	font-size:1em;
	margin-bottom:1.5em;
}
h6 {
	font-size:1em;
}
h7 {
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#069;
	

}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p {
	color:#444;
	font-size:13px;
	line-height:16px;
	margin:0 0 1.5em;
}
p img {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;
}
p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
	color:#000;
}
a {
	color:#1B6EAD;
	font-size:13px;
	text-decoration:none;
}
a:hover {
	color:#666;
}
blockquote {
	color:#666;
	font-style:italic;
	margin:1.5em;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom:1px dotted #666;
}
address {
	margin:0 0 1.5em;
}
del {
	color:#666;
}
pre, code {
	margin:1.5em 0;
	white-space:pre;
}
pre, code, tt {
	font:1em Arial, Helvetica, sans-serif;
	line-height:1.5;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
ul li ol li {
	list-style-type:decimal;
}
dl {
	float:left;
	margin:0 0 1.5em 0;
}
dl dt {
	float:left;
	font-weight:bold;
}
dd {
	float:left;
	margin-left:1.5em;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
}
th, td {
	padding:4px 10px 4px 5px;
}
tr.even td {
	background:#E5ECF9;
}
tfoot {
	font-style:italic;
}
caption {
	background:#eee;
}
input, textarea {
	color:#666;
	font-size:75%;
}
button {
	background:0;
	border:0;
	cursor:pointer;
	margin:0;
	padding:0;
}
/* @Global Class */
.small {
	font-size:.8em;
	line-height:1.875em;
	margin-bottom:1.875em;
}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
.hide {
	display:none;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color:#fff;
}
.removed {
	background:#900;
	color:#fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.no-border {
	border:0 !important;
}
.no-bg {
	background:0 !important;
}
a.more {
	background:url(images/btn-arrow.gif) no-repeat 0 1px;
	color:#a3238e;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 20px;
	text-transform:uppercase;
}
a.more:hover {
	color:#bbb08f;
}
a.thumb {
	border:3px solid #c4bcb5;
	float:left;
}
a.thumb img {
	float:left;
}
a.thumb:hover {
	border:3px solid #999;
}
div.content ul {
	margin:0 0 20px;
	padding:0;
}
div.content ul li {
	list-style:none;
	line-height:15px;
	padding:0 0 10px 15px;
	background:transparent url(images/bg-common.gif) no-repeat scroll 0 6px;
}
div.content ul li h3 {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
div.content ul.no-margin {
	margin:0;
}
/* @Global Class End */
/* @Structure */
#container-outer {
	margin:0 auto;
	padding:0;
	width:100%;
}
#container {
	margin:0 auto;
	padding:0 10px;
	width:980px;
}
#wrap {
	float:left;
	margin:60px 0 0 0;
	width:980px;
}
.content {
	float:left;
}
p.web-devlpment {
	color:#C90;
	font-weight:bold;
	font-size:14px;
	clear:both;
	width:100%;
}
p.web-devlpment img{
	float:none;	
	margin:0 0 0 50px;
	padding:0;
}
.wid-680 {
	width:700px;
	float:left;
	margin:0;
	padding:10px 0 0 0;
}
.content h2 {
	font:normal 18px "Trebuchet ms", Arial;
	color:#1B6EAD;
}
.content h6 {
	font:normal 18px "Trebuchet ms", Arial;
	color:#1B6EAD;
	margin-bottom:20px;
}
.sidebar {
	float:right;
	width:260px;
	padding:10px 0 0 0;
}
div.col-sidebar {
	width:250px;
	float:left;
	margin:0 0 20px;
	padding:0;
}
div.col-sidebar img {
	float:left;
}
div.col-sidebar h3 {
	font:normal 18px "Trebuchet ms", Arial;
	color:#1B6EAD;
	margin:0 0 15px;
	float:left;
	padding:0;
}
div.col-sidebar ul#related-links {
	margin:0;
	padding:0;
	float:left;
	width:250px;
}
div.col-sidebar ul#related-links li {
	width:250px;
	float:left;
	list-style:none;
	border-bottom:1px solid #E4E4E4;
}
div.col-sidebar ul#related-links li a {
	float:left;
	padding:12px 12px 12px 25px;
	line-height:12px;
	width:216px;
	display:block;
	background:#F3F3F3 url(images/bg-common.gif) no-repeat 12px 15px;
	color:#666;
}
div.col-sidebar ul#related-links li a:hover {
	background:#666;
	color:#fff;
}
.wid-680 h1 {
	position:relative;
	margin:0 0 15px;
	padding:0;
	font:normal 26px "Trebuchet ms", Arial;
	color:#1B6EAD;
}
div.col-sidebar ul.free-links {
	margin:0;
	padding:0;
	float:left;
}
div.col-sidebar ul.free-links li {
	float:left;
	width:250px;
	margin:0;
	padding:5px 0 5px 13px;
	background:transparent url(images/bg-common.gif) no-repeat scroll 0 9px;
	list-style:none;
}
div.col-sidebar ul.free-links li.first {
	padding-top:0;
}
div.col-sidebar ul.free-links li a {
	display:block;
	margin:0;
	padding:0;
	color:#444;
	line-height:16px;
}
div.col-sidebar ul.free-links li a:hover,
div.col-sidebar ul.free-links li.selected a
{
	color:#1B6EAD;
}
/* @End Structure */
/* @Header Starting */

body.home #header {
	height:544px;/*
	background:transparent url(images/bg-header.jpg) no-repeat scroll 5px 102px;*/
	margin:0 auto;
	position:relative;
	width:998px;
}
body.home2 #header {
	height:335px;
	background:url(images/img-spotlight-im.jpg) no-repeat scroll 5px 102px;
	margin:0 auto;
	position:relative;
	width:998px;
}
#header {
	height:200px;
	/*background:url(images/bg-header.jpg) no-repeat 0 45px;*/
	margin:0 auto;
	position:relative;
	width:998px;
}
#header div.marketing {
	position:absolute;
	width:300px;
	height:250px;
	top:90px;
	z-index:999;
	right:35px;
}
div.logo {
	left:40px;
	position:absolute;
	top:12px;
}
#header h1.logo {
	background:transparent url(images/logo-home.png) no-repeat scroll 0 0;
	height:120px;
	left:0;
	padding:0;
	position:absolute;
	text-indent:-999em;
	top:4px;
	width:192px;
	z-index:1;
}
#header h1.logo a {
	display:block;
	height:83px;
	width:132px;
}
div.header-image {
	position:absolute;
	top:102px;
	left:0;
}
ul#main-navigation {
	background:url(images/bg-top-navigation.jpg) no-repeat 0 0;
	height:30px;
	right:0;
	margin:0;
	position:absolute;
	top:46px;
}
ul#main-navigation li {
	float:left;
	list-style:none;
	padding:0;
	position:relative;
}
ul#main-navigation li a {
	color:#f2eeee;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet ms", Arial;
	margin:0;
	padding:12px 2px 0;
	display:block;
}


#main-navigation li ul{
	display:none;
	width:170px;
	left:-12px;
	padding:4px 0 0 0;
	top:50px;
	position:absolute;
	border-top:0;
	z-index:9999;
}
#main-navigation li:hover ul{
	display:block;	
}
#main-navigation li ul li{
	padding:5px;
	margin:0 0 3px;
	background-color:#0d518c;
	border:1px solid  #FFF;
	width:170px;
	position:relative;
}
#main-navigation li ul li a{
	padding:3px;
	margin:0;
}
ul#main-navigation li.select a,  ul#main-navigation li a:hover {
	color:#FFF;
	
}
div.quick-contact {
	position:absolute;
	right:20px;
	top:20px;
}
div.quick-contact span {
	color:#FFF;
	font-size:12px;
}
div.quick-contact span.phone-number {
	font-size:16px;
	font-weight:bold;
	margin-left:15px;
}
#header-description {
	width:650px;
	float:left;
	margin:140px 0 0 0;
	padding:0;
}
#header-description p {
	margin:0 0 10px;
	padding:0;
	float:left;
	font:italic 18px Arial, Helvetica, sans-serif;
	/*font-stretch:expanded;*/
	color:#FFF;
}header-description ul {
	margin:0;
	padding:0;
	float:left;
	width:650px;
}
#header-description ul li {
	font:italic 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:5px 0 5px 25px;
	list-style:none;
	background:url(images/bg-arrow.gif) no-repeat 0 5px;
}
#header-description ul li a {
	font:italic 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
#header-description ul li a:hover {
	color:#E0E0E0;
}
#header-description p img {
	float:left;
	margin:0;
	padding:0;
}
#spotlight {
	/*background:transparent url(images/bg-spotlight.jpg) no-repeat scroll 30px 26px;*/
	height:404px;
	position:absolute;
	right:10px;
	top:117px;
	width:998px;
	z-index:500;
	overflow:hidden;
}
div#welcome-msg{
	width:980px;
	height:67px;
	left:-1px;
	bottom:-43px;
	position:absolute;
	z-index:999;
}
/* @ End Header */
/* @Home Page */
#home-content {
	float:left;
	margin:10px 20px 0 0;
	padding:0;
	text-align:justify;
	width:665px;
}
#home-content.wm {
	border:1px solid #4AA5FF;
	padding:10px;
	width:480px;
	background:url(images/bg-web-marketing.jpg) repeat-x 0 100%;
}
#home-content p, div.our-services p {
	margin-bottom:20px;
}
div.our-services, div.our-services ul {
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:525px;
}
#home-content a.read-more{
	width:100%;
	float:left;
}
div.our-services.wm {
	padding:10px;
	width:430px;
	border:1px solid #2F8EE0;
	background:url(images/bg-web-marketing.jpg) repeat-x 0 100%;
}
div.our-services ul {
	margin:0 0 20px 0;
	border:1px solid #ccc;
	padding:10px;
	width:645px;
	background:#F5F5F5;
}
div.our-services ul li {
	background:url(images/bg-common.gif) no-repeat 0 9px;
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 13px;
	width:198px;
}
div.our-services ul li a {
	color:#444;
	display:block;
	text-align:left;
	font-size:12px;
	line-height:14px;
	padding:5px 6px 0 0;
	word-spacing:-1px;
}
div.our-services ul li a:hover {
	color:#006699;
}
div#portfolio-home a.next {
	position:absolute;
	right:0;
	top:95px;
	z-index:999;
}
div#portfolio-home a.prev {
	left:0;
	position:absolute;
	top:95px;
	z-index:999;
}
div#portfolio-home {
	float:left;
	margin:0;
	padding:0;
	position:relative !important;
	height: 404px;
}
div#portfolio-home ul {
	float:left;
	padding:0;
	margin:0;
}
div#portfolio-home ul li {
	float:left;
	list-style:none;
	margin:10px 0px 0 0px;
	padding:0;
	width:980px;
	height:404px;
}
div#portfolio-home img.arrow-holder {
	position:absolute;
	z-index:20;
	right:80px;
	bottom:23px;
}
div#home-bottom {
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:980px;
}
div#home-bottom div.web-design {
	background:url(images/img-web-design.jpg) no-repeat right 0;
	border-right:1px solid #E1E1E1;
	float:left;
	min-height:154px;
	height:auto !important;
	height:154px;
	width:290px;
}
div#home-bottom div.web-developement {
	background:url(images/img-web-development.jpg) no-repeat 105% bottom;
	border-right:1px solid #E1E1E1;
	float:left;
	min-height:154px;
	height:auto !important;
	height:154px;
	padding-left:15px;
	width:323px;
}
div#home-bottom div.web-marketing {
	background:url(images/img-web-marketing.jpg) no-repeat right bottom;
	float:left;
	min-height:154px;
	height:auto !important;
	height:154px;
	padding-left:15px;
	width:323px;
}
div#home-bottom div.web-design p,  div#home-bottom div.web-developement p,  div#home-bottom div.web-marketing p {
	width:195px;
}
div#home-bottom div.web-marketing-solution {
	float:left;
	min-height:254px;
	height:auto !important;
	height:254px;
	padding-left:15px;
	width:323px;
	margin:0 0 20px;
	border-right:1px solid #E1E1E1;
}
div#home-bottom div.web-marketing-benefit {
	float:left;
	padding:0 20px;
	min-height:254px;
	height:auto !important;
	height:254px;
	margin:0 0 20px;
	width:270px;
	border-right:1px solid #E1E1E1;
}
div#home-bottom div.web-marketing-forward {
	float:left;
	padding:0 20px;
	min-height:254px;
	height:auto !important;
	height:254px;
	margin:0 0 20px;
	width:270px;
	background:url(images/img-contact.jpg) no-repeat 75px 120px;
}
div#home-bottom div.web-marketing-benefit ul {
	float:left;
	padding:0;
	margin:0;
	width:270px;
}
div#home-bottom div.web-marketing-benefit ul li {
	list-style:none;
	padding:0 0 5px 15px;
	background:transparent url(images/bg-common.gif) no-repeat scroll 0 5px;
	line-height:15px;
}
div#home-bottom div.web-design h2, div#home-bottom div.web-developement h2, div#home-bottom div.web-marketing h2 {
	padding-top:20px;
}
div#why-choose {
	background:url(images/bg-why-choose.jpg) no-repeat 0 0;
	float:left;
	height:90px;
	width:980px;
}
div#why-choose h3 {
	float:left;
	margin:36px 20px 0 0;
}
div#why-choose ul {
	float:left;
	margin:34px 20px 0 0;
}
div#why-choose ul li {
	float:left;
	list-style:none;
	margin:0 40px 0 0;
	padding:0;
}
div#why-choose ul li a {
	color:#0D426C;
	font:normal 20px Arial, Helvetica, sans-serif;
}
div#why-choose ul li a:hover {
	color:#333333;
}
a.get-quote {
	position:absolute;
	bottom:5px;
	left:240px;
	width:145px;
	height:40px;
}
/* @End Home Page */

/* @Career Page */
ul#career-listing {
	float:left;
	margin:0;
	padding:0;
	width:680px;
	border-top:1px solid #CCCCCC;
}
ul#career-listing li {
	list-style:none;
	float:left;
	list-style:none;
	border-bottom:1px solid #CCCCCC;
	width:680px;
	background:0;
	margin:0;
	padding:10px;
}
ul#career-listing li.one {
}
ul#career-listing li p {
	margin-bottom:8px;
	color:#444;
}
ul#career-listing li p.position {
	padding:5px;
	width:250px;
	margin-bottom:8px;
	background-color:#999;
	color:#fff;
}
/* @End Career Page */

/* @Tags Page  */
div.tags {
	float:left;
	width:220px;
	margin:0;
	padding:0;
}
div.tags a {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#999;
	padding:2px;
}
div.tags a:hover {
	color:#1B6EAD;
}
div.tags a.small {
	font-size:10px;
}
div.tags a.large {
	font-size:16px;
}
/* @End Inside Page */

div#spotlight-inner {
	width:880px;
	float:left;
	margin:45px 0 0 30px;
}
/* @Start Footer */
#footer-outer {
	background:#5a6c7a /*url(images/bg-footer.jpg) repeat-x 0 0*/;
	margin:0 auto;
	padding-bottom:10px;
	width:100%;
}
#footer {
	min-height:140px;
	height:auto !important;
	height:140px;
	margin:0 auto;
	padding:0;
	width:980px;
}
#footer div#links-site{
	float:left;	
	color:#fff;
}
#footer div#links-site span{
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-right:10px;
	color:#CCCCCC;
}
a.site-link,
#footer div#links-site a{
	color:#ccc;	
}
a.site-link:hover,
#footer div#links-site a:hover{
	color:#fff !important;	
}
div.footer-left {
	float:left;
	margin:10px 0 0;
	padding:0;
}
#footer a.logo {
	display:block;
	float:left;
	width:70px;
}
#footer ul {
	float:left;
	margin:10px 0 0;
	width:980px;
}
#footer ul li {
	background:url(images/bg-footer-li.gif) no-repeat 98% 6px;
	list-style:none;
	padding:0 5px 0 0;
	margin:0 3px 0 0;
}
#footer ul li.no-bg{
	background:0;	
}
#footer ul li h3 {
	margin:0 0 5px;
	padding:0;
	float:left;
	clear:both;
	width:100%;
	text-transform:uppercase;
	color:#CCC;
	font: bold 14px "Trebuchet ms", Arial;
}
#footer ul li a {
	color:#fff;
	float:left;
	padding-right:4px;
	margin-right:5px;
	font-size:12px;
	line-height:15px;
	color:#CCC;
}
#footer ul li a:hover {
	color:#333;
}
#footer ul li ul {
	margin:0;
	padding:0;
}
#footer ul li ul li {
	float:left;
	padding:4px 3px 0 0;
}
#footer ul li li a {
	color:#fff;
	float:left;
	font-size:11px;
	color:#CCC;
}
#footer ul li li a:hover {
	color:#fff;
}
#footer p {
	color:#fff;
	float:left;
	font-size:12px;
	margin:10px 0 0 0;
	width:100%;
}
.validator {
	float:right;
	padding:10px 0;
	width:100%;
}
.validator a {
	padding-right:10px;
	float:right;
}
#footer .validator p {
	width:100px !important;
	float:left;
	margin:0;
	padding:0;
}
#footer .validator p a img {
	float:left;
	margin:0;
	padding:0;
}
/* @End Footer */
/* @Start Clear Fix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* @End Clear Fix */


/* Our Facilities */
	ul#services-listing {
	margin:0 0 20px;
	padding:0;
	float:left;
	width:100%;
}
ul#services-listing li {
	background:url(images/bg-common.gif) no-repeat 0 8px;
	width:300px;
	margin:0;
	padding:5px 0 3px 10px;
	float:left;
}
ul#services-listing li h3 {
	width:100%;
	margin:0;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#444;
	display:inline;
}
ul#services-listing li p {
	width:200px;
	float:right;
	padding:10px 0;
	margin:0 60px;
	display:inline;
}
ul#services-listing li a {
	float:left;
	margin:0 13px 0 6px;
	padding:0;
	color:#666;
}
ul#services-listing li a:hover {
	color:#1B6EAD;
}
/* @Contact Us */
#content-right {
	width:260px;
	float:right;
	margin:0;
	padding:0;
}
#content-right a.map {
	float:left;
	border:4px solid #CACACA;
	margin-bottom:20px;
}
#content-right a.map:hover {
	border:4px solid #006699;
}
#content-right a img {
	float:left;
	margin:0;
}
#content-right address {
	float:left;
	width:250px;
	color:#444;
	font:normal 15px Arial, Helvetica, sans-serif;
	line-height:21px!important;
}
form#contactform {
	float:left;
	width:400px;
}
form#contactform small {
	background:url(images/bg-common.gif) no-repeat 3px -70px;
	padding:0 0 0 16px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#3F66A0;
}
form#contactform ul {
	float:left;
	width:400px;
}
form#contactform ul li {
	background:0;
	background:url(images/bg-common.gif) no-repeat 100px -67px;
	float:left;
	width:400px;
	padding:3px 0;
}
form#contactform ul li.no-bg {
	background:0;
}
form#contactform ul li label {
	float:left;
	width:120px;
	color:#444;
}
form#contactform ul li input, form#contactform ul li select {
	border:1px solid #D2D2D2;
	width:220px;
	float:left;
	padding:4px;
	color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
}
form#contactform ul li input.btn-submit {
	border:0;
	width:110px;
	height:30px;
	float:left;
	margin-left:118px;
}
form#contactform ul li select {
	width:228px;
}
form#contactform ul li textarea {
	width:220px;
	border:1px solid #D2D2D2;
	float:left;
	color:#666;
	padding:4px;
	font:normal 12px Arial, Helvetica, sans-serif;
	height:80px;
}
p.validationmsg {
	background-color:#1B6EAD;
	clear:both;
	color:#FFFFFF;
	display:none;
	float:left;
	font-size:11px;
	height:15px !important;
	margin:0 0 0 120px;
	padding:5px !important;
	width:220px;
}
/* @End Contact Us */

/* @Portfolio */
ul#portfolio, ul#portfolio li, ul#portfolio li div.details {
	width:680px;
	margin:0;
	padding:0 0 10px;
	float:left;
}
ul#portfolio li {
	width:320px;
	padding:10px 0;
	margin:0 15px 0 0;
	background:0;
}
ul#portfolio li.first {
	padding-top:0;
}
ul#portfolio li a.thumb {
	float:left;
	border:1px solid #ccc;
	padding:3px;
	margin-right:15px;
}
ul#portfolio li a.thumb img {
	float:left;
}
ul#portfolio li a.thumb:hover {
	border:1px solid #006699;
}
ul#portfolio li div.details {
	width:200px;
	margin:0;
	padding:0;
}
ul#portfolio li div.details h4 {
	float:left;
	clear:both;
	margin:0 0 5px;
	padding:0;
	color:#0066CC;
}
ul#portfolio li div.details h4 a {
	float:left;
	border:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:14px;
}
ul#portfolio li div.details h4 p {
	float:left;
}
/* @End Portflio */

/* @Slider */
#slider {
	width: 250px; /* important to be same as image width */
	height: 215px;
	margin:0; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	float:left;
	background:#ccc url(images/bg-flashing-gallery.jpg) no-repeat 0 0;
}
div.sidebar ul#sliderContent {
	width: 230px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin:0;
	padding:0;
}
div.sidebar ul#sliderContent li, div.sidebar ul#sliderContent li a {
	background:0;
	border:0;
	margin:0;
}
div.sidebar ul#sliderContent li {
	float:left;
	margin:0;
	padding:0;
	width:230px;
}
div.sidebar ul#sliderContent li img {
	margin:7px 5px 0px 8px;
	float:left;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
	width:200px;
	margin:0;
	padding:0;
}/*
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 198px;	
	margin:5px 5px 0 8px;
    background-color:none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}*/
.clear {
	clear: both;
}
.sliderImage span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
/* @End Slider */


/* @Bigger Links */
#links {
	float: left;
	width: 700px;
	padding-bottom: 2em;
}
#links div {
	width: 190px;
	float: left;
	padding: 0 1%;
	display: inline;
	margin:0 15px 15px 0;
	height:170px;
}
div#links div {
	width:308px;
	float:left;
	padding:10px;
	margin:0 20px 20px 0;
	height:180px;
	border:1px solid #CCCCCC;
}
div#links a.no-margin {
	margin-right:0;
}
div#links div h2 {
	margin:0 0 15px;
	padding:0;
	float:left;
	width:180px;
	color:#5b938b;
	font:bold 14px Arial, Helvetica, sans-serif;
	line-height:16px;
}
div#links div li {
	font-size:13px;
	padding:3px 0;
	width:180px;
	line-height:16px;
}
div#links div ul {
	width:180px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
div#links a:hover{
	color:#999;	
}
/*.hot {
border: solid 1px #ccc;
zoom: 1; 
background:#;
}*/
div#links a.tooltip {
	background:#F2F2F2 !important;
	padding:10px;
	float:left;
	display:block;
	margin:0 20px 20px 0;
	width:674px;
	height:240px;
	border:1px solid #999;
}
div#links a.tooltip:hover {
	background:#77BBFF !important;
	padding:10px;
}
.hover {
	border-color: #000;
	cursor: pointer;
	background-color: #2F8EE0;
}
.hover a:link {
	color: #333;
}
.hover a:visited {
	color: #333;
}
div.hot a.tooltip {
	background-color:#006600;
	display:block;
	float:left;
}
/* @End Bigger Links */
/* @Tooltip */
#tooltip {
	position:absolute;
	border:1px solid #fff;
	background:#003366;
	color:#FFF;
	padding:2px 5px;
	font-size:11px;
	display:none;
}
/* @End Tooltip  */

/* @Paging */
div.paging {
	background:0;
	border:0;
	width:650px !important;
	height:12px !important;
}
div.paging a, div.paging a.hover {
	padding:3px 5px;
	background:#1B6EAD;
	color:#CCCCCC !important;
	margin:3px;
}
div.paging a:hover, div.paging a.current {
	color:#FFF !important;
}

/* @End Paging */
#ongoing-projects {
	width:290px;
	height:316px;
	margin:0px;
	float:left;
}
#ongoing-projects h2{
	margin-bottom:13px;
	width:100%;
	float:left;
}
#ongoing-projects ul{
	margin:0;
	padding:0;
	width:290px;
	float:left;
}
#ongoing-projects ul li {
	list-style:none;
	display:inline;
	padding:0px 0px 0px 0px;
	float:left;
	margin:0px 0px 0px 0px;
	
	
}
#gallery {
	list-style:none;
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	}
#gallery ul { list-style: none;
	margin:0px 0px 0px 0px;}

#gallery ul li { display: inline; }
#gallery ul img {
		border-width: 5px 5px 20px;
		
	}
div.quick-contact{
	font:normal 25px Arial, Helvetica, sans-serif;
}


ul#clients{
	float:left;
	width:690px;
	padding:0;
	margin:0;
}
ul#clients li{
	border:1px solid #ccc;
	padding:5px;
	float:left;
	background:none;
	margin:0 7px 8px 0;
	width:156px;
	list-style:none;
	text-align:center;
}
ul#clients li h3{
	font:bold 12px Arial, Helvetica, sans-serif;	
}
ul#clients li.four{
	margin:0 0 8px 0;
	padding:5px 0 5px 5px;
	
}
body h2.h-titles {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
left:0;
line-height:18px;
position:absolute;
text-indent:-999em;
top:0;
}
.loc
{
margin:0 0 0 0; 
padding:3px; 
border:solid 1px #D2D2D2; 
width:202px; 
height:122px;
}

.loc a
{
margin:0 0 0 0; 
border:solid 1px #D2D2D2; 
width:200px; 
height:120px;
display:block;
}
.loc a:hover
{
border:solid 1px #187ed2; 
}