/*******************************************************
PROJECT: Queenswood Enterprises Limted
DATE: 7th July 2008
AUTHOR: Chad Durham @ Big Hello Design
NOTE: Hello CSS curious person, nice to have you here. Looking through code is in my opinon the best way to learn and advance, it's how I learnt and I thoughly reccomended it  - so, go ahead, teach yourself whatever you can, write your own styles. Just please don't steal the site. C
*******************************************************/

body {
margin: 0;
padding:0;
height:100%;
background-color:#1f1f23;
text-align: left;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

img {  
border-style: none;
}

.pic {  
border-style: none;
margin-top: 10px;
}

br.clear {
  clear: both;
  height: 0;
  line-height: 0px;
}

/*************************************
Navigation - Boxes & Text
************************************/
#navigation {	
margin:0 auto;
padding: 0;
width:910px;
text-align:left;
vertical-align: middle;	
height: 180px;
background-image: url(../images/school_faded_back.jpg);
}

#nav_box1, #nav_box2, #nav_box3, #nav_box4 {
float:left;
margin: 0;
padding: 0;
width:220px;
height: 30px;
}

#nav_box1 {
margin-right: 10px;
background-color: #745e9b;
}

#nav_box2 {
margin-right: 10px;
background-color: #a3c056;
}

#nav_box3 {
margin-right: 10px;
background-color: #8baed9;
}

#nav_box4 {
background-color: #c45b6a;
}

#nav_box1 a , #nav_box2 a , #nav_box3 a , #nav_box4 a {
background-color: #ffffff;
}

#nav_box1 a:hover , #nav_box2 a:hover , #nav_box3 a:hover , #nav_box4 a:hover {
background: #ffffff url(../images/single_white_pixel.gif) repeat;
}

#nav_text1, #nav_text2, #nav_text3, #nav_text4 {
float:left;
padding: 0 0 0 10px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
width: 210px;
}

#nav_text1, #nav_text2, #nav_text3 {
margin-right: 10px;
}

#nav_text4 {
width: 200px;
}

#nav_text1 h2, #nav_text2 h2, #nav_text3 h2, #nav_text4 h2 {
margin-top: 3px;
}


#nav_text1 h2 a {
color: #745e9b;
margin-right: 10px;
}

#nav_text2 h2 a {
color: #a3c056;
margin-right: 10px;
}

#nav_text3 h2 a {
color: #8baed9;
margin-right: 10px;
}

#nav_text4 h2 a {
color: #c45b6a;
}

#nav_text1 h2 a:hover , #nav_text2 h2 a:hover , #nav_text3 h2 a:hover , #nav_text4 h2 a:hover {
color: #ffffff;
text-decoration: none;
}

#logo {
float:left;
margin: 7px 0 0;
padding: 0;
width:400px;
}

#sheild {
float: right;
margin: 0;
padding: 0;
}

/*************************************
Wrapper to entire site
************************************/
#centerColumn { 	
margin:0 auto;
padding: 0;
width:910px;
text-align:left;
vertical-align: middle;	
}

/*************************************
Boxes to highlight section
1 = single cell
2 = double cell
3 = end cell
************************************/

#purple1, #purple2, #purple3, #purple4, #green1, #green2, #green3, #green4, #blue1, #blue2, #blue3, #blue4, #pink1, #pink2, #pink3, #pink4 {
float:left;
margin: 0;
padding: 0;
height: 12px;
}

#purple1, #purple2 {
margin-right: 10px;
width: 220px;
background-color: #745e9b;
}

#purple2 {
width: 450px;
}

#purple3 {
width: 220px;
background-color: #745e9b;
}

#purple4 {
width: 450px;
background-color: #745e9b;
}

#green1, #green2 {
margin-right: 10px;
width: 220px;
background-color: #a3c056;
}

#green2 {
width: 450px;
}

#green3 {
width: 220px;
background-color: #a3c056;
}

#green4 {
width: 450px;
background-color: #a3c056;
}

#blue1, #blue2 {
margin-right: 10px;
width: 220px;
background-color: #8baed9;
}

#blue2 {
width: 450px;
}

#blue3 {
width: 220px;
background-color: #8baed9;
}

#blue4 {
width: 450px;
background-color: #8baed9;
}

#pink1, #pink2  {
margin-right: 10px;
width: 220px;
background-color: #c45b6a;
}

#pink2 {
width: 450px;
}

#pink3 {
width: 220px;
background-color: #c45b6a;
}

#pink4 {
width: 450px;
background-color: #c45b6a;
}



/*************************************
Homepage caption
************************************/
.caption {
margin: 10px;
padding: 0;
color: #ffffff;
}


.caption a {
color: #745e9b;
text-decoration: none;
}

.caption a:hover {
color: #ffffff;
text-decoration: underline;
}

/*************************************
Picture thumbnails
************************************/
.thumbs {
float:left;
margin: 0;
padding: 0px 15px 15px 0;
}
.thumbs_col {
float:left;
margin: 0;
padding: 0px 0 15px 12px;
}

/*************************************
Form Styles
************************************/
.home_box_2 ul , .home_box_2 li {
	list-style-image: none;
	list-style-type: none;
	color: #fcfcfc;
	margin-left: -13px;
	margin-bottom: 15px;

}

.home_box_2 li.row1 {
	margin-bottom: 0px;
}

.home_box_2 li.row2 {
	margin-left: 110px;
	margin-top: -20px;
}

.home_box_2 h2 {
	background-color: #fa1010;
	color: #ffffff;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-right: 10px;
	padding-left: 12px;
}
 
.qwform , .qwform_msg  {
	color: #000000;
	width: 250px;
	background-color: #aca8ab;
	border: 1px solid #aaa;
} 

.qwform {
	height: 50px;
}

.qwform_msg {
	height: 100px;
	min-height: 100px;
	max-height: 200px;
	max-width: 250px;
	vertical-align: 1px;
	overflow: auto;
	visibility: visible;
	margin-bottom: 15px;
}
.submit {
	margin-bottom: 15px;
}

.label{
    text-align:right;
    }
    
/*************************************
Footer
************************************/
#footer {
float:left;
margin: 0;
padding: 1px 0 0;
width:910px;
height: 37px;
background-color: #151518;
}

.footer_pipe {
	color: #8d8d8d;
}

#footer_access {
float:right;
margin: 0;
padding: 6px 0 0;
margin-right: 10px;
}

#footer_left , #footer_right {
color: #ffffff;
	padding-top: 10px;
}

#footer_left {
float:left;
margin-left: 10px;
}

#footer_right {
float:right;
}

#footer_left a , #footer_right a {
color: #000000;
text-decoration: underline;
}

#footer_left a , #footer_right a {
color: #ffffff;
text-decoration: underline;
}


/*************************************
Big Hello Design Ltd Link
************************************/
#footer_bighello {
float:right;
margin: 7px 0 0;
padding: 10px 0 0;
width:910px;
font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: right;
color: #6b6b6d;
height: 20px;
	background-color: #1f1f23;
}


#footer_bighello a {
color: #6b6b6d;
}


#footer_bighello a:hover {
color: #f1f1f1;
}