/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ============================================== */
/*                  END OF 960                    */
/* ============================================== */


/* ============================================== */
/*                  RESET	                      */
/* ============================================== */


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ============================================== */
/*                  END RESET                     */
/* ============================================== */


/* ============================================== */
/*                  960 TEXT                      */
/* ============================================== */



/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* ============================================== */
/*                  END TEXT                      */
/* ============================================== */






body { background-color: #3a3a3a; background-image: url(Images/BackgroundGradient.jpg); background-repeat: repeat-x; }
h2 { color: #FFFFFF; font-family: Verdana; font-size: 1.3em; margin: 17px 0px 0px 15px; }
h3 { border-bottom: solid 1px #0073AE; font-family: Arial, Sans-Serif; font-size: 1.1em; margin-bottom: 10px; margin-top: 30px; padding-bottom: 3px; }
h4 { font-family: Verdana, Sans-Serif; font-size: .9em; margin-top: 10px; }
p { color: #3E3E3E; font-family: Verdana, Sans-Serif; font-size: .8em; line-height: 1.4em; }
em { color: #0073AE; font-style: normal; font-weight: bold; }
p.subPara { margin: 0px; margin-bottom: 8px; margin-left: 15px; }
div.container_16, div.container_12 { background-color: #FFFFFF; }
ul { margin: 0px; }
ul li { color: #3E3E3E; font-family: Verdana, Sans-Serif; font-size: .8em; line-height: 1.4em; }
ol li { font-family: Verdana, Sans-Serif; font-size: .9em; line-height: 1.4em; }

ol li p { margin: 0px;}

div.roundedTop
{
	background-color: #FFFFFF;
	background-image: url(Images/RoundedWhiteTop.jpg);
	background-repeat: no-repeat;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div.roundedBottom
{
	background-color: #000000;
	background-image: url(Images/RoundedWhiteBottom.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div.logo { margin-bottom: 5px; margin-top: 10px }
div.contactCard, div.contactCard16 { position: relative; }
div.contactCard img { position: absolute; right: 0px; top: 10px; }
div.contactCard16 img { position: absolute; right: 0px; top: 10px; }

div.footer { text-align: center; }
div.footer p { color: #838383; margin: 5px 0px 0px 0px; }
div.footer p a { color: #838383; }
div.footer p.copyright { font-size: .7em; }

ul.menu { height: 35px; margin: 0px; position: relative; }
ul.menu li { float: left; height: 35px; list-style-type: none; margin: 0px; }
ul.menu li a span { display: none; }

div.photoOnRight { margin-top: 10px; text-align: right; }
div.photoOnLeft { margin-top: 10px; }

div.subBar
{
	height: 58px;
	margin-top: -5px;
}


/* ======================================== */
/*				HOME PAGE					*/

div.bigPic { margin-top: 17px; }
div.homePageServices { margin-bottom: 20px; }
div.homePageServices a div { height: 120px; margin: 15px 0 0 0; width: 300px; }
div.homePageServices a div span { display: none; }
div.homePageResponseBlock { }


div.whatOurCustomersAreSaying
{
	background-image: url(/css/Images/HomePage/FrontPageRightImages.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.blackberryAndIPhone
{
	background-image: url(/css/Images/HomePage/FrontPageRightImages.jpg);
	background-position: 0px -140px;
	background-repeat: no-repeat;
}

div.managedServices
{
	background-image: url(/css/Images/HomePage/FrontPageRightImages.jpg);
	background-position: 0 -280px;
	background-repeat: no-repeat;
}

div.whatOurCustomersAreSaying a,
div.blackberryAndIPhone a,
div.managedServices a 
	{ margin: 0px; padding: 0px; }
	
div.whatOurCustomersAreSaying a span,
div.blackberryAndIPhone a span,
div.managedServices a span 
	{ margin: 0px; padding: 0px; }



/* ======================================== */
/*			PRODUCTS PAGE					*/

div.productsSubBar
{
	background-image: url(Images/NavBar/ProductsSubBar.jpg);
	background-repeat: no-repeat;
	width: 800px;
}
p.readMore { font-size: .8em; font-weight: bold; margin-top: 5px; text-align: right; }
p.readMore a { border-bottom: solid 1px #0073AE; color: #0073AE; text-decoration: none; }


/* ======================================== */
/*			PRICING PAGE					*/

div.pricingSubBar
{
	background-image: url(Images/NavBar/PricingSubBar.jpg);
	background-repeat: no-repeat;
	width: 800px;
}

div.pricingSubBar h2
{
	line-height: 1.2em;
}


/* ======================================== */
/*			SUPPORT PAGE					*/

div.supportSubBar
{
	background-image: url(Images/NavBar/SupportSubBar.jpg);
	background-repeat: no-repeat;
	width: 800px;
}

div.supportSubBar h2
{
	line-height: 1.2em;
}


/* ======================================== */
/*			COMPANY PAGE					*/

div.companySubBar
{
	background-image: url(Images/NavBar/CompanySubBar.jpg);
	background-repeat: no-repeat;
	width: 800px;
}

div.companySubBar h2
{
	line-height: 1.2em;
}


/* ======================================== */
/*			CONTACT US PAGE					*/

div.contactUsSubBar
{
	background-image: url(Images/NavBar/ContactUsSubBar.jpg);
	background-repeat: no-repeat;
	width: 800px;
}

div.contactUsSubBar h2
{
	line-height: 1.2em;
}


/* ======================================== */
/*		WHAT CUSTOMERS ARE SAYING PAGE		*/

div.testimonial 
{
	/*border-top: solid 1px #0073AE;*/
	margin: 20px 0px 40px 15px;
}

div.testimonial p.testimonialStatement
{
	margin: 3px 0px 0px 0px;
	font-style: italic;
}

div.testimonial p.testimonialAuthor { color: #0073AE; font-style: normal; font-weight: bold; margin: 5px 0px 15px 10px; }




#kellerWilliamsDisclaimer { text-align: center; font-style: italic; }
#kellerWilliamsDisclaimer img { margin-right: 10px; }
#kellerWilliamsDisclaimer p { margin: 20px 0px 0px 30px; width: 270px; font-size: .7em; }



/* --=======================================-- */
/*					FORMS					   */

fieldset {clear: both;}
legend { background-color: #E9E9E9; border: solid 1px #CCCCCC; font-family: Verdana, Sans-Serif; font-size: .7em; margin: 15px 0px 10px 0px; padding: 10px 5px 10px 5px;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 .7em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: .8em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: bottom;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 195px; margin-left: -150px;}
form.horizontal .field, form .buttons {clear: both; margin: 0 0 .4em;}

div.field label { font-family: Verdana, Sans-Serif; font-size: .9em; font-weight: bold; margin: 0px 0px 3px 0px; }

fieldset div.horizontal label {display: inline; width: 140px; }

div.errorBlock
{
	background-color: #ffeded;
	border: solid 1px red;
	padding: 10px;
}

div.errorBlock p
{
	color: Red;
	margin: 0px;
}

div.errorBlock ul li
{
	color: Red;
}