/* CSS Document */
/*
___________________________________________________
|    DESIGN : AN Harun { http://www.ensocs.net } |
|    DATE : 06.12.2013                           |
|    EMAIL : aizulharun@ymail.com                |
|	 VERSION : STYLING FOR CONTENTS
________________________________________________|

*/
* 
html, body 
{
 border-width: 0;
 margin: 0;
 padding: 0;
}

body 
{
	font-size: 90%;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #215a6b;
}

#wrapper 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 480px;
}

#header 
{
 /*width: 900px;*/
 width: 480px;
 color: #333;
 /*padding: 10px;*/
 padding: 0px;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 height: 80px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 background-color: #215A6B;
 /*background-image: url(img/IconB.png);*/
}

#navigation 
{
/* width: 900px;*/
 width: 480px;
 color: #333;
 padding: 0px;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 background-color: #9c9c9c;
}

#content 
{
	/*width: 900px;*/
	width: 480px;
	color: #FFF;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	background-color: #215A6B;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: auto;
}

#contenttraffic 
{
	/*width: 900px;*/
	width: 480px;
	color: #FFF;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	background-color: #215A6B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 700px;
}

#imagelist 
{
	/*width: 900px;*/
	width: 480px;
	color: #FFF;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	background-color: #215A6B;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: auto;
}
#footer 
{
 /*width: 900px;*/
 width:480px;
 float: left;
 color: #333;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 /*background-color: #9c9c9c;*/
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding: 0px;
}.h1 {
	color: #FFF;
}
label 
{
 display: block;
/*float: left;*/
 clear: left;
 width: 150px;
 line-height: 20px;
 margin-bottom: 5px;
 /*margin-top: 5px;*/
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
}

input, textarea, select 
{
	margin: 50px;
	padding: 2px;
	font-size: 90%;
	color: #666666;
	background-color: #F5F5F5;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	/*margin-top: 50px;*/
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

input:focus, textarea:focus, select:focus 
{
 border-color: #999;
 border-width: 1px;
 border-style: solid;
 background-color: #FFFFFF;
}

input.button 
{
 cursor: pointer;
 border-style: none;
 font-weight: bold;
 background-image: url(img/button.png);
 background-repeat: no-repeat;
 background-position: left top;
 width: 119px;
 height: 44px;
 /*margin-left: 150px;*/
 margin-left: 0px;
 margin-top: 80px;
 float: left;
}

span.required 
{
 font-size: 13px ! important;
 color: red ! important;
}

.errormsg 
{
 display: block;
 width: 90%;
 height: 22px;
 line-height: 22px;
 color: #FFFFFF;
 font-weight: bold;
 background-image: url(../ContactForm/images/stop.gif);
 background-color: #FF9D9D;
 background-repeat: no-repeat;
 background-position: center 10px;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 40px;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 border-top-color: #FF0000;
 border-top-width: 2px;
 border-top-style: solid;
 border-bottom-color: #FF0000;
 border-bottom-width: 2px;
 border-bottom-style: solid;
}

.msgsent 
{
 font-size: 20px;
 text-align: center;
}#wrapper #navigation strong {
	color: #FFF;
}
#wrapper #content #contfrm label strong {
	color: #FFF;
}
#wrapper #content h1 {
	color: #FFF;
}