/*
Theme Name: PSI Technology 
Theme URI: http://psitechnology.com/
Description: Theme for PSI Technology's site.
Version: 1.0
Author: Designed by Tina Messinger, implemented by Scott Phillips
Author URI: http://tinamessinger.com/
Tags: cool fun awesome
*/ 

/********* Reset ************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, big, cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, strong,
tt, var, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { 
	list-style: none;
}
blockquote, 
q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear: both;
}

/*****************************
    Basic tags
******************************/

h1, h2, h3, h4 {
	font-weight: bold;
	margin: 20px 0 5px 0;
	clear: both;
}
h1 a, h1 a:visited, h2 a, h2 a:visited, 
h3 a, h3 a:visited, h4 a, h4 a:visited
{
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
	text-decoration: underline;
}
h1, h1 a {
	font-size: 2em;
	border-bottom: 1px solid #666666;
	color: #666666;
	padding: 5px 0 0 0;
}
h2, h2 a {
	color: #BB9C67;
	font-family: georgia;
	font-size: 1.5em;
	font-style: italic;
	padding: 5px 0 0 0px;
}
h3, h3 a{
	font-size: 1.25em;
	clear: none;
}
h4, h4 a {
	color: #9CAFBA;
	font-size: 1.10em;
	font-family: georgia;
	font-style: italic;
	padding: 5px 0 0 10px;
	clear: none;
}
a {
	color: #993399;
	text-decoration: none;
}
a:visited {
	color: #993399;
	text-decoration: none;
}
a:hover {
	color: #993399; 
	text-decoration: underline;
}
small {
	font-size:0.9em;
	line-height:1.5em;
}
small a {
	font-size:0.9em;
	line-height:1.5em;
}
ul {
	list-style: disc;
	padding-left: 30px;
	list-style-position: inside;
	display: inline-block;
}
ol {
	list-style: decimal;
	padding-left: 30px;
	list-style-position: inside;
	display: inline-block;
}
p {
	margin: 10px 0 10px 0;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
blockquote {
	border-left: 5px solid #485863;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
}
pre {
        -moz-border-radius-bottomleft:3px;
        -moz-border-radius-bottomright:3px;
        -moz-border-radius-topleft:3px;
        -moz-border-radius-topright:3px;
	border: 2px solid #485863;
	/*background-color: #F3E5C0;*/
	background: url("http://cdn.petrosys.com/wp-content/themes/psitechnology-theme/images/content_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	padding: 10px;
}
table {
	border: 1px solid #485863;
	width: 80%;
	margin: 20px auto;
	padding: 10px;
	background: #f6e7cd;
	clear: both;
}
th,td {
	padding: 10px;
	border: 1px dashed #485863;
}
th {
	text-align: right;
	vertical-align: top;
}




/***********************
    Page & Header
************************/

body {
	background: url("http://cdn.petrosys.com/wp-content/themes/psitechnology-theme/images/bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	font-family: Arial, Verdana;
	font-size: 16px;
	color: #666666;
}
#page {
	position: relative;
	width: 1000px;
        margin: auto auto;
}

#header {
	height: 355px;
}

#headerlogo {
	position: absolute;
	top: 35px;
	left: 10px;
}
#headerline {
	position: absolute;
	top: 100px;
        left: 0px;
}
#headersubname {
	position: absolute;
	top: 115px;
	left: 10px;
	color: #CCCCCC;
	font-size: 1em;
}
#headerphone1 {
	position: absolute;
	top: 75px;
	right: 300px;
	text-align: right;
	font-size: 1.5em;
	color: #BB9C67;
}
#headerphone2 {
	position: absolute;
	top: 115px;
	right: 300px;
	text-align: right;
	font-size: 1em;
	color: #CCCCCC;
}
#headermessage {
	position: absolute;
	top: 190px;
	left: 55px;
	width: 530px;
	font-family: Georgia;
	font-style: italic;
	font-size: 1.6em;
	font-weight: 100;
	letter-spacing:1px;
	color: #9CAFBA;
}

#headerphoto {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: -1;	
}

#headermenu {
	position: absolute;
	top: 324px;
	left: 16px;
}

#headermenu ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding-left: 0;
}

#headermenu li {
	float: left;
}

#headermenu a {
	font-family: Verdana;
	font-size: 1em;
	font-weight: lighter;
	padding: 5px 15px 0 15px;
	color: #CCCCCC;	
	display: block; 
	height: 26px;
}
#headermenu a:hover {
	background: #9f8359;
	text-decoration: none;
}
#headermenu li.selected {
	position: relative;
}
#headermenu li.selected a {
	background: #BC9B6A;
}
#headermenu li.selected a:hover {
        background: #9f8359;
}
#headermenu li.selected img {
	position: absolute;
	top: 31px;
	right: 10px;
}




/***********************
    Sidebar & Footer
************************/

#sidebar {
	position: absolute;
	top: 470px;
	right: 0px;
	width: 175px;
}

#sidebar h4 {
	margin-left: 10px;
}

.agreement {
	clear: both;
	margin: 10px auto;
	text-align: center;
	font-size: 10px;
	width: 150px;
}

.agreement a {
	text-decoration: none;
	color: #999999;
}

.agreement a:hover .agreement-desc {
	text-decoration: underline;
}

#footer-page {
	clear: both;
	width: 770px;
	margin: 16px;
	text-align: center;	
}

#footer {
	clear: both;
	background: url("http://cdn.petrosys.com/wp-content/themes/psitechnology-theme/images/content_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	width: 770px;
	margin-left: 16px;
	margin-right: 16px;
	height: 300px;
	padding: 15px;
}
#footercopy p {
	color: #999999;
	margin: 0 0 0 15px;
	padding: 0;
}
#footercopy a {
	color: #999999;
}

#footerline {
	padding: 10px 0 0 0;
}

#footermenu ul {
        list-style-position: outside;
        list-style-type: none;
        margin: 0px;
	padding-left: 0;
}
#footermenu li {
        float: left;
	padding: 5px 15px;
}
#footermenu a {
        color: #333333;
}
#footerbar {
	clear: both;
	width: 800px;
	height: 10px;
	margin-top: 50px;
	margin-left: -15px;
	background-color: #485863;
}

/***********************
    Content
************************/

#contentwrapper {
	
}

#contentleft {
	float: left;
	background: url("http://cdn.petrosys.com/wp-content/themes/psitechnology-theme/images/shadow_left.png") no-repeat top right;
	width: 16px;
	height: 237px;
}
#contentright {
	float: left;
        background: url("http://cdn.petrosys.com/wp-content/themes/psitechnology-theme/images/shadow_right.png") no-repeat top left;
        width: 16px;
        height: 237px;
}

#content {
	float: left;
	background: url("http://cdn.petrosys.com/wp-content/themes/psitechnology-theme/images/content_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	width: 700px;
	margin: auto auto;
	padding: 15px 50px;
	min-height: 350px;
}

#page-title {
	font-size:1.6em;
	font-style:italic;
	font-weight:100;
	letter-spacing:1px;
}


/**********************
   Page/Post styles
***********************/

#content ul.submenu {
        list-style-position: outside;
        list-style-type: none;
	margin: 10px 5px;
	padding-left: 0;
}

#content ul.submenu li {
	font-size: 1em;
	line-height: 32px;
}

#content ul.submenu a {
	color: #333333;
}

#content img {
	margin: 15px;
}

#content img.border {
	border: 1px solid #CCCCCC;
}

.wp-caption-text {
	margin: 0 15px;
	padding: 10px;
	background-color: #c7d9e3;
	border: 1px dotted #9CAFBA;
}


/**********************
   Contact Form
***********************/
.contact-form label {
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 10px;
}

.contact-form textarea {
	width: 288px;
}

.contact-form .wpcf7-submit {
	margin-left: 130px;
}



/**********************
   Contact Form
***********************/
.directions {
	float: right;
	width: 350px;
	padding: 0 25px;
	text-align: center;
}

.address {
	text-align: left;
	margin: 10px auto;
	width: 170px;
	
	font-size: 0.85em;
}


http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Suite+390+5909+West+Loop+South+Bellaire,+TX+77401+&aq=&sll=37.0625,-95.677068&sspn=75.873254,118.564453&ie=UTF8&hq=&hnear=5909+West+Loop+S,+Bellaire,+Texas+77401&ll=29.745898,-95.440292&spn=0.149042,0.205994&z=11&output=embed