/* style.css */

/* Written by Goodtravel Web Designs - Jeremy Buenviaje */

/* ********* Begin XHTML Selectors ********* */

/* Removes Browser Styles */
html, body, h2, h3, pre, ul {	
   margin:0px;
   padding:0px; 
   font-size: 100%;
   font-weight: inherit;
   font-style: inherit;
}

body {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 12px;
   color: #333;
   background-color: #5d636b;
}

p {
   margin:0px;
   padding:0px 0px 20px 0;
}

p.hometext {	
   margin:10px 0 0 0;
   padding:  0px; 
   font-size: 100%;
   font-weight: inherit;
   font-style: inherit;
}

p.callout {	
   margin:2px 0 20px 0;
   padding:  0px; 
   font-size: 100%;
   font-weight: inherit;
   font-style: inherit;
   color: #666;
   background-color: transparent;
   text-align: left;
   line-height: 18px;
}


h1 {	
   margin:0px;
   padding:0px 0px 20px 0; 
   color: #5c636b;
   font-size: 24px;
   font-weight: bold;
   font-style: inherit;
   text-transform: capitalize; 
}

h1.blog {
padding-bottom:5px;
}

h2 {
	margin:0px;
	padding:0px 0px 10px 0;
	color: #8a9fb6;
	font-size: 16px;
	font-weight: bold;
	font-style: inherit;
}

h2.callout {
	color: #8a9fb6;
	font-size: 16px;
	font-weight: bold;
	font-style: inherit;
}

img {
border: 0px;
}

a {
	text-decoration: none; 
	color:#7e8e9e;
}

a:hover {
	text-decoration: underline; 
	color:#7e8e9e;
}

a.portfolio {
	text-decoration: underline; 
	color:#333;
}

a.portfolio:hover {
	text-decoration: none; 
	color:#333;
}


.greenButton a {
	text-decoration: none; 
	font-weight:bold;
	color:#fff;
	background-color:transparent;
}

.greenButton a:hover {
	text-decoration: none;
	font-weight: bold; 
	color:#fff;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

a.footer {
	text-decoration: none; 
	color:#fff;
}

a.footer:hover {
	text-decoration: underline; 
	color:#fff;
}

a.callout {
	text-decoration: none; 
	color: #8a9fb6;
	font-size: 16px;
	font-weight: bold;
	font-style: inherit;
}

a:hover.callout {
	text-decoration: underline; 
	color: #8a9fb6;
	font-size: 16px;
	font-weight: bold;
	font-style: inherit;
}

caption {
	padding: 0 0 5px 0;
	width: 950px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #b4cfec url(img/bg_header.jpg) no-repeat;
}

/* BEGIN FORMS  */

#contactForm label
{
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

input, textarea, select
{
color: #666666;
background: #ffffff;
border: 1px solid #c7ddee;
}

#customForm label
{

float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}


/* END FORMS */


/* ********* End XHTML Selectors ********* */

/*------------
  BLOG
-------------*/

#viewBlog a, #viewBlog a:hover, #viewBlog a:active{
font-size:1.2em;
font-weight:bold;
}

#viewBlog {
padding-bottom:30px;	
}

hr {
clear:both;
margin: 25px 0 35px 0;	
}


/* ********* Begin Class Selectors ********* */



.floatRight {
float:right;
}

.floatLeft {
float:right;
}

.floatCenter {
text-align: center;
}

.arrowBlue {
position: relative;
width: 22px; 
height: 23px;
}

.imgTrans a:hover img {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
}

img.serviceIcon {
float: left;
margin:0 20px 0 0;
width: 32px;
height: 32px;
}

img.floatLeft {
float: left;
border-style:solid; 
border-width:3px; 
border-color:#5d636b;
margin-right:20px;
}

img.floatRight {
float: right;
border-style:solid; 
border-width:3px; 
border-color:#5d636b;
margin-left:20px;
}

img.profilePhoto {
position: absolute;
top:235px;
left: 25px;
width: 205px;
height:311px;
margin-right: 25px;
border-style:solid; 
border-width:3px; 
border-color:#5d636b;
}

img.aboutPhoto {
width: 175px;
height:191 px;
border-style:solid; 
border-width:3px; 
border-color:#5d636b;
margin-top:20px;
}


img.homeMoney { 
position: absolute;
left:690px;
top:230px;
width: 280px;
width: 64px;
height:64px;
}

img.homePortfolio {
position: absolute;
left:690px;
top:358px;
width: 64px;
height:64px;
}


img.homeContact {
position: absolute;
left:690px;
top:465px;
width: 280px;
width: 64px;
height:64px;
}


.homeText {
position: relative;
width: 370px; 
line-height: 24px;
text-align: justify;
margin-left: 280px;
}

.homeCallout {
position: absolute;
left:750px;
top:230px;
width: 200px;
margin-left: 20px; 
line-height: 20px;
}


.thumbnail
{
float: left;
width: 300px;
border: none;
text-align:center;
text-decoration: none;
border: 2px solid #5d636b;
background-color: transparent;
margin: 0 0 15px 0;
}

.post	{	
	position:relative;
	width:950px;
}

.leftPost {
	border-bottom:1px dashed #333;
	left:0;
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative;
	top:0;
	width:300px;
}

.midPost {	
	border-bottom:1px dashed #444;
	left:325px;
	margin-bottom:20px;
	padding-bottom:20px;
	position:absolute;
	top:0;
	width:300px;
}

.rightPost {	
	border-bottom:1px dashed #444;
	left:650px;
	margin-bottom:20px;
	padding-bottom:20px;
	position:absolute;
	top:0;
	width:300px;
}

.postText	{
	color:#676767;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-style:italic; 
}

.postPadding {	
	line-height:2em;
	padding-bottom:5px;
}

.postBackToTop{	
	left:286px;
	position:absolute;
}

h1.postTitle	{
	font-size: 18px;
	margin: 0 0 0 0;
}

.postSection {
	color:#99bfe5;
	background-color: transparent;
	font-size:24px;
	font-weight:bold; 
	padding: 0px 0 25px 0;
}

th.checkCol {
	width:70px;
}

th.nobg1 {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
}

th.nobg2 {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}


td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.hr {
	background: #93afcd;
	color: #fff;
	text-transform: capitalize; 
}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	width:200px;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(img/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	width:200px;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(img/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.greenButton {
	width: 167px;
	height: 39px;
	color: #fff;
	background-color: transparent;
	text-align:center;
	background-image: url('img/greenButton.gif');
	background-repeat: no-repeat;
	font-size: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:9px 0 0 0;
	margin:10px 0 0 0;
}

.aboutText {	
   	position: relative;
	width: 700px; 
	line-height: 24px;
	text-align: justify;
}

ul.homelist {
	width: 185px;
	float: left;
	list-style: none;
	margin-bottom: 30px;
}
	ul.homelist li {
		margin-bottom: 5px;
		padding: 2px 0 2px 23px;
		font-size: 12px;
	}
		ul.homelist li.facebook { background: url(img/icons/facebook.gif) no-repeat left; }
		ul.homelist li.aol { background: url(img/icons/aol.gif) no-repeat left; }
		ul.homelist li.linkedin { background: url(img/icons/linkedin.gif) no-repeat left; }
		ul.homelist li.wordpress { background: url(img/icons/wordpress.gif) no-repeat left;}
			ul.homelist li.twitter { background: url(img/icons/twitter.gif) no-repeat left;}
		
	ul.homelist li a {
		color: #333;
		text-decoration: none;
	}
	ul.homelist li a:hover, ul.homelist li a:focus {
		color: #99bfe4;
	}

.testimonialBlock {	
   	position:relative; 
	line-height: 20px;
	margin:40px 50px 75px 50px;
	text-align:justify;
}

.testimonialLeft {
	position: absolute;
	width:42px;
	height:38px;	
    top:-10px;
	left:-50px;
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2;
}

.testimonialRight {
	position: absolute;
	width:42px;
	height:38px;	
    bottom:-10px;
	right:-50px;
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2;
}


.callActionRight {
height: 23px;
font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
line-height: 1.5em;
font-weight: bold;
font-size: 12px;
text-align: right;
padding-right: 27px;
padding-top: 5px;
vertical-align:middle;
color: #333;
background-color: transparent;
background-image: url('img/arrowBlue.gif');
background-repeat: no-repeat;
background-position:right; 
}




.callActionLeft {
height: 23px;
font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
line-height: 1.5em;
font-weight: bold;
font-size: 12px;
text-align: left;
padding-left: 27px;
padding-top: 5px;
vertical-align:middle;
color: #333;
background-color: transparent;
background-image: url('img/arrowBlue.gif');
background-repeat: no-repeat;
background-position:left; 
}

.callActionRight a {
	text-decoration: none; 
	color:#5c636b;
}

.callActionRight a:hover {
	text-decoration: underline; 
	color:#5c636b;
}

.callActionLeft a {
	text-decoration: none; 
	color:#333;
}

.callActionLeft a:hover {
	text-decoration: underline; 
	color:#333;
}



.screenshotArrow {
display:block;
height: 24px;
font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
line-height: 1.5em;
font-weight: bold;
font-size: 12px;
text-align: left;
padding-left: 27px;
padding-top: 5px;
vertical-align:middle;
color: #333;
background-color: transparent;
background-image: url('img/screenshotArrow.gif');
background-repeat: no-repeat;
background-position:left; 
}



/* ********* End Class Selectors ********* */

/* ********* Begin ID Selectors ********* */


#mytable {
	width: 950px;
	padding: 0;
	margin: 0;
}


#siteBack {
position: relative; 
width: 100%;
margin: 0 auto; 
color: #333;
background-color: #dceafa;
background-image: 
url('img/bg.jpg');
background-repeat: repeat-x;

}

#wrapper {
position: relative; 
width: 1000px; 
top:0px;
margin: 0 auto; 
padding-bottom: 25px;
text-align: left; 
padding-top: 230px;
}

#subWrapper {
position:relative;
left: 25px;
width: 950px; 
margin: 0; 
padding: 0;
}


#logo {
position: absolute;
top: 0px;
left: 0px;
width: 411px; 
height: 191px;
}

#slogan {
position: absolute;
top:0px;
right: 15px;
width: 336px; 
height: 68px;
}

img#menuLeft {
position: absolute;
top: 68px;
right: 568px;
width: 4px; 
height: 138px;
}

img#menuRight {
position: absolute;
top: 68px;
right: 0px;
width: 4px; 
height: 138px;
}

#navcontainer{
position: absolute;
width: 564px;
height: 34px;
right:4px;
top:68px;
color: #151112;
background-color: #e7e7e8;
background-image: 
url('img/menuBack.jpg');
background-repeat: repeat-x;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 34px;
}

ul#navlist {
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-family: "Trebuchet MS", Helvetica , sans-serif;
font-weight: bold;
}

#navlist li{
display: inline;
}

#navlist a:link, #navlist a:visited{
padding: 7px 15px 9px 15px;
border-left-style: solid;
border-left-width: 1px;
border-color: #c1cedd;
color: #5c636b;
background-color: transparent;
text-decoration: none;
}

#navlist #first a:link, #navlist #first a:visited{
border-style: none;
}

#navlist a:hover{
color: #ffffff;
background-color: transparent;
text-decoration: none;
}

#testimonial{
position: absolute;
width: 564px;
height: 104px;
right:4px;
top:102px;
color: #333333;
background-color: transparent;
background-image: url('img/testimonialBack.jpg');
background-repeat: repeat-x;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}





#testimonialText{
vertical-align: middle;
height: 104px;
border-spacing: 0px;
border: 0px;
padding: 16px 14px 0px 14px;
margin: 0px;
font-family: "arial";
line-height: 1.5em;
font-style: italic;
font-size: 10px;
text-align: right;
}


#postMenu ul {
	
	margin-left: -25px;
	margin-top: 25px;
	margin-bottom: 25px;
	
}

#postMenu ul li {
	display:inline;
	list-style-type:none;
	margin-left: 25px;
}

#postMenu ul li a {	
	color:#7e8d9e; 
	font-size:1.2em; 
	text-transform:uppercase; 
	font-weight:normal; 
	text-decoration:none; 
}

#postMenu ul li a:hover	{	
	color:#7e8d9e; 
	text-transform:uppercase; 
	font-weight:normal; 
	text-decoration:underline; 
}


#aboutMenu {
	position: absolute;
	left:750px;
	top:5px;
	width: 200px;
	line-height: 20px;
}

#blogRight {
	position: absolute;
	left:750px;
	top:5px;
	width: 200px;
	line-height: 20px;
}

#blogLeft {	
   	position: relative;
	width: 700px; 
	line-height: 24px;
	text-align: justify;
}


#contactLeft {	
   	position: relative;
	width: 400px; 
	line-height: 20px;
	text-align: justify;
	margin-top:25px;
	margin-left: 50px;
}

#contactRight {
	position: absolute;
	right:0px;
	top:85px;
	width: 400px;
	line-height: 20px;
	text-align: justify;
	margin-top:25px;
}

#customQuoteContainer {
position: relative; 
width: 800px; 
margin: 0 100px 0 100px;
}

#footer {
clear: both;
width: 100%;
height: 121px;
color: #fff;
background-color: #5d636b;
background-image: 
url('img/bottomBar.jpg');
background-repeat: repeat-x;
bottom: 0;
}

#footerWrapper {
position: relative;
width: 950px; 
top:0px;
margin: 0 auto; 
text-align: left;
font-family: "Trebuchet MS", Helvetica , sans-serif;
line-height: 18pt;
font-size: 12px;
}

#footerLeft {
position: absolute;
padding-top: 20px;
top: 0px;
left: 0px;
}

#footerRight {
position: absolute;
padding-top: 20px;
top:0px;
right: 0px;
}

/* ********* End ID Selectors ********* */