/*
Theme Name: Design Modulars
Theme URI: http://www.designmodularsinc.com
Description: The default WordPress theme based on the famous <a href="http://www.anchorwave.com>Anchorwave</a>.
Version: 1.0
Author: Anchorwave
Author URI: http://www.anchorwave.com
Tags: anchorwave

	Design Modulars v1.0
	 http://www.anchorwave.com

	This theme was designed and built by Anchorwave.
	whose website you will find at http://www.anchorwave.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* 
/* Begin Typography & Colors */



body{
	background-color:#79bace;
	margin:0;
}
#page{
	width:910px;
	margin:0 auto;
}
#container{
	background:url(images/mid-bg.gif) repeat-y;
}
#main{
	background:url(images/page-bg.jpg) no-repeat;
	overflow:hidden;
}
#h_sup{
	height:44px;
	overflow:hidden;
}
#h_sup a{
	font:bold 10px Verdana, Tahoma, sans-serif;
	color:#1766ac;
	text-decoration:none;
	float:left;
}
#h_sup div{
	float:right;
	width:430px;
	margin-top:24px; 
}
#h_sup .h-links{
	float:left;
	width:235px;
	margin:1px 0 0;
}
a.mail{
	background:url(images/mail.gif) 0 2px no-repeat;
	padding-left:20px;
}
a.print{
	background:url(images/print.gif) no-repeat;
	padding-left:20px;
	margin-left:20px;
}
#h_sup .form{
	float:right;
	margin:0;
	padding:0;
	width:162px;
	overflow:hidden;
}
#h_sup .form .search-text{
	height:16px;
	width:140px;
	background:none;
	border:none;
	font:bold 10px Verdana, Tahoma, sans-serif;
	color:#1766ac;
	padding-left:3px;
}
#h_sup .form  .search-but{
	float:right;
	margin-top:2px;
}
#h_sup .form div{
	background:url(images/search-inp.gif) no-repeat;
	height:16px;
	width:143px;
	float:left;
	margin:0;
}
#header{
	height:199px;
	width:910px;
	position:relative; 
	
}
#header strong {
	background:url(images/logo.gif) no-repeat;
	float:left;
	margin:26px 0 0 47px;
	width:191px;
	height:133px;
}
#header strong a{
	text-indent:-3000px;
	display:block;
	overflow:hidden;
	width:191px;
	height:89px;
}
#header .button{
	width:134px;
	height:23px;
	float:right;
	margin:12px 0 0;
}
#header .button img{border:none;}
#header .button a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
#header .f-right{
	float:right;
	height:54px;
	width:280px;
	overflow:hidden;
	padding:77px 251px 0 0;
}
#header  .h-text{
	margin-right:5px;
}
#header .f-right .h-text{
	float:right;
}
#header .holder{
	height:159px;
	width:910px;
	overflow:hidden;
}
/* MENU */
#navigation {
	position: absolute;
	width:900px;
	text-align:left;
	margin:0px;
	padding:0px;
	z-index:15;
	background:url(images/nav.jpg) no-repeat;
	left:5px;
}
ul#nav {
	margin:0;
	padding:0;
	border-collapse:collapse;
	z-index:5;
	height:35px;
}
#nav li {
	float:left;
	display:inline;
	list-style:none;
	position:relative;
	width:auto;
}

#nav li a {
	text-indent: -1000px;
	overflow:hidden;
	display:block;	
	height:35px;
	float:left;
}

#nav li.home a{
	width:91px;
}
#nav li.mobile a{
	width:157px;
}
#nav li.custom a{
	width:174px;
}
#nav li.storage a{
	width:193px;
}
#nav li.gsa a{
	width:153px;
}
#nav li.contact a{
	width:132px;
}



#nav li.custom ul {
	position: absolute;
	left: 0px;
	top: 34px;
	display: none;
	width:175px;
	}
	
#nav li.custom ul li {
border:#FFFFFF 1px solid;
margin:0 0 0 1px;
}

#nav li.custom ul li a {
	background:#FF6600!important;
	color:#FFFFFF!important;
	text-align:left!important;
	padding-left:5px;
	text-indent:0px;
	display:block;
	height:25px;
	line-height:25px;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#nav li.custom ul li a:hover {
	background:#FF9900!important;
	color:#FFFFFF!important;
	text-align:left!important;
	padding-left:5px;
	text-decoration:none;
}
		


#nav li:hover ul,  #nav li.over ul { display: block;  }
	
Fix IE. Hide from IE Mac 
* html  #nav li { float: left; height: 1%; }
* html  #nav li a { height: 1%; }
	
	
	
	

										/*#nav{
											margin:0;
											padding:0;
											height:41px;
											width:900px;
											background:url(images/nav.jpg) no-repeat;
											position:absolute;
											bottom:0;
											left:5px;
											overflow:hidden;
											list-style:none;
										}
										#nav li{
											float:left;
										}*/
#content h1{
	font:24px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	background:url(images/line.jpg) 40px 100% no-repeat;
	padding-bottom:7px;
	margin:10px 0 0 5px;;
}

#content ul {
margin:0 0 0 30px;
padding:5px 0 0 0 ;
}
#content ul li{
list-style-position:outside;
}


.c-holder{
	width:870px;
	margin:0 0 0 20px;
	
}
.c-home{
	width:534px;
	margin:0 0 0 22px;
	_margin:0 0 0 10px;
	float:left;
}
#content p{
	margin:13px 0 0;
	font:12px Arial, Tahoma, sans-serif;
	/*color:#0d2f5c;*/
	color:#000000;
	line-height:18px;
}
#content a{
	color:#a87153;
	font-weight:bold;
}
#content .sidebox p{
	margin-top:8px;
}
#content .sidebox{
	width:320px;
	float:right;
	background:url(images/rect-mid.gif) repeat-y;
	margin:34px 0 0 0;
	padding:0 21px 0 0;
}
#content .sideholder{
	padding:17px 23px 32px;
}
#content .sidebox h2{
	margin:0;
	font:bold 18px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	background:url(images/line1.gif) 0 100% no-repeat;
	padding-bottom:3px;
	margin-left:3px;
}
#content .sidebox-top{
	background:url(images/rect-top.gif) no-repeat;
}
#content .sidebox-bot{
	background:url(images/rect-bot.gif) 0 100% no-repeat;
}
#boxarea{
	width:864px;
	margin-left:28px;
}
.box-holder{
	width:580px;
	float:left;
}
#boxarea .box1,
#boxarea .box2,
#boxarea .box3{
	width:275px;
	margin-top:10px;
 }
#boxarea .box1 p,
#boxarea .box2 p,
#boxarea .box3 p{
	font:11px Arial, Tahoma, sans-serif;
	text-align:justify;
	margin:6px 6px 0 6px;
}
#boxarea .box1{
	float:left;
}
#boxarea .box2{
	float:left;
	margin-left:18px;
}
#boxarea .box3{
	float:right;
}
#boxarea .img-frame{
	background:url(images/imgbg.gif) no-repeat;
	padding:9px 10px 7px 7px;
	outline:none;
	border:none;
}
#boxarea .img-frame a, #boxarea .img-frame img {
	border:none!important;
	border:red 1px;
	
	
}
#footer{
	background:url(images/bottom.gif) no-repeat;
	padding-top:39px;
	text-align:center;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer ul .first{background:none;}
#footer ul li{
	display:inline;
	background:url(images/foo-sep.gif) 0 5px no-repeat;
	padding-left:5px;
	margin: 0 0 0 -1px;
}
#footer ul li a{
	font:bold 12px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:none;
}
#footer p{
	margin:0;
	font:12px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
}

/*-----*/
#page-title {
	text-indent: 0px;
	font:bold 24px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:none;
	background:url(images/page_title.jpg) 0 0 no-repeat;
	padding: 5px 20px;
	margin: 5px 20px;
	height:40px;
}
#page-title2 {
	text-indent: 0px;
	font:bold 24px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:none;
	background:url(images/page_title2.jpg) 0 0 no-repeat;
	padding: 5px 20px;
	margin: 5px 20px;
	height:40px;
}
#quotes {
	margin:10px 0 10px 10px;
	_margin:8px 0 8px 3px;
	float:left;
	width:500px;
}
#pics {
	float:left;
	margin-left:20px;
}

.quote {
	font: 12px Arial, Tahoma, sans-serif;
	background:url(images/quote_start.png) top left no-repeat;
}
.quote div {
	background:url(images/quote_end.png) bottom right no-repeat;
	padding:5px 40px;
	font-style:italic;
}
.quote-name {
	text-align:right;
	font:bold 12px Arial, Tahoma, sans-serif;
	font-weight:bold;
	font-style:italic;
}
.quote-company {
	text-align:right;
	font:12px Arial, Tahoma, sans-serif;
	font-style:italic;
}
#quotes-outer {
	float:left;
	width:870px;
}
#skeleton {
	margin:10px 0 10px 10px;
	float:right;
	width:500px;
}
#skeleton-pic {
	float:left;
	margin-left:20px;
}
.skeleton-font {
	font: 12px Arial, Tahoma, sans-serif;
}
#skeleton-wide {
	float:left;
	width:870px;
}
#contact {
	float:left;
	width:870px;
}
#contact-left {
	margin:10px 0 10px 10px;
	_margin:8px 0 8px 3px;
	float:left;
	width:500px;
}
.contact {
	font: 12px Arial, Tahoma, sans-serif;
}
h3 {
	text-indent: 0px;
	font:bold 16px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:none;
	margin: 5px 0px;
	padding:0;
}

h4 {
	text-indent: 0px;
	font:bold 16px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:none;
	margin: 0px 0px;
	padding:0;
}

h5 {
	text-indent: 10px;
	font:bold 12px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:none;
	margin: 0px 0px;
	padding:0;
}

h6 {
	text-indent: 10px;
	font:bold 12px Arial, Tahoma, sans-serif;
	color:#0d2f5c;
	text-decoration:underline;
	margin: 0px 0px;
	padding:0;
}

#mobile-boxarea{
	width:870px;
}
.mobile-box-holder{
	float:left;
}
#mobile-boxarea .mobile-box1,
#mobile-boxarea .mobile-box2,
#mobile-boxarea .mobile-box3{
	width:275px;
	margin-top:10px;
		/*border:1px solid #f00;*/

 }
#mobile-boxarea .mobile-box1 p,
#mobile-boxarea .mobile-box2 p,
#mobile-boxarea .mobile-box3 p{
	font:12px Arial, Tahoma, sans-serif;
	text-align:justify;
	color:#000;
	margin:6px 18px 0 6px;
}
#mobile-boxarea .mobile-box1{
	float:left;
}
#mobile-boxarea .mobile-box2{
	float:left;
	margin-left:18px;
}
#mobile-boxarea .mobile-box3{
	float:right;
}
#mobile-boxarea .mobile-img{
	padding:0;
}
#mobile-boxarea ul li{
font:12px Arial, Tahoma, sans-serif;
}