/* blue -  006699 */
/* red - cc3300 */
/* yellow - ffcc33 */


body {
text-align: center;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
line-height:1.4;
background-color: #333;
margin:0;
padding:0;
}
a {
color:#006699;
text-decoration:none;
}
a:Hover {
text-decoration:underline;
}
a:Visited {
color:#006699;
}
h1 {
font-size: 14px;
color:#006699;
margin:0px 0px 10px 0px;
}
h1 span {
color:#333;
}
h2 {
font-size: 12px;
color:#006699;
padding:9px 0px 9px 0px;
margin:0px;
}
h3 {
font-size: 11px;
color:#333;
margin:10px 0px 10px 0px;
}
h4 {
font-size: 11px;
color:#333;
margin:10px 0px 10px 0px;
}
p {
margin:0px 0px 10px 0px;
}
img {
border:0;
}
.small {
font-size: 10px;
color:#777;
}
#main {
position:relative;
width: 842px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image:  url(images/body_bg.gif);
background-position:top middle;
background-repeat:repeat-y;
}

#header {
	position:relative;
	width: 842px;
	height:206px;
	background-image:  url(images/header_bg.gif);
	background-position:top middle;
	background-repeat:no-repeat;
}

#header .testimonials
{
	float: right;
	width: 500px;
	clear: both;
	color: #FFFFFF; /*#FDE101;*/
	margin-top: 10px;
	margin-right: 50px;
	font-size: 12px;
}


#header .testimonials cite
{
	float: right;
}


#main_menu {
position:absolute;
top:124px;
left:215px;
}
#main_menu a {
display:block;
font-weight:bold;
width:112px;
height:28px;
font-family: Trebuchet, Arial, Verdana, Geneva, sans-serif;
color:#006699;
font-size:13px;
padding-top:5px;
background-image:  url(images/tab_bg.gif);
background-position:top middle;
background-repeat:no-repeat;
text-align:center;
float:left;
}
#main_menu .selected {
color:#cc3300;
}
#main_menu a:Hover {
text-decoration:none;
color:#cc3300;
}

#content 
{
	position:relative;
	width: 842px;
}

#footer {
position:relative;
top:0;
left:0;
width:842px;
height:50px;
background-image:  url(images/footer_bg.gif);
background-position:top middle;
background-repeat:no-repeat;
text-align:center;
color:#ffcc33;
}
#footer span {
position:relative;
top:27px;
}
#footer a {
color:#ffcc33;
}

#portfolio, #portfolioHome {
position:absolute;
width:180px;
height:105px;
top:-1px;
left:600px;
background-image:  url(images/portfolio_bg.gif);
background-position:top middle;
background-repeat:no-repeat;
}

#portfolioHome {
	top:-38px;
}

.portfolio_item {
position:relative;
width:180px;
height:105px;
float:left;
background-image:url(images/portfolio_bg.gif);
background-position:top middle;
background-repeat:no-repeat;
}
#portfolio img, .portfolio_item img, #portfolioHome img {
position:relative;
top:1px;
left:3px;
}

#home_headings
{
	height: 10px;
}

#home_headings h1 {
position:absolute;
width:417px;
height:23px;
top: 15px;
left:109px;
background-image: url(images/home_h1_bg.gif);
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
padding:0;
margin:0;
}
#home_headings h2 {
position:absolute;
width:498px;
height:35px;
top:38px;
left:110px;
background-image: url(images/home_h2_bg.gif);
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
padding:0;
margin:0;
}

#portfolio_headings
{
	position:absolute;
	width:330px;
  text-indent:-9999px;
	padding:0;
	margin:0;
	top: 8px;
	left:109px;

}

#portfolio_headings h1
{
	background-image: url(images/portfolio_h1_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height: 35px;
}

#portfolio_headings h2 
{
	background-image: url(images/portfolio_h2_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin: 10px 0;
}

#portfolio_testimonials
{
	background-image: url(images/portfolio_testimonials.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width: 370px;
	height: 120px;
	padding:0;
	margin:0;
	left:410px;
	position:absolute;
	top: 10px;
}

#packages {
position:relative;
top:74px;
left:63px;
}
#package {
position:relative;
background-image: url(images/package_bg.gif);
background-position:top left;
background-repeat:no-repeat;
width:173px;
height:189px;
float:left;
margin-right:7px;
}
#package_long {
position:relative;
background-image: url(images/package_bg_long.gif);
background-position:top left;
background-repeat:no-repeat;
width:173px;
height:604px;
float:left;
margin-right:7px;
}

#package_medium {
position:relative;
background-image: url(images/package_bg_medium.gif);
background-position:top left;
background-repeat:no-repeat;
width:173px;
height:494px;
float:left;
margin-right:7px;
}

#package h1, #detail h1, #sub_content_header h1, #package_long h1, #package_medium h1
{
	position:absolute;
	top:6px;
	right:15px;
	text-align:right;
	font-family: Trebuchet, Arial, Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:18px;
}

#package h1 a, #package_long h1 a, #package_medium h1 a {
	color:#fff;
}

#portfolio_orderNow_top {
   position: absolute; 
	 top: -38px; 
	 right: 80px;
}

#portfolio_orderNow_bottom {
   position: absolute;
   right: 80px;
   bottom: 14px;
}

#info, #infoOrder {
position:absolute;
bottom:17px;
right:9px;
font-size: 14px;
font-weight:bold;
line-height:1.1;
}

#infoOrder {
	right:6px;
}

#price 
{
	position:absolute;
	bottom:14px;
	left:18px;
	text-align:right;
	font-family: Trebuchet, Arial, Verdana, Geneva, sans-serif;
	color:#cc3300;
	font-size:20px;
	font-weight:bold;
}

#price a {
color:#cc3300;
}

#package ul, #detail ul, #package_long ul, #package_medium ul {
position:absolute;
top:42px;
left:-5px;
margin:0;
padding-right:8px;
}

#package li, #detail li, #package_long li, #package_medium li {
list-style-image: url(images/tick.gif);
list-style-position:outside;
line-height:1.3;
margin:0;
padding:0;
}

*html #package ul, *html #detail ul, *html #package_long ul, *html #package_medium ul {
left:13px;
}
*html #package li, *html #detail li, *html #package_long li, *html #package_medium li {
list-style-image: url(images/tick2.gif);
text-indent: -17px;
padding-left: 17px;
}
#pimp {
position:relative;
top:8px;
left:32px;
width:125px;
height:17px;
background-image: url(images/pimp.gif);
background-repeat:no-repeat;
}
#details {
position:relative;
top:80px;
left:63px;
}
#detail {
position:relative;
background-image: url(images/detail_bg.gif);
background-position:top left;
background-repeat:no-repeat;
width:351px;
height:254px;
float:left;
margin-right:7px;
}
#detail li {
line-height:1.5;
}
#detail h1 {
font-size:18px;
top:7px;
}

#detail p {
position:relative;
top:42px;
margin:0 15px 10px 15px;
}

#one, #two, #three, #four {
position:relative;
left:13px;
background-position:center left;
background-repeat:no-repeat;
padding:5px 0 6px 26px;
width:300px;
float:clear;
}
#one {
margin-top:45px;
background-image: url(images/1_bg.gif);
}
#two {
background-image: url(images/2_bg.gif);
}
#three {
background-image: url(images/3_bg.gif);
}
#four {
background-image: url(images/4_bg.gif);
}

/* content area with white bg CSS */

#sub_content_header {
position:relative;
background-image: url(images/content_bg_top.gif);
background-position:top left;
background-repeat:no-repeat;
width:706px;
height:40px;
top:0px;
left:66px;
}

#sub_content_middle {
position:relative;
background-image: url(images/content_bg_mid.gif);
background-position:top left;
background-repeat:repeat-y;
width: 700px;
border:1px solid transparent;
margin:-1px;
top:0px;
left:66px;
padding:10px 15px 0px 15px;
}

*html #sub_content_middle {
border:0px;
margin:0px;
}

#sub_content_middle p, #sub_content_middle li {
margin-right:40px;
}

#sub_content_footer 
{
	position:relative;
	background-image: url(images/content_bg_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:706px;
	height:11px;
	top:0px;
	left:66px;
}

/* form CSS */

label {
width: 16em;
float: left;
text-align: left;
margin: 0 0 8px 0;
clear: both;
}
.input-box {
margin-bottom: 6px;
border-color: #006699; 
border-style:solid; 
border-width:1px;
}
input.btn {
background-color:#FFFFFF; 
border-color:#006699;
border-style:solid;
border-width:1px;
}

input.btnhov {
background-color:#CCCCCC;
border-color:#006699;
border-style:solid;
border-width:1px;
}
input.text {
background-color:#FFFFFF;
border-color:#006699;
border-style:solid;
border-width:1px;
}
#terms {
font-size:90%;
}

/*Order.php*/
.questions
{
	margin: -20px 0px 20px 330px;
}


/*Contact Us*/

#contact
{
	margin-left: 100px;
	width: 100%;
}

#contact label {
	width: 155px;
	display: block;	
	margin-bottom: 5px;
	text-align: right;
	padding-right: 5px;
	font-weight:: bold;
}

#contact input.txtfield, textarea.txtfield {
	width: 185px;
	float: left;
}


#packages_headings {
  position: static;
	margin-left: 80px; 
	margin-top: -30px; 
	margin-bottom: -40px;
}

#packages_buttons {
	position: absolute; 
	top: 108px; 
	right: 68px;
}

#how_buttons {
	position: relative; 
	left: 420px;
}

#errorAlertContact {	
	display: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
}

.errorLabel {
	color: #FF0000;
}

.googleCards {
	padding: 6px;
	margin-left: 324px;
	margin-top: 16px;
	height: 34px; 
	width: 184px; 
	display: block; 
	/*background-color:#FFFFFF; */

}