/*********************************************************\
|*
|*   Digisense
|*   http://www.digisenseinc.com
|*
|*   index.css
|*
|*
\*********************************************************/


* { margin: 0; padding: 0; border: 0; }

// *******************  Tag  Styles  *******************/


html { color: #000; }
body { width: 100%; font-family: Arial, Futura, sans-serif; font-size: 12px;line-height: 19px;}
p + p { margin: 15px 0px; }
ul { list-style-type: none; }
li a { text-decoration: none; }
table, thead, th, tr, td { border-collapse: collapse; text-align: left; }
caption { caption-side: top; }
th { speak-header: once }
address { font-style: normal; }
img.left { float: left; margin: 5px 14px 5px 0;border: solid 1px #000; }
img.right { float: right; margin: 5px 5px 10px 0;border: solid 1px #000; }
a img, img { border: none; }
a:link, 
a:visited, 
a:active, 
a:hover {
	text-decoration: underline;
	color: #008ed4;
}
a.more, a.less {
	font-size: 12px;
	font-weight: 600;
}
a.less {
	display: inline; padding-left: 10px;
}
a.more {
	float: right; margin-top: 7px;
	padding-left: 13px; background: url(../images/design/arrowBlue.gif) 0px 5px no-repeat;
}
a.button {
	display: block; height: 31px; width: 69px;
	float: left; clear: left; margin: 8px 10px 0px 0px;
	text-indent: -9999px;
        overflow: hidden;
}
a.button:focus {border: none;} 
a.button#Buying { background: url(../images/design/buttonBuying.png) 0px 0px no-repeat; }
a.button#Reselling { background: url(../images/design/buttonReselling.png) 0px 0px no-repeat; clear: none; }
a.button#ReadMore { background: url(../images/design/buttonReadMore.png) 0px 0px no-repeat; width: 73px; }
a.button#ReadTheBlog { background: url(../images/design/buttonReadTheBlog.png) 0px 0px no-repeat; width: 94px; }
a.button#Purchase { background: url(../images/design/buttonPurchase.png) 0px 0px no-repeat; width: 73px; }
a.button#LearnMore { background: url(../images/design/buttonLearnMore.png) 0px 0px no-repeat; width: 80px; }
a.button#FAQ { background: url(../images/design/buttonFAQ.png) 0px 0px no-repeat; width: 159px; }
a.button#Submit { background: url(../images/design/buttonSubmit.png) 0px 0px no-repeat; width: 73px;}
h1, h2, h3, h4, h5 { margin-bottom: 5px; color: #7f7972; }
span.small {display: block; font-size: 9px;}
#copy h3,
#promos h3,
#news h3,
#main h3,
#sideA h3,
#sideB h3,
#sideC h3,
#sideD h3,
#uberFooter h3 {
	text-transform: uppercase;
	font-size: 15px;
	color: #6cb121;
} #uberFooter h3 { color: #008ed4; } #main h3 { color: #000; }

/* Rows and Columns */
.row {
	display: block; width: 100%;
	text-align: center;
}
.pillar {
	width: 900px; margin: 0px auto;
	text-align: left;
}
.column {
	display: block; width: 100%;
}

/* Row: Masthead */
.row#masthead .pillar {
	height: 155px; background: url(../images/design/reflection.png) 35px 67px no-repeat;
} .row#masthead { background: url(../images/design/masthead.png) 0 0 repeat-x; }

.row#masthead h1 {
	position: relative; top: 32px; left: 35px;
	display: block; height: 36px; width: 271px;
	background: url(../images/design/typeLogo.png) 0px 0px no-repeat; 
	text-indent: -9999px;
}
.row#masthead h2 {
	display: block; height: 47px; width: 100%; position: relative;
	font-size: 26px;
	font-weight: 500;
	color: #0091d9;
	float: left; position: relative; top: 15px; left: 37px;
} .row#masthead h2 span { display: block; float: right; height: 50%; width: 100%; clear: both; color: #1d1d1d; font-size: 24px; margin-top: 5px; }

.column#diagram p {margin: 20px 0 0 0;color:#fff;font-size: 14px;}
.column#diagram img {margin: 0 30px 0 0;}

.column#diagram h3, .column#main h3.box {
	display: inline;
	padding: 5px 8px 4px 8px;
	background: #6cb121; color: white;
	text-align: center;
} .column#main h3.box + p { margin: 10px 0px 10px 0px; }

.row#masthead ul {
	float: left; position: relative; top: 7px; left: 370px;
	display: block; height: 61px; width: 507px;
	background: url(../images/design/mainNav.png) 0px 0px no-repeat;
	padding: 20px 0px 0px 15px;
}
.row#masthead ul li a {
	display: block; float: left; padding: 0px 11px 0px 11px;
	font-family: Arial;
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	color: white;
}
/* Row: Content */
.row#content .pillar {
	background: url(../images/design/dropshadowDiagram.png) 0px 0px no-repeat;
	height: 375px;	width: 863px; padding: 37px 0px 0px 37px;
}
.column#diagram {
	width: 529px; padding: 14px; float: left;
        background-color: #0176B0;
	font-size: 11px;
	color: white;
}
.column#diagram h3, .column#main h3.box {
	display: inline;
	padding: 5px 8px 4px 8px;
	background: #6cb121; color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
} .column#main h3.box + p { margin: 10px 0px 10px 0px; }

.column#diagram h3#YourSystems {margin-left: 17px;}
.column#diagram h3#Appliance {margin-left: 20px;}
.column#diagram h3#VirtualVault {margin-left: 17px;}
.column#diagram li {
	width: 175px; float: left;
}
/* .column#diagram p, */
.column#diagram ul.iconElement {
	margin: 160px 20px 0px 0px;
}
.column#diagram ul.iconElement {
	margin-right: 25px;
}
.column#diagram ul.iconElement li { 
	float: none; width: 155px; line-height: 12px; margin-bottom: 5px;
	list-style-type: disc; margin-left: 16px;
}
.column#diagram a.more {
	background: url(../images/design/arrowWhite.gif) 0px 5px no-repeat;
	color: white;
}
.column#copy {
	float: left; width: 250px;
	padding: 0px 0px 0px 16px;
	font-size: 11px;
}
.column#copy ul {
	margin: 10px 20px;
	list-style-type: disc;	
}

/* Row: Promos */
.row#promos .pillar {
	width: 863px; height: 100%;
	padding-left: 37px;	
	margin-bottom: 15px;
}
.row#promos .column {
	display: block;	
	width: 265px;	height: 100%;
	float: left; padding: 0px 7px;	
        margin-bottom: 20px;
}

#promoA h4 { color: black; margin: 10px 0px 0px 0px; }
.row#promos .column#promoA {}
.row#promos .column#promoB {border-left: 1px dotted #1d1d1d;border-right: 1px dotted #1d1d1d;}
.row#promos .column#promoC {}

#promoB h4 { margin: 5px 0px 0px 0px; }

/* Row: News */
.row#news {display:none;}
.column#newsA {}
.column#newsB {}
.column#newsC {}

/* Row: Uber-Footer */
.row#uberFooter {clear: left;}
.row#uberFooter .pillar {
	height: 100%; padding: 20px 0px;
	width: 863px;
	padding-left: 37px;
	font-weight: 600;
	font-size: 10px;
}.row#uberFooter { 	background: url(../images/design/uberfooter.png) 0px 0px repeat-x; }

.row#uberFooter .column {
	display: block;
	width: 280px;
	float: left;	
}
.row#uberFooter #footerA {
	padding-right: 10px;	
}
.row#uberFooter h3 {
	padding: 5px 0px 5px 24px;
}
.row#uberFooter input, .row#uberFooter textarea {
	width: 228px; height: 20px;
	margin: 4px 0px; padding: 4px 0px 0px 5px;
	border: 1px solid #ccc;
	font-family: verdana, sans-serif;
	font-size: 12px;
} .row#uberFooter textarea { height: 67px; }

.column#footerA h3 {background: url(../images/design/iconDocument.png) 0px 4px no-repeat;}
.column#footerB h3 {background: url(../images/design/iconQuestion.png) 0px 4px no-repeat;}
.column#footerC h3#RSS {background: url(../images/design/iconRSS.png) 0px 4px no-repeat;}
.column#footerC h3#Phone {background: url(../images/design/iconPhone.png) 0px 4px no-repeat; }
.column#footerA a, .column#footerC a {
	margin-top: 7px;
	padding-left: 13px; background: url(../images/design/arrowBlue.gif) 0px 2px no-repeat;
	color: black;
} .column#footerA span { margin-left: 4px; padding: 0px 1px; background: #008ed4; color: white; }

.column#footerA li {padding-right: 20px !important;}

/* Row: Footer */
.row#footer { background: #0483c2; }
.row#footer .pillar { height: 38px; }
.row#footer ul {
	display: block; float: right;
	margin-right: 30px;
}
.row#footer ul li {
	display: block; float: left;
	margin: 10px 30px 0px 0px;
color: white;
}
.row#footer ul li a {
	text-decoration: none;
        color: white;
}
.row#footer ul li a:hover {
	text-decoration: underline;
}
.row#footer h5 {
	display: block; float: left; height: 17px; width: 114px; margin: 11px 0px 0px 37px;
	background: url(../images/design/footerLogo.png) 0px 0px no-repeat;
	text-indent: -9999px;	
}
.row#masthead ul#mainNav li.first a { border-top: none; border-left: none; }
.row#masthead ul#mainNav li.last a { border-bottom: none; border-right: none; }
.pillar .column#promoC {border: none;}