@charset "utf-8";
/* CSS Document */
body  {
	margin: 0; 
	padding: 0;
	background: url(../images/bg.gif) no-repeat center fixed #e9e9e9;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 21px;
	color: #222;
}

#container {
	margin: 0 auto; 
	padding: 0 5px; 
	width: 960px;
	background: url(../images/bg_temp.gif) no-repeat;
}

#call {
	float: right;
	margin-right: 14px;
	color: #FFF;
	font-size: 12px;
	background: url(../images/bg_call.gif) no-repeat;
	padding: 4px 50px;
}
#call a, #call a:active, #call a:visited {
	color: #d0ff6f;
	font-size: 12px;
	text-decoration: none;
}

#call a:hover {
	color: #a5d14a;
	text-decoration: underline;
}

#header {
	height: 75px;
	width: 940px;
	padding: 30px 15px 0 10px;
	/*border: 1px solid #ff0000;*/
}

#banner {
	background: url(../images/bg_banner.gif) no-repeat; 
	padding: 8px 54px 8px 8px;
	height: 320px;
}

#mainContent {
	padding: 10px 30px;
	background: none;
}

#footer {
	background: #121212; 
	text-align: center;
	color: #636363;
	font: 11px;
	padding: 25px;
	margin: 0;
	border-top: 1px solid #373737;
}

img {
	border: none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.title {
	border-bottom: 1px solid #D7D7D7; 
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #444;
}

/* HOME PAGE */

a.more { font-size: 12px; color: #b72d5b; text-decoration: none; }
a.more:hover { text-decoration: underline; }

a:active { outline: none; }

.pkgContainer { background: url(../images/bg_packages.gif) no-repeat; vertical-align: top; padding: 15px 0 0 25px; }
.pkgMainTitle { font-size: 18px; font-weight: bold; color: #444444; text-indent: 52px; padding: 22px 0 10px 0; border-bottom: 1px solid #D7D7D7; }
.pkgTitle { font-size: 16px; font-weight: bold; color: #444444; text-indent: 32px; padding: 6px 0 2px 0; }
.pkgItems { width: 220px; height: 165px; line-height: 19px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 6px 0 8px 0; padding: 12px 0 0 20px; }
.pkgItems ul { margin: 0; padding: 0; /* list-style-image: url(../images/bullet_home_package.gif);*/}

#pageTitle { background: url(../images/bg_page_title.jpg) no-repeat; padding: 50px 8px 8px 56px; height: 68px; color: #FFF; font-size: 26px; font-weight: bold; margin-bottom: 7px; }
#pageTitle1 { background: url(../images/bg_page_title.jpg) no-repeat; padding: 12px 8px 0px 26px; height: 120px; color: #FFF; font-size: 26px; font-weight: bold; margin-bottom: 7px; }


/********** contact form **********/
#contactform { margin:0; padding:5px 10px; color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 180px;}
#contactform label { margin:0; width:180px; display:block; padding:10px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:430px; border:1px solid #D2D2D2; margin:10px 0; padding:5px 2px; height:18px; background:#FAFAFA; float:left; font-size: 13px; }
#contactform textarea { width:430px; border:1px solid #D2D2D2; margin:10px 0; padding:2px; background:#FAFAFA; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}

/* Global */
a.col_r, a.col_r:active, a.col_r:visited { text-decoration: none; }
a.col_r:hover {  }

#columnRight { float: right; width: 220px; }
#columnRight .ttl { background: url(../images/bg_col_r_li.gif) bottom no-repeat; text-indent: 20px; font-size: 17px; font-weight: bold; color: #316d09; padding-bottom: 5px; }
#columnRight ul { margin: 0; padding: 0; line-height: 34px; list-style: none; }
#columnRight ul li { display: block; background: url(../images/bg_col_r_li.gif) bottom no-repeat; padding-left: 20px; }
#columnRight ul li a, 
#columnRight ul li a:active, 
#columnRight ul li a:visited { text-decoration: none; color: #333; background: url(../images/bullet_col_r.gif) left no-repeat; padding-left: 20px; }
#columnRight ul li a:hover { text-decoration: underline; color: #316d09; background: url(../images/bullet_col_r_hover.gif) left no-repeat; }

/* About Us */
a.gen, a.gen:active, a.gen:visited { font-size: 13px; color: #c73968; text-decoration: none; }
a.gen:hover { text-decoration: underline; }

/* Packages */

.package_table { border: solid 3px #bbb; font-size: 12px; margin-bottom: 40px; }
.package_table h2 { font-size: 18px; font-weight: bold; }
.package_table th { border-bottom: solid 1px #bbb; }
.package_table th, .package_table td { padding: 8px; }
.package_table .purpose, .package_table .service { margin: 3px; }
.package_table .purpose { color: #316d09; }
.package_table .service { color: #7ca734; }
.package_table .cell { border-left: solid 1px #bbb; }
.package_table .row .last { border-bottom: solid 1px #bbb; }
.package_table tr.odd { background: #f3f3f3; }
a.request_quote {
	background: url(../images/btn_request_quote.gif) left top;
	height:39px;
	width: 234px;
	float: left;
	margin: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}

.request_quote:hover {
	background: url(../images/btn_request_quote_hover.gif) left bottom;
}

/* Case Studies */

.csTitle { font-size:15px; font-weight: bold; margin-top: 20px; margin-bottom: 8px; }


/* Web Design Portfolio */
.thumb { border: 4px solid #f0f0f0; margin-bottom: 5px; }
.pfTitle { font-size: 16px; font-weight: bold; color: #333333; line-height:130%; margin-bottom: 7px; }
a.url, a.url:active, a.url:visited  { color: #6aa81b; font-size: 12px; font-weight: normal; text-decoration: none; }
a.url:hover { text-decoration: underline; }