/*  
Theme Name: Clearwave
Theme URI: http://www.blacklotusweb.com/
Description: Created especially for use on Blacklotusweb.com from templatemonster template #10397
Version: 1.0
Author: Dallin Harris
Author URI: http://www.blacklotusweb.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

/* Clearwave Modifications */
html { height: 100%; }

body
{
	background-color: #000033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	margin:0px;
	padding:0;
	color:#eee;
	height: 100%;
}

a:link { color: #5b89c5; font-weight: normal; text-decoration: none; }

a:visited { color: #5b89c5; font-weight: normal; text-decoration: none }

a:hover { color: #5b89c5; font-weight: normal; text-decoration: underline; }

p {margin: 0px; padding: 0px; margin-bottom: 15px;}

img {border: none; clear: both;}

h1 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin: 0px; padding: 0px;}

h2 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 15px; position: relative; top: -5px;}

ul {color: #bbb; text-align: left;}

.documentFrame
{
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
}

.documentFrameTop
{
	border-top: 10px solid #fff;
	margin-top: 20px;
}

.documentFrameBottom
{
	border-bottom: 10px solid #fff;
	margin-bottom: 20px;
}

.headerContainer
{
	width: 760px;
	height: 431px;
	background-image:url(images/header_black_lotus_web_design.jpg)
}

.telephoneNumber
{
	float: right;
	padding-top: 15px;
	padding-right: 35px;
	font-size: 10px;
	width: 170px;
}

.telephoneNumber .telephoneLabel
{
	float: left;
	width: 70px;
	text-align: right;
}

.telephoneNumber .telephoneValue
{
	float: right;
	width: 100px;
	text-align: right;
}

.blackLotusTitle
{
	width: 390px;
	margin-top: 190px;
	margin-left: 35px;
}

.blackLotusTitle #titleContainer
{
	width: 442px;
	height: 36px;
	background: url(images/skyhook_internet_marketing.jpg);
}

/* navigation links */

.navContainer
{
	width: 400px;
	height: 21px;
	margin-left: 36px;
	margin-top: 12px;
}

.navContainer a
{
	cursor: hand;
}

.navContainer a div
{
	background: url(images/navigation.jpg);
}

.navContainer a #aboutUsContainer
{
	width: 82px;
	height: 21px;
	float: left;
	background-position: 0px;
}

.navContainer a:hover #aboutUsContainer
{
	background-position: -397px;
}

.navContainer #navDivider1
{
	width: 14px;
	height: 21px;
	float: left;
	background: url(images/navigation.jpg);
	background-position: -82px;
}

.navContainer a #portfolioContainer
{
	width: 52px;
	height: 21px;
	float: left;
	background-position: -96px;
}

.navContainer a:hover #portfolioContainer
{
	background-position: -493px;
}

.navContainer #navDivider2
{
	width: 14px;
	height: 21px;
	float: left;
	background: url(images/navigation.jpg);
	background-position: -148px;
}

.navContainer a #servicesContainer
{
	width: 74px;
	height: 21px;
	float: left;
	background-position: -162px;
}

.navContainer a:hover #servicesContainer
{
	background-position: -559px;
}

.navContainer #navDivider3
{
	width: 14px;
	height: 21px;
	float: left;
	background: url(images/navigation.jpg);
	background-position: -236px;
}

.navContainer a #contactsContainer
{
	width: 76px;
	height: 21px;
	float: left;
	background-position: -250px;
}

.navContainer a:hover #contactsContainer
{
	background-position: -647px;
}

.navContainer #navDivider4
{
	width: 14px;
	height: 21px;
	float: left;
	background: url(images/navigation.jpg);
	background-position: -326px;
}

.navContainer a #blogContainer
{
	width: 57px;
	height: 21px;
	float: left;
	background-position: -340px;
}

.navContainer a:hover #blogContainer
{
	background-position: -737px;
}

/* body */

.bodyContainer
{
	width: 760px;
	background: url(images/right_bg.jpg) right top no-repeat;
	background-color: #003b89;
}

.bodyContent
{
	padding: 0px 50px 50px 50px;
}

.contentDividerTop
{
	width: 11px;
	height: inherit;
	background:url(images/vertical_bar_top.jpg) top no-repeat;
}

.contentDividerBottom
{
	width: 11px;
	height: inherit;
	background:url(images/vertical_bar_bottom.jpg) bottom no-repeat;
}

/* footer */

.footerContainer
{
	clear: both;
	width: 760px;
	height: 67px;
	background-color: #003b89;
}


.footerText
{
	color: #6c93ca;
	float: left;
	margin-left: 25px;
	height: 67px;
	width: 300px;
	background:url(images/footer_bg.jpg) bottom left no-repeat;
}

.footerText div
{
	font-size: 12px;
	margin-top: 20px;
	margin-left: 20px;
}

.footerDesign
{
	float: right;
	width: 106px;
	height: 40px;
	margin-right: 50px;
	background: url(images/footer_barcode.jpg) right top no-repeat;
}

/* Page specific modifications -- home */

#home .content1
{
	float: left;
	width: 300px;
}

#home .contentDividerBottom
{
	height: 320px;
}

#home .contentDivider
{
	float: left;
	width: 10px;
	height: inherit;
	margin: 0px 15px 0px 15px;
	background: url(images/vertical_bar_bg.jpg) 0px top repeat-y;
}

#home .content2
{
	float: left;
	width: 300px;
}

#home .blogEntry
{
	margin-left: 20px;
}

#home .blogEntryTitle, #home .blogEntryTitle a
{
	font-weight: bold;
	text-align: left;
}

#home .blogEntryDetails
{
	position: relative;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-align: left;
}

/* Page specific modifications -- aboutUs */

#aboutUs img.team
{
	margin-right: 3px;
	clear: none;
	float: left;
	border: 1px solid #6c93ca;
}

#aboutUs img.portfolio
{
	margin-right: 15px;
	margin-bottom: 15px;
}

#aboutUs ul
{
	clear: both;
}

#aboutUs h4 { font-size: 10px; font-weight: normal; position: relative; top: -15px; font-style: italic; margin-left: 5px; }

#aboutUs .content1
{
	float: left;
	width: 450px;
}

#aboutUs .contentDividerBottom
{
	height: 400px;
}

#aboutUs .contentDivider
{
	float: left;
	width: 11px;
	height: inherit;
	margin: 0px 15px 0px 15px;
	background: url(images/vertical_bar_bg.jpg) 0px top repeat-y;
}


#aboutUs .content2
{
	float: left;
	width: 150px;
	text-align: right;
}

#aboutUs a strong
{
	color: #fff;
}

/* Page specific modifications -- portfolio */

#portfolio .content1
{
	float: left;
	width: 675px;
	text-align: center;
}

#portfolio .bodyContainer
{
	background-image: none;
}

/* Page specific modifications -- services */

#services .content1
{
	float: left;
	width: 625px;
}

#services .column1, #services .column2
{
	float: left;
	width: 285px;
	margin-left: 25px;
}

#services .serviceRow
{
	margin: 3px 0px 3px 0px;
	height: 22px;
	padding: 0px;
	background-color: #084595;
	clear: both;
}

#services .serviceLabel
{
	font-size: 11px;
	color: #cccccc;
	float: left;
	text-align: left;
	margin: 3px;
	padding-left: 5px;
}

#services .servicePrice
{
	font-size: 11px;
	color: #cccccc;
	float: right;
	height: 18px;
	padding: 2px;
	padding-right: 10px;
	background-color: #124d99;
	text-align: right;
	width: 75px;
}

#services .serviceRow a
{
	color: #ccc;
}

/* Page specific modifications -- services template


#servicesTemplate .bodyHeader
{
	width: 670px;
	height: 33px;
	background: url(images/services-company-services.jpg) top left no-repeat;
	margin-bottom: 10px;
}

#servicesTemplate .content1
{
	float: left;
	width: 150px;
}

#servicesTemplate .contentDividerBottom
{
	height: 400px;
}

#servicesTemplate .contentDivider
{
	float: left;
	width: 11px;
	height: inherit;
	margin: 0px 15px 0px 15px;
	background: url(images/vertical_bar_bg.jpg) 0px top repeat-y;
}

#servicesTemplate .content2
{
	float: left;
	width: 450px;
}

#servicesTemplate .post h2
{
	padding: 0px;
	margin: 10px 0 10px 0;
	font-size: 18px;
	text-align: left;
}

#servicesTemplate .post p
{
	text-align: justify;
}

#servicesTemplate .content1
{
	padding-top: 5px;
	text-align: left;
}

#servicesTemplate .content1 a
{
	background-color: #1a4d91;
	width: 140px;
	color: white;
} */

/* Page specific modifications -- contacts */

#contacts .content1
{
	float: left;
	width: 350px;
}

#contacts .contentDividerBottom
{
	height: 450px;
}

#contacts .contentDivider
{
	float: left;
	width: 11px;
	height: inherit;
	margin: 0px 15px 0px 15px;
	background: url(images/vertical_bar_bg.jpg) 0px top repeat-y;
}



#contacts .content2
{
	float: left;
	width: 250px;
}

#contacts .clearBoth
{
	height: 5px;
	clear: both;
}

#contacts .label
{
	float: left;
	text-align: left;
	font-size: 10px;
	width: 70px;
	height: 20px;
}

#contacts .field
{
	float: right;
}

#contacts input, #contacts textarea
{
	width: 270px;
	background-color: #1a4d91;
	border: 1px solid #5b89c5;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}

#contacts .button input
{
	width: 100px;
}

#contacts .companyImage
{
	float: left;
	margin: 0px 5px 30px 0px;
}

#contacts .companyName
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	width: 300px;
}

#contacts .companyContact
{
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

/* For additional contact form controls, see stylesheet.css in contact-form-7 */

/* Page specific modifications -- blog */

#blog .content1
{
	float: left;
	width: 670px;
}

#blog .bodyContainer
{
	background-image: none;
}