/* Built by Errol Lishman June 2008.  ASK BEFORE you steal my code = webmspit (at) gmail.com */

/*** GENERAL PAGE COMMANDS  ***/
{
	margin: 0;
	padding: 0;
}

a:link {
	text-decoration: none;
	color: #0000FF;
}

a:hover, {
	text-decoration: none;
	color: #0000FF;
}

a:visited {
	text-decoration: none;
	color: #0000FF;
}


/*** HEADING COMMANDS  ***/
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(http://www.os.co.za/images/topline3.jpg) repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

#main
{
background: url(images/oshead.jpg) no-repeat;
height: 284px;
}

#header {
	width: 778px;
	height: 284px;
}

#logo {
	padding-left: 175px;
	width: 578px;
	padding-top: 100px;
	height: 100px;
}

#logo h1 {
	font-size: 10px;
	color: #F4F4F4;
	font-weight: bold;
}

#logo h1 a {
	color: #CCCCCC;
}

#logo h2 {
	margin-top: 51px;
    font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

#logo h2 a {
	color: #CCCCCC;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
}



/*** NAVIGATION MENU - HOME, CATALOG, CONTACT ETC.  ***/
#menu {
	padding-left: 0;
	padding-top: 38px;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	margin-left: 30px;
	padding-top: 15px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

#menu a:hover {
	height: 34px;
	margin-top: -5px;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}




/*** SITE PAGE WIDTH  ***/

#content
{
width: 900px;
padding: 10px
}



/*** LEFT COLUMN MAIN SETTINGS  ***/

#left
{
	float: left;
	width: 300px;
	padding-right: 1em;
	text-align: justify;
}



/*** RIGHT COLUMN MAIN SETTINGS  ***/

#right
{
	float: right;
	width: 900px;
	text-align: justify;
}

#right H4
{
	font-size: 12px;
	color: #0041A3;
}

#right H1
{
	font-size: 28px;
	color: #0041A3;
	padding-bottom: 10px
}

#right a
{
color: #0041A3;
text-decoration: none;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	text-align: justify;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: red;
}



/*** RIGHT COLUMN No2 SETTINGS  ***/

#right2
{
	float: right;
	width: 520px;
	text-align: justify;
}

#right2 h1
{
	font-size: 28px;
	color: white;
	padding-bottom: 10px
}

#right2 h2
{
	margin: 220;
	padding: 13px 0 0 20px;
	height: 33px;
	width: 280px;
	background: url(http://www.os.co.za/images/title2.png) no-repeat;
	font-size: 14px;
	color: #FFFFFF;
}


#right2 H4
{
	font-size: 12px;
	color: #0041A3;

}

#right2 a
{
color: #0041A3;
text-decoration: none;
}

#right2 p {
	margin: 0;
	padding: 90;
	padding-bottom: 10px;
	text-align: justify;
}









/*** LEFT COLUMN No2 SETTINGS  ***/

#left2
{
	float: left;
	width: 800px;
	padding-left: 2em;
	text-align: justify;
}


#left2
{
	float: left;
	width: 800px;
	text-align: justify;
}

#left2 h1
{
	font-size: 28px;
	color: white;
	padding-bottom: 10px
}

#left2 h2
{
	margin: 220;
	padding: 13px 0 0 20px;
	height: 33px;
	width: 280px;
	background: url(http://www.os.co.za/images/title2.png) no-repeat;
	font-size: 14px;
	color: #FFFFFF;
}

#left2 H4
{
	font-size: 12px;
	color: #0041A3;

}

#left2 a
{
color: #0041A3;
text-decoration: none;
}

#left2 p {
	margin: 0;
	padding: 90;
	padding-bottom: 10px;
	text-align: justify;
}




/*** HEADINGS TO BE BOXED SETTINGS  ***/

.boxed2 {
	margin-bottom: 2px;
	margin-left: 14px;
}

.boxed2 .title2 {
	height: 33px;
	width: 280px;
	padding: 13px 0 0 20px;
	background: url(http://www.os.co.za/images/title2.png) no-repeat;
	font-size: 14px;
	color: #FFFFFF;
}

.boxed2 .content2 {
	padding: 7px;
}




/*** DATE SETTINGS  ***/

.date {
	text-align: right;
	color: #0041A3;
	font-size: 11px;
	background-color: #fff;
}

.date a {
	color: #0041A3;
	background-color: #fff;
}




/***  PICTURE SETTINGS FOR LEFT AND RIGHT COLUMNS ***/
#right .pic
{
float: left;
margin: 5px;
}

#right .pic1
{
float: right;
margin: 5px;
}



#left .pic
{
float: left;
margin: 0px 10px 0px 10px;
}

#left .pic1
{
float: right;
margin: 5px;
}



/*** THE MIGHTY OS FOOTER SETTINGS  ***/

#osfooter {
	clear: both;
	margin-top: -3.8em;
	padding-top: 9px;
	background: url(http://www.os.co.za/images/footer01.jpg) repeat-x;
	text-align: center;
}

#osfooter p {
	margin: 0;
	color: #ffffff;
	font-size: 12px;
}

#osfooter a {
	color: #ffffff;
	font-size: 12px;
}

#osfooter a:hover {
	color: #FF0000;
}




/*** YIP, JUST AS IT SAYS....  ***/

acronym {
  cursor: help;
  border-bottom: 1px dotted #777;
}




/*** MORE - PLACES A LINK FOR GOING TO THE NEXT PAGE  ***/

#OSmore ul{
background:#fff; 
color:#fff;
}

#OSmore ul li a {
background: url(http://www.os.co.za/images/arrow1.gif) no-repeat; 
color: #0000FF; 
font-size: 14px;
line-height: 16px; 
padding: 0 25px; 
float: right;
/** border-bottom: 3px dotted #999999; **/
}


/*** BACK - PLACES A LINK FOR NAVIGATING BACKWARDS  ***/

#OSback ul{
background:#fff; 
color:#fff;
}

#OSback ul li a {
background: url(http://www.os.co.za/images/arrow2.gif) no-repeat; 
color: #0000FF; 
font-size: 14px;
line-height: 16px; 
padding: 0 25px; 
float: right;
/** border-bottom: 3px dotted #999999; **/
}








/*** SOME EXTRA STUFF.... ***/

#readmore {
  border-bottom: 1px dotted #777;
  float: right;
  border: 0;
  padding: 0;
}




#lineLT {
	font: 4px Arial, Helvetica, sans-serif;
	color: red;
	text-align: center;
}

#lineRT {
	font: 4px Arial, Helvetica, sans-serif;
	color: red;
	text-align: center;
}


.small p {
	margin: 0;
	font-size: 11px;
	text-align: justify;
}


.boxed {
	margin-bottom: 2px;
	margin-left: 14px;
}

.boxed .title {
	height: 33px;
	width: 280px;
	padding: 13px 0 0 20px;
	background: url(http://www.os.co.za/images/title2.png) no-repeat;
	font-size: 14px;
	color: #FFFFFF;
}

.boxed .content2 {
	padding: 7px;
}



/*** FOR THE SEARCH BOX ON THE INDEX PAGE ***/


#search2 {
	position: absolute;
    top: 192px; right: 30px;
}


#search {
	float: right;
}

#search form {
	float: right;
}

#search fieldset {
	border: none;
	float: right;
}

#search legend {
	display: none;
	float: right;
}

#search label {
	font-size: x-small;
	font-weight: bold;
}

#search input {
	margin-bottom: 5px;
	margin-left: 800px;
}





#text1, #text2 {
	width: 150px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
}

#ExtremeText {
	position: absolute;
    top: 10px; left: -1111px;
	z-index: -3;
}

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

#updates h3 {
	margin: 0;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
	margin-bottom: 1.4em;
	font-size: small;
	line-height: normal;
	text-align: justify;
}



/*** THIS IS THE END - phew!!! - ERROL, JUNE 2008 ***/