/***********************************************/
/* style.css                                   */
/* For use on Munjeet.com v5                   */
/* Author ~ Munjeet Singh                      */
/*          email@munjeet.com                  */
/***********************************************/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
select {font-size: x-small;}
input {font-size: x-small;}

/*-----------------------------------------------------------------------------------------------
   Divs to prevent collapse IE6
-----------------------------------------------------------------------------------------------*/

/*\*/ * .width{
	width:997px;
}
/**/

.width {
	width:100%;
	min-width: 997px;
}

.allcontent {
	margin-left:0px;
	width:100%;
}


* html .minwidth {
	padding-left:998px;
}

* html .container {
	margin-left:-998px;
	position:relative;
}


/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body{
	color:#BFBFBF;
	font-size:11px;
	font-family:Arial, sans-serif;
	background-color: #000000;
}

/* This class sets the width and position for all rows */
.inside{
	margin-top:0;
    margin-left: auto;
    margin-right: auto;
	width:800px;
}

.feature{
	margin-top:0;
    margin-left: auto;
    margin-right: auto;
	width:800px;
	
}

.feature h1{
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}


.primary a {
	text-decoration:none;
	color:#FF9900;
	text-decoration:none;
}

a{
	color: #fff;
    text-decoration: none;
    border-bottom: #fff;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

a:hover{
	text-decoration: none;
	color:#000;
	background-color: #FFF;
}
a:hover img{
	text-decoration: none;
}

img{
	border:none;
}

.simpleimg{
	text-decoration: none;
	border-style: none none none none;
	border:none;
}

h1{
	color:#CCC;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
}

h2, h3{
	font-size:1.15em;
	color:#FFF;
	font-weight:normal;
}
#primary h2{
	color:#CCC;
}

p{
	margin:10px 0 0 0;
	line-height:1.35em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}
.contact{
	float:left;
	width:65px;
	height:35px;
	background: none;
	border-width: 0px 0px 0px 0px;
	background-image: url(../images/Contact.gif);
	}
.contact a{
	background: none;
    border-width: 0px 0px 0px 0px;
}
.contact a:hover{
	background: none;
    border-width: 0px 0px 0px 0px;
}

#quickport:hover{
	-moz-opacity:.99;
}

/*-----------------------------------------------------------------------------------------------
  Sheetswitcher
-----------------------------------------------------------------------------------------------*/
#sheetswitcher{
	background:#000;
}

/*-----------------------------------------------------------------------------------------------
  Hidden Elements
-----------------------------------------------------------------------------------------------*/
.hidden{
	display:none;
}

.hidden a{
	display:none;
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background-image: url(../images/banner2.jpg);
	height: 400px;
	background-repeat: no-repeat;
}

#header .feature{
	padding-top:3.5em;
}

#header-front{
	background-image: url(../images/banner2.jpg);
	height: 361px;
	background-repeat: no-repeat;
}

#header-front .feature{
	padding-top:3.5em;
}

/*-----------------------------------------------------------------------------------------------
  Quick portfolio
-----------------------------------------------------------------------------------------------*/

#quickport{
	float:right;
	width:290px;
	height:35px;
	margin: -4em 0 0 0;
	padding: 0px;
	-moz-opacity:0.4;
	text-align:right;
	background-image: url(../images/toolbar.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: x-small;
}

#quickport:hover{
	-moz-opacity:.99;
}
#dropdown{
	float:right;
	width:150px;
	margin-right: 10px;
	margin-top: 9px;
}
#dropdown .smalltext{
	font-size: small;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	padding:1px 0 2em 0;
	color:#808080;
}

#primary .primary{
	float:right;
	width:65%;
}
#primary .secondary{
	float:right;
	width:30%;
	margin-right:5%;
	padding-top:0.65em;
	display:inline;
}
* html #primary .secondary{ margin-right:3%; }

.secondary .featured p{
	border-bottom:1px solid #333333;
	border-top: 1px solid #333333;
	padding:0.5em 0 0.6em 0;
	line-height:1.5em;
	margin:1em 0 0 0;
}
.secondary .featured dl{
	margin:0 0;
	border-bottom:1px solid #333333;
	padding:0.5em 0 0.6em 0;
}
.secondary dt{
	display:inline;
	margin:0;
	padding:0;
	color:#AAA;
}
.secondary dd{
	display:inline;
	margin:0;
	padding:0;
}
.secondary dd a{ color:#808080; }
.secondary dd a:hover{
	text-decoration: none;
	background-color: #FF9900;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/
.details{
	padding: 10px 0 0 0;
	width: 470px;
	height: 250px;
	float:right;
}

.descriptions{
	padding: 10px 0 0 0;
	width: 300px;
	height:352px;
	float:left;
}

.detailsfull{
	padding-top: 10px;
	margin-left: auto;
    margin-right: auto;
	width: 800px;
	height: 360px;
}

.details-short{
	margin-top: 10px;
	padding: 5px 15px 0px 15px;
	width: 470px;
	height: 350px;
	float:right;
	background-color: #000000;
}

#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
	margin:1em 0;
	padding:0.5em;
	border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }


/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary{
	display:inline;
	padding:0 0 0 0;
}
#ancillary .block-small{
	float:left;
	width: 5%;
	padding:0;
	margin:0 0 0 0;
}
#ancillary .block-first{
	float:left;
	width: 35%;
	padding:0;
	margin:0 0 0 0;
}
#ancillary .block-front1{
	float:left;
	width: 36%;
	padding:0;
	margin:0 0 0 0;
}
#ancillary .block-front2{
	float:right;
	width: 63%;
	height: 190px;
	padding:0;
	margin:0;
}
#ancillary .block{
	float:right;
	width: 64%;
	height: 190px;
	padding:0;
	margin:0;
}
#ancillary .block-thirds{
	float:left;
	width: 30%;
	padding:0;
	margin:-10px 25px 61px 0;
}
#overflow{
	overflow: auto;
	height: 190px;
	padding:0 10px 0 0;
}
* html #ancillary .block{
	margin-left:0%;
}
#ancillary .block-separator{
	clear:both;
	height:2.5em;
}

#ancillary .block h2, #ancillary .block-first h2, #ancillary .block h3{
	margin: 0 0 0 0;
	font-size: 18px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

.footer{
	clear:both;
	color:#939393;
	margin:1em 0 3em 0;
}

.footer p{
	margin:0;
	font-size:0.95em;
}


/*-----------------------------------------------------------------------------------------------
  Contact Layout
-----------------------------------------------------------------------------------------------*/

label {
	color:#BFBFBF;
	font-family:Arial, sans-serif;
	display:block;
	float:left;
	width: 85px;
	text-align: right;
	height: 20px;
	padding: 0px;
	margin: 0px;
}

#contactcontainer {
	margin: 10px auto;
	padding: 8px;
	width: 470px;
	height: 350px;
	float:right;
	background-color: #000000;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 90px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 20px;
} 

fieldset {
	border: 0px;
}
	
input, textarea, .options {
	padding: 0.2em;
}

.options input {
	float: none;
	padding-left: 0;
}
div.buttons {
	clear: both;
	float: left;
	width: 300px;
	padding-top: 20px;
}

.options label {
	color: #FFFFFF;
	text-transform: none;
}

#innerform {
	float: left;
	padding: 0px;
}

.clearthis {
	clear: both;
}

/*-----------------------------------------------------------------------------------------------
  Contact Text
-----------------------------------------------------------------------------------------------*/


p.message {
	color: #FFFFFF;
	background: #CCCCCC;
	display: block;
	padding: 10px;
	width: 90%;
}
p.explanation {
	font-weight: normal;
	color: #003300;
}

legend {
	display: table;
	position: relative;
	color: #003300;
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px dotted #663300;
	background: #FFFFCC;
}

span.highlight { background-color: #fbffc1; }
span.highlight2 { background-color: #d1ffc1; }
var { color: #b00000; }

codeblock {
	border: 1px solid #DADADA;
}

dl {
	background-color: #d8f4fe;
	color: #FFFFFF;
	border: 1px solid #acd3ff;
	padding: .5em;
}

dt {
	margin: 0 1em 0 0;
	color: #FFFFFF;
}

dd {
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------------------
  Contact Errors
-----------------------------------------------------------------------------------------------*/

.none {
	display: block;
	position: relative;
	color: #333;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #fff;
	border: 1px dotted #ccc;
}

.NOTOK {
	display: block;
	position: relative;
	color: #FFFFFF;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #ffdfdf;
	border: 1px dotted #de9292;
}

.OK {
	display: block;
	position: relative;
	color: #003300;
	margin: 0 0 1em;
	padding: 0.5em;
	border: 1px dotted #de9292;
	background-color: #CCFFAA;
}

.errorMessage {
	display: block;
	position: relative;
	color: #FFFFFF;
	margin: 0 0 1em;
	padding: 0.5em;
	background-color: #990000;
}

.focus { background-color: #fefbc8; }

.error {
	background: #FF9999;
}

.warning {
	background: url(../img/marks.gif) no-repeat left 0px;
}

.checkmark {
	background: url(../img/marks.gif) no-repeat left -40px;
}

.question {
	background: none;
}

.highlight {
	background: url(../img/marks.gif) no-repeat left -60px;
}