
/*
     #####################################
     #                                   #
     #   CREATED BY LINKIFY WEB DESIGN   #
     #  http://www.LinkifyWebDesign.com  #
     #                                   #
     #####################################
*/

@charset "utf-8";
/* CSS Document - Linkify Web Design */

body {
	background-image: url(img/bg.png);
	background-repeat: repeat;
}

img {
	border: none;
}

/* ---------------- THE BELOW ARE CONSTANTS TO REMAIN UNCHANGED TO FOLLOW THE TEMPLATE --------------- */

* {
	color: #111;
}

#header {
	width: 960px;
	height: 200px;
	background-image: url(img/header.png);
	background-repeat: no-repeat;
}

#logo {
	width: 260px;
	height: 140px;
	float: left;
	clear: right;
	text-align: center;
}

#random_banner {
	width: 530px;
	float: right;
}

#google_search {
	width: 480px;
	float: right;
}

#navbar {
	width: 960px;
	clear: both;
	padding-top: 10px;
}

#sidebar_left {
	background-image: url(img/side_left.png);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	line-height: 1.7;
	font-weight: bold;
}

#sidebar_left a {
	color: #2474ff;
	font-size: 12px;
	font-weight: bold;
}

#sidebar_left a:hover {
	color: #0010bd;
	font-size: 12px;
	font-weight: bold;
}

#content {
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4;
}

#content a {
	color: #2474ff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover {
	color: #0010bd;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

#content_right {
	width: 768px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4;
}

#content_right a {
	color: #2474ff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#content_right a:hover {
	color: #0010bd;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

#content_img {
	width: 768px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4;
}

#content_img a {
	color: #2474ff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#content_img a:hover {
	color: #0010bd;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

#content_img img {
	border: 1px solid black;
}

#sidebar_right {
	background-image: url(img/side_right.png);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	line-height: 1.7;
	font-weight: bold;
}


#sidebar_right a {
	color: #2474ff;
	font-size: 12px;
	font-weight: bold;
}

#sidebar_right a:hover {
	color: #0010bd;
	font-size: 12px;
	font-weight: bold;
}

#footer {
	width: 960px;
	height: 150px;
	background-image: url(img/footer.png);
	background-repeat: no-repeat;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer a {
	color: #222;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: #0010bd;
	text-decoration: underline;
	font-weight: bold;
}

/** This is for the navbar **/


.home, .process, .pricing, .packages, .blog, .team, .portfolio, .contact {
	background-image: url(img/linkify_nav.png);
	background-repeat: no-repeat;
	display: block;
	width: 54px;
	height: 40px;
}

.home {
	background-position: 0px 0px;
}
.home:hover {
	background-position: 0px -40px;
}
.home:active {
	background-position: 0px -80px;
}

.process {
	background-position: -54px 0px;
}
.process:hover {
	background-position: -54px -40px;
}
.process:active {
	background-position: -54px -80px;
}

.pricing {
	background-position: -125px 0px;
}
.pricing:hover {
	background-position: -125px -40px;
}
.pricing:active {
	background-position: -125px -80px;
}

.packages {
	background-position: -198px 0px;
}
.packages:hover {
	background-position: -198px -40px;
}
.packages:active {
	background-position: -198px -80px;
}

.blog {
	background-position: -270px 0px;
}
.blog:hover {
	background-position: -270px -40px;
}
.blog:active {
	background-position: -270px -80px;
}

.team {
	background-position: -320px 0px;
}
.team:hover {
	background-position: -320px -40px;
}
.team:active {
	background-position: -320px -80px;
}

.portfolio {
	background-position: -377px 0px;
}
.portfolio:hover {
	background-position: -377px -40px;
}
.portfolio:active {
	background-position: -377px -80px;
}

.contact {
	background-position: -445px 0px;
}
.contact:hover {
	background-position: -445px -40px;
}
.contact:active {
	background-position: -445px -80px;
}
