@charset "UTF-8";
/* CSS Document */

/*  
Site:		Telecom Connect
Author:		Ben Shepard
Author URL:	http://www.BenjaminMark.net
*/

body {
	background: #5385c2 url(images/bg_main.jpg) center top no-repeat fixed;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
}


/* FONTS */

h1 {
	color: #346EB7;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin-bottom: 1.2em;
}	
h2 {
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin-bottom: 1.2em;
}
h3 {
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 1.5em;
}
p {
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 1.2em;
}
p.left {
	text-align: left;
	line-height: 1.5em;
	margin-bottom: 1.2em;
}
p.right {
	color: #c0d1e7;
	margin-bottom: 3em;
}

.response { margin: 0 0 300px 0px;padding: 5px; border: #ffea00 solid 1px; background: #fffde8; width: 480px; margin-bottom: 20px;  }

.center {
	text-align: center;
}
.white {
	color: #fff;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: underline;
	color: inherit;
	/*color: #4181cb;*/
}
/* a link a visit a active color #807f83 */


#parent_left ul {
	list-style-type: disc;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 30px;
}
#parent_left li {
}

.clearfloat {
	clear: both;
    height: 0;
	margin: 0px;
	padding: 0px;
    font-size: 1px;
    line-height: 0px;
}
.bold {
	font-weight: bold;
}
.boldno {
	font-weight: bold;
	color: #fff;
}


/* LAYOUT */

div#wrapper {
	width: 800px;
	height: 100%;
	margin: 0px auto;
	text-align: left;
	background-color:#346EB7;
}

div#header {
	background: url(images/bg_header.jpg) repeat-y;
	height: 36px;
	padding-top: 86px;
	padding-left: 20px;
}

div#banner01 {
	height: 258px;
	background: #fff url(images/banner01.jpg);
	background-size: cover;
}
div#banner02 {
	height: 258px;
	background: #fff url(images/banner02.jpg);
	background-size: cover;
}
div#banner03 {
	height: 258px;
	background: #fff url(images/banner03.jpg);
	background-size: cover;
}
div#banner04 {
	height: 258px;
	background: #fff url(images/banner04.jpg);
	background-size: cover;
}
div#floats {
	height: 100%;
	background: #FFF url(images/bg_content.jpg) repeat-y;
}
div#parent_left {
	float: left;
	width: 490px;
	padding: 30px;
}
div#parent_right {
	float: right;
	width: 190px;
	padding: 30px;
}

div#footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #011e6c;
	color: #c0d1e7;
	text-align: center;
	font-size: 10px;
	line-height: 1.5em;
}


div#left {
	text-align: center;
	float: left;
	width: 50%;
}
div#right {
	text-align: center;
}


/* HEADER  */

#logo {
	float: left;
	width: 380px;
	height: 36px;
	background: url(images/telecom_connect.jpg) no-repeat center top;
	background-size: cover;
	display: block;
}

div#nav {
	float: right;
	height: 36px;
}

#nav ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul a
{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:36px;
	height: 36px;
	padding:0 18px;	
}

#nav ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#nav ul li:hover
{
	background:#011e6c;
}

#nav ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#346EB7;
	padding:0;
}

#nav ul ul li
{
	float:none;
	width:150px;
}



#nav ul ul ul
{
	top:0;
	left:100%;
}

#nav ul li:hover > ul
{
	display:block;
}


.suppliers {
	display: block;
    margin-left: auto;
    margin-right: auto;
}




/* contact form */




#contact-form { padding-bottom: 15px; overflow: auto; height: 100%; }
#contact-form label { display: block; font-weight: bold; float: left; width: 150px; margin: 3px 0 0 0; }
#contact-form label span { color: #cc0000; }

#contact-form .textbox { width: 250px; border: #ccc solid 1px; margin: 0 0 10px 0; padding: 1px 3px; font-size: 12px;  }

#contact-form #btn { width: 100px; display: block; margin: 0 0 0 308px; text-decoration: none; text-align: center; font-size: 15px; color: #fff; padding:6px 0; background:#346EB7;  }

#response { padding: 5px; border: #ffea00 solid 1px; background: #fffde8; width: 596px; margin-bottom: 20px;  }