/* Default css fot dotbox solutions */

/* Color Palette

	White = #fff
	Orange = #ff780a
	Grey = #595959
	Light Grey = #b6b6b6
	mid Grey = #292929
	Dark Grey = #151515
*/


html{
	
}

body{
	background-color: #151515;
	font-family: Tahoma, Arial;
	color: #8f8f8f;
	font-size: 62.5%;
}


/**** LAYOUT ****/
/* HEADERS */
#header_wrap{
	height: 218px;
}

.header{
	height: 218px;
	margin: auto;
	position: relative;
	width: 980px;
}

.home{
	text-align: center;
}

.about{
	background: #000 url(../images/about_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 218px;
}

.contact{
	background: #000 url(../images/contact_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 218px;
}

.solutions{
	background: #000 url(../images/solutions_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 218px;
}

#navigation_wrap{
	background: url(../../images/nav_bg.jpg);
	height: 54px;
}

#content_wrap{
	background: #151515;
	direction: rtl;
	font-size: 1.1em;
}

.main_content{
	background: url(../../images/content_bg.png);
	font-size: 1.2em;
	line-height: 1.5em;
	margin: auto;
	position: relative;
	width: 983px;
}

#footer_wrap{
	background: url(../../images/footer_bg.png);
	clear: both;
	height: 20px;
}

/**** Common Text ****/
h1{}

h2{
	color: white;
	font-family: Georgia;
	font-size: 2em;
	padding: 0 0 20px 0;
}

h3{
	color: white;
	font-family: Georgia;
	font-size: 1.6em;
	padding: 0 0 12px 0;	
}

h4{
	font-size: 1.2em;
	font-weight: bold;
}

a{
	color: #ff780a;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.grey{
	color: #595959;
	text-decoration: none;
}

a.grey:hover{
	text-decoration: underline;
}

.orange{
	color: #ff780a;
}

.light_grey{
	color: #8f8f8f;
}

.grey{
	color: #595959;
}

.small{
	font-size: 1.1em;
}

.x_small{
	font-size: 0.9em;
}


ul{
	list-style: disc;
	margin: 0 30px 0 0;
}

/**** NAVIGATION ****/
.navigation{
	border-right: 1px solid #020202;
	border-left: 1px solid #222;
	height: 44px;
	margin: auto;
	width: 980px;	
}

.navigation ul{
	list-style: none;
	margin: 0;
	padding: 2px 0 0 0;
}

.navigation ul li{
	display: inline;
	position: relative;
	float: right;
}

.navigation ul li a{
	border-right: 1px solid #222;
	border-left: 1px solid #020202;
	color: #8f8f8f;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	height: 42px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width:161px;
}

.navigation ul li a:hover, .navigation ul li.active a{
	background: url(../../images/nav_bg_over.jpg);
	color:#000;
	height: 44px;
}


/**** Content ****/
.tbl_content td{
	padding: 30px 30px 0 30px;
	vertical-align: top;
	width: 50%;
}


/**** Solutions Page ****/
.tbl_content_solutions td{
	padding: 30px;
	vertical-align: top;
}

.tbl_solutions{
	width: 320px;
}

.tbl_solutions td{
	padding: 6px;
	width: auto;
	vertical-align: top;
}

.ib_top{
	background: url(../../images/ib_top.jpg);
	width: 320px;
	height: 40px;
}

.ib_cnt{
	background: url(../../images/ib_cnt.jpg);
	width: 320px;
}

.ib_bot{
	background: url(../../images/ib_bot.jpg);
	width: 320px;
	height: 40px;
}

hr{
	background: #151515;
	border: none;
	height: 1px;
	padding: 0;
	margin: 0;
	margin: 5px 6px 5px 6px;
}

hr.lighter{
	background: #292929;
	border: none;
	height: 1px;
	padding: 0;
	margin: 0;
	margin: 10px 0 10px 0;
}


/**** Portfolio ****/
.portfolio{
	width: 860px;
	margin: auto;
}

/**** Contact Us ****/
.tbl_content_contact td{
	padding: 30px;
	vertical-align: top;
}

.frm_contact{
	margin: 0;
}

label{
	
}

.frm_fld, textarea, .submit{
	border: 1px solid #595959;
	background: #292929;
	color: white;
	margin: 2px 0 8px 0;
	width: 300px;
}

.submit{
	cursor: pointer;
}

.frm_err{
	color: red;
	font-size: 0.9em;
}


/**** MISC ****/
#preview{
	position:absolute;
	display:none;
}

/**** FOOTER ****/
.footer{
	color: white;
	margin: auto;
	width: 980px;
}

.footer a{
	color: white;
	font-size: 1em;
}