@charset "utf-8";
/* TECHGUA, LLC */

body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serifs;
	background-color: #FFFFFF;
}

#content_body
{
	text-align: center;
	margin: auto 0px;
	width: 100%;
	height: 100%;
}

#header
{
	height: 388px;
	width: 100%;
	background-color: #21a4cd;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
}

#content_header
{
	border: 0px solid yellow; /* delete */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 900px;
	height: 85%;
	/* padding at the top ond bottom of content in the header */
	padding-top: 25px;
	padding-bottom: 25px;
}

/* Header logo area, div displays the logo and the logo menu */
#logo_area
{
	border: 0px solid red; /* delete */
	overflow: hidden;
	float: left;
	width: 290px;
	height: 100%;
}

#logo
{
	height: 80px;
	width: 100%;
	background-image: url(../images/logo_main.png);
	background-repeat: no-repeat;
}

#logo_menu
{
	text-align: left;
	width: 100%;
	height: 75%;
}

#list_menu
{
	padding-left: 14px; /* allign to the logo */
	font-size: 24px;
}

#list_menu li 
 {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 260px;
}

#list_menu a
{
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 260px;
}

#list_menu a:hover
{
	width: 260px;
}

/* Top menu area - vertical menu *****************/	
#menu_area
{
	border: 0px solid green;  /*delete */
	overflow: hidden; /* IE6 hack */
	float: right;
	width: 607px; /* right hand header option */
	height: 100%;
}

#main_menu
{
	height: 60px;
	width: 100%;
}


#menu  /* UL list proporties */
{
	width: 100%;
	height: 25px;
	padding-left: 20px;
	padding-top: 15px;
}

#menu li 
 {
  	display: block;
	float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

/* Main horizontal menu options size configuration */
.menu #home
{
	width: 65px;
}

.menu #faqs
{
	width: 65px;
}

.menu #request
{
	width: 130px;
}

.menu #blog
{
	width: 65px;
}

.menu #stories
{
	width: 140px;
}

.menu #articles
{
	width: 75px;
}

.menu #itsolutions
{
	width: 110px;
}
/* End menu item width configuration */

#menu a
{
	font-size:14px;
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
}

#menu a:hover
{
	color: #21a4cd;
	font-weight:bold;
}
/* End main menu section */

/* Flash Movie Configuration */
#flash_win
{
	overflow: hidden;
	width: 582px;
	height: 239px;
	margin-left: 20px;
}

/* Biggen Body/Content configuraiton */
#content
{
	background-color: #FFFFFF;
	width:100%;
	height: 100%;
}

#main_content
{
	margin: 0 auto;
	width: 950px;
	height: auto; /* MUST CHANGE SIZE TO MATCH THE CONTENT ON PAGE HEIGHT. ****************************************/
	display: inline-block;
}

/*  Sidebar Configuration section */
#main_content_sidebar
{
	float: left;
	background-color: #f3f3f3;
	margin: 0px;
	padding: 0px;
	width:30%;
	height: 100%;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

#sidebar_newsletter
{
	background-color: #4f4f4f;
	margin: 25px auto;
	width: 80%;
	height: 250px;
	padding: 5px;
	padding-left: 10px;
}

#sidebar_newsletter p
{
	color: #ffffff;
	font-size: 12px;
	text-align: left;
}

#sidebar_phone
{
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	margin: 30px auto;
	padding-top: 25px;
	width: 90%;
	height: 100px;
}

#sidebar_content
{
	border: 0px solid #CCCC33; /* remove */
	margin: 0px auto;
	width: 90%;
	height: auto;
	text-align: left;
}

#sidebar_content h6
{
	margin: 0px;
	color: #00746b;
}

#sidebar_content p
{
	margin-top: 0px;
	color: #00746b;
	font-size: 11px;
}

#sidebar_content a
{
	text-decoration: none;
	color: #00746b;
}

#sidebar_content a:hover
{
	font-weight: bold;
}

/* Newsletter form generaton */
#SignUp .signupframe
{
	width: 100%;
	border: 0px solid #4f4f4f;
	background: #4f4f4f;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serifs;;
}
/* End Newsletter form formating */

/* Main body configuration */
#main_content_body
{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 69.75%;
	height: auto;
}

#content_body_container
{
	float: left;
	width: 72%;
	height: auto; /* leave at XX% for margin/padding at the bottom of the page. */
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 10px;
}

#content_body_container h1
{
	font-size: 14px;
	color: #21a4cd;
}

#content_body_container h2
{
	font-size: 13px;
	color: #21a4cd;
	margin-bottom: 0px;
}

/* class for SEO Details */	
.nopadding
{
	margin-top: 0px;
	padding-top: 0px;
}

#content_body_container p	
{
	font-size: 11px;
	color: #4f4f4f;
}

#content_body_container a
{
	text-decoration: none;
	color: #21a4cd;
}

#content_body_container a:hover
{
	font-weight: bold;
}

/* Biggen main body right hand side menu configuration */
#main_content_sidemenu
{
	border-left: 1px solid #cfcfcf; /* delete */
	float: right;
	width: 22%;
	height: 100%;
	margin:0px;
	margin-top: 0px;
}

#main_content_sidemenu a
{
	text-decoration: none;
}

#main_content_sidemenu img
{
	border: none;
}

#sidemenu_backup
{
	border-bottom: 1px solid #b8b8b8;
	margin: 30px auto;
	width: 90%;
	height: 115px;
}

#sidemenu_blog
{
	border-bottom: 1px solid #b8b8b8;
	margin: 30px auto;
	width: 90%;
	height: 90px;
}

#sidemenu_quote
{
	border-bottom: 1px solid #b8b8b8;
	margin: 30px auto;
	width: 90%;
	height: 90px;
}

#sidemenu_email
{
	border: 0px solid green; /* delete */
	margin: 0 auto;
	width: 90%;
	height: 100px;
}


/* Biggen footer style configuration */
#footer
{
	width: 100%;
	height: 200px;
	background-color:#000000;
}

#content_footer
{
	border: 0px solid #FFFFFF; /* delete */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 900px;
	height: 100%;
}

#footer_menu
{
	border: 0px solid blue; /* delete */
	width: 100%;
	height: 50px;
	text-align: center;
	padding-top: 5px;
}


#footer_menu_list  /* UL list proporties */
{
	border: 0px solid pink; /* delete */
	width: 100%;
	height: 25px;
	text-align: center;	
	padding: 0px;
}

#footer_menu_list li 
 {
 	border: 0px solid yellow; /* delete */
  	display: block;
	float: left;
    list-style: none;
    width: 89px;
	text-align: center;
}

#footer_menu_list a
{
	text-decoration: none;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
}

#footer_menu_list a:hover
{
	color: #21a4cd;
}

/* Start footer contact informaiton section */
#footer_contact_info
{
	border: 0px solid red; /* delete */
	width: 100%;
	height: 100px;
	padding-top: 0px;
	margin-top: 0px;
}

#footer_contact_info p
{
	color: white;
	font-size: 14px;
}

#footer_contact_left
{
	border: 0px solid yellow; /* delete */
	float: left;
	width: 60%;
	height: 100%;
}

#f_contact_social
{
	border: 0px solid blue; /* delete */
	float: left;
	height: 100%;
	width: 50%;
}

#f_contact_social img
{
	text-decoration: none;
	border: none;
	padding: 0px;
	vertical-align: bottom;
}

#f_contact_social a
{
	text-decoration: none;
}

#f_contact_address
{
	border: 0px solid yellow;  /* delete */
	float: right;
	height: 100%;
	width: 50%;
	text-align:left;
}

#footer_contact_right
{
	border: 0px solid green;  /* delete */
	float: right;
	width: 40%;
	height: 100%;
}

#f_contact_phone
{
	border: 0px solid green;  /* delete */
	float: left;
	height: 100%;
	width: 35%;
	text-align: left;
}

#f_contact_chamber
{
	border: 0px solid orange;  /* delete */
	float: right;
	height: 100%;
	width: 65%;
	text-align: center;
}

#f_contact_chamber img
{
	text-decoration: none;
	border: none;
	padding: 0px;
	vertical-align: bottom;
}

#f_contact_chamber a
{
	text-decoration: none;
}

#footer_copyright
{
	border: 0px solid yellow;  /* delete */
	text-align:center;
	width: 100%;
	height: 35px;
}

#footer_copyright p
{
	color: #FFFFFF;
	font-size: 13px;
	margin-top: 0px;
}