/*------------------------------------------------------------------
    Gary Parker @ CoCreate
    for
    CoCreate
    08/11/2011

    Version 1.0

    Project: CoCreate Website

    **Please annotate amendments and log below**
    --------------------------------------------
    Amendments

    --------------------------------------------
##Designers Notes
-----------------
--------------------------------------------------------------------*/


*{
    padding:0;
    margin:0;
}
html{
    min-height:100.5%;
}
img{
    border:none;
}
ul{
    list-style:none;
}
.left{
    float:left;
}
.right{
    float:right;
}
.textCenter{
    text-align:center;
}
.textRight{
    text-align:right;
}
.floatFix{
    clear:both;
    width:1px;
    height:1px;
}
/*-------------------------------------------------------------------*/

/*-----------------
	Utilities
-----------------*/

.clearBoth {
	clear:both;
}

/*-----------------
	Padding
-----------------*/

.padright25 {
	padding-right:25px;
}

/*-----------------
	Margin
-----------------*/

.margintop20 {
	margin-top:20px;
}

.margintop25 {
	margin-top:25px;
}

/*-----------------
	Widths and Height
-----------------*/

.width370{
	width:370px;
}

/*-----------------
	Fonts
-----------------*/

.arial {
	font-family:Arial, Helvetica, sans-serif;
}

.helvetica{
	font-family:Helvetica, sans-serif;
}

/*-----------------
	Font Size
-----------------*/

.size12{
	font-size:12px;
}

.size14{
	font-size:14px;
}
.size16{
	font-size:16px;
}

/*-----------------
	Line Height
-----------------*/

.line14{
	line-height:14px;
}

.line15{
	line-height:15px;
}

.line18{
	line-height:18px;
}


/*-----------------
	Colors
-----------------*/

.grey {
	color:#666;
}

.white {
	color:#FFF;
}

.blue {
	color:#416194;
}

.black {
	color:#000000;
}



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

body {
	background:url(../images/bg.gif) repeat;
}

#wrapper {
	width:1020px; margin: 0 auto;
	background:url(../images/whitebg.png) repeat-y;
}

header {
	margin: 0 auto;
	background:url(../images/header2.png) no-repeat;
	height:230px;
	width:1040px;
}

#top {background:url(../images/dash_border_small.png) bottom left no-repeat;}

#leftcol {
	margin-left:85px;
	width:415px;
	float:left;
	background:url(../images/dash_border_small.png) top left no-repeat;
}
#leftcol p {
	padding-bottom:20px;
}
.borderBottom{background:url(../images/dash_border_small.png) bottom left no-repeat;}

.quote{
	text-align:center;
	padding-top:12px;
	width:700px;
	height:30px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	background-color:#FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
}


.side_header {
	background:url(../images/h_bg.png) no-repeat top left;
	height:35px;
	width:339px;
	padding-left:85px;
	padding-top:9px;
	margin-bottom:25px;

}




article {
	background:url(../images/dash_border.png) top left no-repeat;
	margin-left:85px;
	padding-top:20px;
	padding-bottom:20px;
}

/*---------------------
	Single Elements
---------------------*/

.mainimg {
	float:right;
	margin-right:50px;
}

ul.grey li{
	list-style-type:disc;
	margin:0 0 0 16px;
}

header h2 {
	padding-top:162px;
	padding-left:330px;
}

li a {
	text-decoration:none;
	color:#666;
}

li a:hover {
	text-decoration:underline;
}

/*-----------------
	Footer
-----------------*/

footer {
	margin: 0 auto;
	background:url(../images/footer.png);
	width:1008px;
	height:60px;
}

footer p {
	padding-top:20px;
	padding-left:25px;
	color:#FFF;
	font-size:17px;
}

section{padding-bottom:40px;}

.selectBox{	
background-color:#416194;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
width:393px;
padding:5px 10px 5px 10px;
height:90px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
}
#leftcol .selectBox p{
	padding:0 0 5px 0;
	color:#FFF;
}
.selectBox select{
background-color:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
width:180px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
border-color:#CCC;
font-size:18px;
font-weight:100;
color:#416194;
}