﻿body
{
	margin: 0;
	padding: 0;
	color: #666;
}

h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;font-weight:300;color: #3385BC;}
h1 {font-size: 64px;text-transform:uppercase;}
h2 { font-size: 32px;}
form { padding: 0px;margin: 0px;}
a
{
	text-decoration:none;
	color: #3385BC;
}

.btn { border-radius: 0px;}
.contact-card { padding: 40px 5px 40px 5px;font-size: 1.6em;}
.contact-card, .contact-card a, .contact-card a:hover { color: #fff;}

a:hover
{
}

.clearfix
{
	clear:both;
	display:inline-block;
}

.big
{
	padding:5px;
}

.logo { padding-left: 20px;}
.pattern { background: url(/images/template/bg1.png) repeat center; margin-top: 60px;height: 450px;padding: 0px;}
.pattern2 {background: url(/images/template/bg2.png) repeat center; height: 450px;z-index: 2;position: absolute;}
.pattern-sml { height: 220px;}
.navbar-default { background: #fff;}
.navbar-brand { margin: 0px;padding: 0px;}
.content-main { margin-bottom: 60px;}
.height100 { height: 100%;position: relative;float: left;vertical-align: bottom;}

/* Carousel */
.carousel 
{
    margin: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    float: right;
    height: 450px;
    top: 0px;
}
.carousel-control.right, .carousel-control.left { background-image: none;}
.carousel .item { height: 450px;padding: 0px;margin: 0px;}
.carousel .item h1 {text-shadow: none;color: #fff;font-weight: 300;font-size: 3em;margin-top: 40px;}
.carousel .item p {text-shadow: none;color: #fff; font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 1.6em;}
.carousel .item .container { margin: 0px;padding: 0px;}
.carousel-control { width: 5%;}
.carousel-inner {height: 450px;padding: 0px;}
.carousel-inner>.item>img {margin: 0 auto 0 auto;}
.carousel-indicators { bottom: -8px;}

.clients { background: #f2f2f2;padding: 80px 0px 80px 0px;}
.clients a { color: #fff;text-shadow: 0px 1px 1px #ccc;}
.client-scroller { overflow: hidden;width: 100%;margin-top: 20px;margin-bottom: 50px;}
.client-scroller li { display: block;width: 200px;background: #fff;height: 100px;box-shadow: 0px 1px 4px #ccc;margin: 10px;}
.clients .prev { float: left;margin-top: -120px;margin-left: -20px;z-index: 999;}
.clients .next { float: right;margin-top: -120px;margin-right: -20px;z-index: 999;}

.intro {padding: 80px 0px 80px 0px;}
.homepanels { background: #f6f6f6 url(/images/template/homepanels-bg.jpg) 50% 0 no-repeat;padding: 40px 0px 90px 0px;position: relative; }
.hpanel { text-align: center;background: #fff;padding: 30px 10px;}
.dot { border-radius: 50%;background: #0d4076;color: #fff;width: 100px;height: 100px;line-height: 100px;margin: auto;font-size: 32px;}

.footer { background: #3385BC;color: #fff;padding: 40px 0px 40px 0px;}
.footer h3 { color: #fff;}
.footer a { color: #fff;}
.base { background: #0d4076;color: #fff;text-align: center;padding: 20px;}

#homebar
{
	width:100%;
	height:360px;
	float:left;
	background: url(/images/template/lines.gif) repeat;
}


/* Fade */
ul#portfolio
{
	list-style:none;
	margin:0px;
	padding:0px;
	width:600px;
	height:250px;
	overflow:hidden;
}

.hero
{
	float:left;
	width:600px;
	height:250px;
}

.homecontent
{
	background: #F2FCFF url(/images/template/lines.gif);
	border-bottom: #E3ECF4 solid 1px;
}
.homecontent .inner
{
	margin-top:0px;
}

div.herofeature
{
	height: 250px;
	width: 600px;
}

div.herofeature h1
{
	color: #fff;
	width:400px;
	height: 26px;
	float:right;
	border-bottom:0px;
	font-size:1.4em;
}

div.herofeature p
{
	color: #fff;
	width:400px;
	height: 150px;
	float:right;
	font-size:1.2em;
	margin:5px;
}

div.herofeature a
{
	color: #eef;
}
div.herofeature .homemore
{
	width:400px;
	margin:5px;
	float:right;
	text-align:right;
}

.tagcloud
{
	width:335px;
	margin-left: 20px;
	height:250px;
	float:left;
	clear:right;
	color: #5DA0DA;
}
.tagcloud a
{
	color: #5DA0DA;
}

.tagcloud a:hover
{
	background: #5DA0DA;
	color:#fff;
	
}

.a
{
	font-size:10px;
}
.b
{
	font-size:12px;
}
.c
{
	font-size:14px;
}
.d
{
	font-size:16px;
}
.e
{
	font-size:18px;
}
.f
{
	font-size:22px;
}

.gray
{
	color: #666;
}

.green
{
	color: green;
}

.search-title
{
	color: #3385BC;
	font-weight: bold;
}

.postdetails
{
	font-size:11px;
	color: #bbb;
	text-transform:uppercase;
}
.postlist h2
{
	margin:5px;
	margin-top:20px;
}
.postlist p
{
	margin:5px;
}

.postdetails a
{
	color: #bbb;
}

.sociallinks
{
	clear:both;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
	background: #f2f2f2;
	padding:5px;
	text-align:right;
}

.rss-btn
{
	width:200px;
	height:30px;
	background: url(/images/template/rss-bg.gif) no-repeat right;
	color: #999;
	float:right;
	clear:both;
}
.rss-btn a
{
	float:left;
	margin:5px;
	margin-left:50px;
}

.rss-btn a
{
	color: #f60;
}
.column2
{
	text-align:right;
	margin-left:10px;
}

.column2 h2
{
	color: #bbb;
	border-bottom:solid 1px #eee;
}

.column2 ul
{
	margin:0px;
	padding:0px;
}

.column2 li
{
	color: #999;
	list-style:none;
}

.column2 li a
{
	color: #999;
}

.column2 li a:hover
{
	color: #666;
}

.mainform label
{
	display:block;
	float:left;
	text-align:right;
	margin-right:10px;
	width:180px;
}

/* home page panels */
.homesec
{ width:280px; float:left; margin-right:10px; padding-right:20px; background: #fff url(/images/template/home-div.gif) no-repeat right;
}
.homesec h2 { text-align:center; line-height:22px; margin:5px;}
.homesec img {float:left;}
.homesec p {float:right; width:210px; margin:0px;}

/* homepage client login */
.clientlogin label
{

}

.clientlogin input
{
    border-radius: 0px;margin-bottom: 2px;background: #5ea6d6;border: none;
}

/* Msgs */
.error_msg
{
	border: solid 1px #FFCC66;
	padding: 15px;
	padding-left: 65px;
	color: #C00;
	background: #FBF2C3 url(/Admin/Images/Icons/alert-large.png) left no-repeat;
}

/* Task System */
.tasktable
{
	background: #f2f2f2;
}

.tasktable th
{
	background:#3385BC;
	color: #fff;
}

.tasktable th a
{
	color: #fff;
}

.tasktable td.taskhead
{
	background:#ddd;
	font-weight:bold;
}
.tasktable td.taskhead2
{
	background:#eee;
	font-weight:bold;
}

/* blog */
.blogcomment
{
	border:solid 1px #e8e8e8;
	padding:5px;
	margin-bottom:5px;
}
.blogcommentalt
{
	border:solid 1px #e8e8e8;
	background: #efefef;
	padding:5px;
	margin-bottom:5px;
}

.group
{
	background: #C5D7E6;
	border:solid 0px #fff;
}

.group legend
{
	color: #0067AB;
	font-weight:bold;
	font-size:14px;
	
}

/* Image Gallery */
.imagegallery div
{
	float:left;
	border:solid 1px #ccc;
	margin:3px;
	padding:2px;
}

@media (max-width: 767px)
{
    h1 { font-size: 3em;}
    .contact-card { font-size: 1.4em;margin-bottom: 20px;}
    .carousel .item h1 {text-shadow: none;color: #fff;font-weight: 300;font-size: 1.6em;margin-top: 40px;}
    .carousel .item p {text-shadow: none;color: #fff; font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 1em;}
    .client-scroller { max-width: 90%;}
    .hpanel { margin-bottom: 20px;}
    .next, .prev { display: none;}
    .carousel-caption { z-index: 999;position: absolute;}
    .carousel-inner .item img { z-index: 9;}
}