/* 
Title:		Master styles for screen media
Author: 	sacur.ibraimo@shortcut.co.mz
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.4; font-style: normal; font-weight: normal; }
body { color: #4b2c0a; font: normal 62.5% Georgia, 'Times New Roman', serif; min-width: 960px; background: #FFFFFF url(../img/header-bg.jpg) repeat-x;}

/* block level */
h1 { font-size: 22px; }
h2 { color: #272e03; font-size: 34px; text-transform: uppercase; line-height: 1.1; margin: 0 0 10px; }
h3 { clear: both; color: #272e03; font-size: 18px; font-weight: normal; margin: 0 0 0.7em; }
h4 { color: #272e03; font-size: 14px; font-weight: bold; margin: 0 0 0.8em; }
h5 { font-size: 12px; color: #272e03; margin: 0 0 0.5em; }
h6 { font-size: 11px; color: #8f704d; margin: 0 0 0.5em;/ }

p, ul, dl, ol, table { font-size: 13px; margin: 0 0 1.5em; }

ol { padding-left: 18px; }

ul li { list-style-type: none; padding-left: 17px; }

table { clear: both; border-collapse: collapse; width: 100%; margin: 0 0 1em; border-top: 4px solid #d7d57e; border-bottom: 2px solid #d7d57e; }	

/* inline */

em { font-style: italic; }
strong, strong em { font-weight: bold; }

a { color: #5c6531; }
a:hover, a:focus { color: #b0ad25; }

#main img { float: left; display: block; margin: 0 15px 15px 0; border: 1px solid #272e03; }

input, textarea { color: #000; font-size: 12px; }
input.empty { font-style: italic; }

code { font: 12px/1 'Courier New', Courier, monospace; }

sub, sup { line-height: 0; }

address { font-size: 13px; }

/* links */

a:link, a:visited {
	text-decoration: none;
	outline: none;
	color: #0678BE;
	}
	
.clearfix {
	clear:both;
}

/*-------------------------------------------    
    Global combinations
-------------------------------------------*/
#logo h1 a, #nav a, #slogan h2 { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#wrap, #nav, #content, #footer, #footer-wrap { margin: 0 auto; }

#wrap {
	width: 960px;
	padding: 25px 0 0 0;
	backgroundx:url(../img/grid.png) repeat;

	}
	
#logo {
	width:350px;
	float:left;
}

#nav {
	width:580px;
	float:right;
}

#main {
	width:550px;
	float:left;
	borderx:1px solid
}	

#sidebar {
	width:350px;
	float:right;
}

#footer {
	clear:both;
	width:100%;
	padding:20px 0;
	background:#f6f6f2
}		

#footer-wrap {
	width:960px;
	}

/*-------------------------------------------    
    Logo/Nav
-------------------------------------------*/

#logo h1 a { width: 200px; height: 100px; background-image: url(../img/logo.png); }

#nav ul {
	padding: 25px 0 25px;
	list-style: none;
	overflow: hidden;
	}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0 5px;
	background:url(../img/nav-sep.png) 100% 50% no-repeat;
	}
#nav ul li a { height: 50px; }

#nav ul li a#home { width: 72px; background:url(../img/nav-home.png) no-repeat 50% 50%;}
#nav ul li a#about { width: 118px; background:url(../img/nav-about.png) no-repeat 50% 50%;}
#nav ul li a#services { width: 95px; background:url(../img/nav-services.png) no-repeat 50% 50%;}
#nav ul li a#portfolio { width: 126px; background:url(../img/nav-portfolio.png) no-repeat 50% 50%;}
#nav ul li a#contacts { width: 119px; background:url(../img/nav-contacts.png) no-repeat 50% 50%;}

   
/*-------------------------------------------    
    Main
-------------------------------------------*/

#slogan h2#tag { width:500px; height:35px; background:url(../img/slogan.png) no-repeat; margin:10px 0 0 0; padding:0;}

#slogan h2#statement { width:500px; height:110px; background:url(../img/statement.png) no-repeat; margin:0; padding:0; borderx:1px solid}




#content {
	padding:20px 0;
}

#main-body p{
	font-size:14px;
	line-height:1.5;
	margin:1.5em 0;
}

#content h1 {
	font-size:26px;
	margin:15px 0;
	text-transform:uppercase;
}

#content ul li{list-style:inside; padding:2px 0}

#portfolio-links a { display:block; width:500px; padding:75px 0 3px 10px; border:6px solid #ccc; margin:0 0 20px 0; font-weight:bold; color: #FFf}

#portfolio-links a:hover {border-color:#666666}

#portfolio-links a#iodmz {background:url(../img/iodmz-bg.png) bottom left}
#portfolio-links a#gdi {background:url(../img/gdi-bg.png) bottom left}
#portfolio-links a#cmcq {background:url(../img/cmcq-bg.png) bottom left}
#portfolio-links a#adapsf {background:url(../img/adapsf-bg.png) bottom left}
#portfolio-links a#olima {background:url(../img/olima-bg.png) bottom left}



/* sidebar 
--------------------------------------------- */

#utils {
	padding:25px 15px;
	font-size:13px;
}


#utils h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #a14141;
	border-bottom: 2px solid #ecebe1;
}

#utils li {
	display: block;
	padding: 7px;
	border-bottom: 1px solid #f3f2e8;
	overflow: hidden;
	font-weight:normal;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	}

/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer-wrap * {font-size:12px; text-align:justify;}

#about-intro, #follow-us, #find-us, #reading { border-top:1px solid #F79121;}

#about-intro { width:200px; float:left; }

#find-us { width:200px; float:left; margin-left:30px; }

#follow-us { width:140px; float:left; margin-left:30px; }

#reading { width:330px; float:right;}

#footer h4 {
	margin:10px 0 15px;
	text-transform:uppercase;
	font-weight:normal;
	font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-style: normal;
}

#copy {
	clear:both;
	padding:2px 0;
	border-top:1px solid #ccc;
}

#reading img {float:left; margin-right:15px; border:5px solid #ccc;}