/*
Theme Name: Group 1 Motors
Theme URI: http://www.group1-motors.co.za
Description: A theme created for Group 1 Motors.
Version: 1.0
Author: Willem Louw (for WSI Web Marketing)
Author URI: http://www.wsiwebmarketing.co.za/
*/

/* CSS Document */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;

 background-color:#ffffff;
 margin:0px;

 padding:0px;
}
#wrapper { 
 margin: 0 auto;
 width: 940px;
 

}

img{
border:none;
}

#wrapper-inner{ 
 margin: 0px;
 width: 940px;
 background-color:#000000;
 float:left;

  margin-top:20px;
  
  background-image: url(/wp-content/uploads/mid-background.jpg) ;
 background-repeat: repeat-y;
 background-position: top center;
}

#content-area{ 
 margin: 0px;
 width: 940px;
 float:left

}

#header {
 color: #333;
 width: 905px;
 float: left;
  font-size: 12px;
  line-height:14px;
 padding-top: 33px;
  padding-left: 35px;

 height: 115px;
 margin: 0px;
 background-image: url(/wp-content/uploads/header.jpg) ;
 background-repeat: no-repeat;
}
#leftcolumn { 
 color: #333;
border-top: 5px solid #c5c4c4;
 background: #EEEEEE;
 margin-left: 20px;
 padding: 0px;
 height: 1000px;
 width: 300px;
 float: left;
 display:inline;
}
#leftmiddle { 
 color: #333;
border-top: 5px solid #c5c4c4;
 background: #DBDADA;
 margin: 0px;
 padding: 0px;
 height: 1000px;
 width: 300px;
 float: left;
 display:inline;
}
#rightmiddle { 
 color: #333;
border-top: 5px solid #c5c4c4;
 background: #EEEEEE;
 margin: 0px;
 padding: 0px;
 height: 1000px;
 width: 300px;
 float: left;
 display:inline;
}
#rightcolumn { 
 color: #333;
border-top: 5px solid #c5c4c4;
 background: #EEEEEE;
 margin-right: 20px;
 padding: 0px;
 height: 1000px;
 width: 300px;
 float: left;
 display:inline;
}

.column-logo img{

}

.column-logo{
text-align:center;
height:150px;
clear:both;
}

.column-brand{
height:40px;
clear:both;
padding-left:20px;
}

.column-brand p{
padding:0px;
margin:0px;
line-height:40px;
font-size:18px;
}

.column-brand A:link {color: black; text-decoration: none;}
.column-brand A:visited {color: black; text-decoration: none;}
.column-brand A:active {color: black; text-decoration: none;}
.column-brand A:hover {color: black; text-decoration: none;}

.column-image{

clear:both;
padding-left:11px;

padding-top:10px;
}


.column-content{
clear:both;
padding-left:15px;
font-size:13px;
padding-top:10px;
line-height:17px;

}

.column-content p { 
margin:0px;
padding-top:7px;
padding-bottom: 7px;
}


.column-content A:link {color: black; text-decoration: underline;}
.column-content A:visited {color: black; text-decoration: underline;}
.column-content A:active {color: black; text-decoration: underline;}
.column-content A:hover {color: black; text-decoration: underline;}


#footer { 
 width: 940px;
 clear: both;
 color: #ffffff;
height:60px;
font-size:11px;
 margin: 0px;
 padding: 0px;
background-image: url(/wp-content/uploads/bottom.jpg) ;
 background-repeat: no-repeat;
 background-position: top center;
 text-align:center;
 background-color: #ffffff;

}

#footer p {
line-height:15px;
padding-top:7px;
}
.clear {
float: left;
width: 1px;
}
#mobicontainer {
width: 900px;
margin: auto;
}
#mobility {
width: 532px;
float: left;
background: #fff;
padding: 15px;
}
#mobisidebar {
width: 320px;
float: right;
}

.mobibutton {
float: right;
margin: -50px 20px 0px 0px;
background: #c11e44;
padding: 10px 20px;
border-radius: 10px;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 14px;
}