/* CSS Document 

--------------------------------------------------------------------
						Chris Jackson, Director @ CoCreate, chris@cocreatedesign.com
						for
						Icon Print Group Ltd
						20/01/09
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						--------------------------------------------
						
## Designers Notes
------------------
Colours
-------	
Cyan: #00adef
Dark Blue: #003d8f
			
--------------------------------------------------------------------
*/

/*---------------
	Global 
----------------*/

*{margin:0;padding:0;border: none;}
html{height:100%; margin:0 0 1px 0;}
body{background-image:url(../images/bg.jpg);background-position:top center; background-repeat:repeat-x; background-color: #00CCFF; height:100%; margin:0 0 1px 0;}
#page{width:1080px;margin:0 auto 0 auto;background-repeat: repeat;}
#wrapper{width:1016px;margin:0 auto 0 auto;float: left;padding: 0 0 10px 64px;background-image: url(../images/bg_strip.png);background-repeat: repeat;}

/*---------------
	Typography 
----------------*/

p{color:#003d8f;font-family:"Trebuchet MS";font-size:0.8em;line-height:1.4em;float: left;margin: 10px 0 0 15px;display:inline;}

a{
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	line-height:1.4em;
	text-decoration: none;
	float: left;
}
a:hover{text-decoration:underline;}

.btn{color:#003d8f;font-family:"Trebuchet MS";font-size:0.8em;line-height:1.4em;float: left;margin: 5px 0 0 10px;}
.panel{color:#003d8f;font-family:"Trebuchet MS";font-size:0.7em;float: left;margin: 0 0 0 15px;width: 145px;}
.panelThin{color:#003d8f;font-family:"Trebuchet MS";font-size:0.7em;float: left;width: 110px;}
.panelThinOutdoor{color:#003d8f;font-family:"Trebuchet MS";font-size:0.7em;float: left;width: 135px;}

.cyan{
	color:#0099FF;
	float: none;
}
.red{color:#FF0000;}
.green{color:#66CC00;}
.purple{color:#663399;}
.orange{color:#FF9900;}

.footerLeft{color:#FFFFFF;margin:8px 0 0 75px;display:inline;}
.footerRight{color:#FFFFFF;margin:8px 10px 0 0;float:right;font-size: 0.8em;}
.footerFarRight{color:#FFFFFF;margin:8px 80px 0 0;float: right;font-size: 0.8em;}

h1 {color:#FFFFFF;font-family:"Trebuchet MS";font-size:1.2em;height:30px;background-image:url(../images/bg_title.gif);width: 705px;padding: 10px 0 0 15px;font-weight: lighter;margin: 0 0 20px 0;}
h2 {color:#FFFFFF;font-family:"Trebuchet MS"; font-size:0.9em; height:20px;background-image:url(../images/bg_subtitle.gif);width: 415px;padding: 5px 0 0 15px;font-weight: lighter;margin: 0 0 5px 0;}
h3 {font-size:1em;float: left;}
h4 {color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size:1em;margin: 0 0 0 15px;}


.panelNarrow{background-image:none;text-align:center;width: 100px;margin:0;padding:0;height: 45px;}
.panelNarrowOutdoor{background-image:none;text-align:center;width: 130px;margin:0;padding:0;height: 45px;}

.columnWide{width:410px; display:inline;}
.columnMedium{width:335px;float: left; display:inline;}
.columnNarrow{width:225px;float: left; display:inline;}


/*---------------
	Structure 
----------------*/

#header{height:130px;width:952px;float: left;background-image: url(../images/header.gif);}
#leftCol{width:215px;float: left;}
#content{width:720px;float: left;margin:0 0 20px 17px;}
#accordion{
    float:left;
    width:415px;
}

.element p{margin-bottom:20px;}

#leftOffer{width:210px; height:95px; margin:15px 0 0 0; padding:25px 0 0 5px; background-image:url(../images/bg_offerhome.gif); float: left;}
#leftWedo{width:210px; height:95px; margin:15px 0 0 0; padding:25px 0 0 5px; background-image:url(../images/bg_wedo.gif); float: left;}


#homePanel{background-image:url(../images/panel_home.gif);width:175px;height:250px;padding:0;float:left;margin: 15px 5px 0 0;}

#rightImg{background-image:url(../images/bg_img.gif);width:210px;height:210px;float: left;margin: 0 0 0 30px;padding: 20px 20px 20px 20px;}
#btnContact{width:225px;float: left;margin: 5px 0 0 0;}

#contactMap{width:450px;float:left;margin: 0 0 0 15px;height: 350px;display: block;}

#servicesTitle{width:720px; padding:0; margin:0 0 5px 0;}

#servicesPanel{height:295px; padding:20px 12px 0 12px; float:left;margin:0 4px 15px 0;}
.servicesPrint{background-image:url(../images/panel_print.gif);width: 116px;}
.servicesDig{background-image:url(../images/panel_digital.gif);width: 116px;}
.servicesExh{background-image:url(../images/panel_exh.gif);width: 116px;}
.servicesOutdoor{background-image:url(../images/panel_outdoor.gif);width: 152px;}

#servicesOffer{width:280px;height:95px;padding:25px 0 0 5px;float:left;margin:0 5px 0 0;background-repeat: no-repeat;}
.offerPrint{background-image:url(../images/offer_print.gif);}
.offerDig{background-image:url(../images/offer_digital.gif);}
.offerExh{background-image:url(../images/offer_exhibition.gif);}
.offerOutdoor{background-image:url(../images/offer_outdoor.gif);}

#servicesContact{width:155px;height:90px;padding:30px 0 0 275px;float:left;background-repeat: no-repeat;}
.contactPrint{background-image:url(../images/contact_print.gif);}
.contactDig{background-image:url(../images/contact_digital.gif);}
.contactExh{background-image:url(../images/contact_exh.gif);}
.contactOutdoor{background-image:url(../images/contact_outdoor.gif);}

#leftProductCol{width:350px;float: left;}
#rightProductCol{width:360px;margin:0 0 0 10px;float: left;}

#productListItem{width:720px;float: left;border-top:dotted thin #999999;padding: 10px 0 10px 0;}
#productImage{width:350px;height:270px;float: left;margin: 10px 0 10px 0;}
#productThumbnail{width:110px; height:65px; margin:10px 10px 0 0; float: left;}

#homePanel img, #servicesPanel img {margin-bottom:5px;}


/*---------------
	Menus 
----------------*/

#mainMenu ul{width:952px;float:left; margin:0 0 20px 0;}
#mainMenu ul li{list-style:none;background-image:url(../images/btn_bg_gradient.gif);border-left:solid #FFFFFF 1px;border-right:solid #CCCCCC 1px;float:left;display: block;width: 156px;}
#mainMenu ul li a{font-family: "Trebuchet MS";text-align:center;color:#003d8f;font-size:0.8em;padding: 5px 0 0 0;height: 23px;width: 156px;}
#mainMenu ul li:hover { background-position: 0 -28px;}

#leftMenu ul{
	width:215px;
	float:left;
	height: 250px;
}
#leftMenu ul li{
	list-style:none;
	width:213px;
	background-image:url(../images/btn_bg_left.gif);
	float:left;
	display: block;
	border: solid #CCCCCC 1px;
}
#leftMenu ul li a{font-family: "Trebuchet MS";color:#003d8f;font-size:0.8em;height: 24px;padding: 10px 0 0 15px;}
#leftMenu ul li:hover {background-image:url(../images/btn_bg_left_over.gif);}

#leftMenuServices ul{width:213px;float:left;height: 120px;border:solid #CCCCCC 1px;margin: 15px 0 0 0;}
#leftMenuServices ul li{list-style:none;width:213px;float:left;display: block;}
#leftMenuServices ul li a{height: 30px;width: 213px;}
#leftMenuServices ul li:hover { background-position: 0 -30px;}
.leftPrint{ background-image:url(../images/btn_left_print.gif);}
.leftDig{ background-image:url(../images/btn_left_dig.gif);}
.leftExh{ background-image:url(../images/btn_left_exh.gif);}
.leftOutdoor{ background-image:url(../images/btn_left_outdoor.gif);}

#btn_small{background-image:url(../images/btn_bg_small.gif);height:30px;margin:10px 0 0 15px;float: left;width: 130px; display:inline;}
#btn_small a{height:25px;width: 120px; display:block;}
#btn_small:hover { background-position: 0 -30px;}

.btn_small{background-image:url(../images/btn_bg_small.gif);height:30px;margin:10px 0 0 0;float: left;width: 130px; display:inline; font-size:1.2em;}
.btn_small a{height:25px;width: 120px; display:block;}
.btn_small:hover { background-position: 0 -30px;}

#btn_large{background-image:url(../images/btn_bg_large.gif);height:30px;margin:10px 0 0 15px;float: left;width: 230px; display:inline;}
#btn_large a{height:25px;width: 220px; display:block;}
#btn_large:hover { background-position: 0 -30px;}


/*------------------- 
	Contact Page
--------------------*/

form.contact{
	font-family:Arial, Helvetica, sans-serif;
	color:#003d8f;
	font-size: 0.8em;
}
form.contact fieldset{width:280px;float:left;border:none;margin:0 0 0 15px;}
form.contact label{margin:0;padding:0;}

input.text{font-family:"Trebuchet MS";color:#003d8f;font-size:13px;width:270px;background-color:#e7e6e6;border:none;padding:5px;height: 16px;margin: 0 0 10px 0;}
form.contact textarea{font-family:"Trebuchet MS";color:#003d8f;font-size:13px;width:270px;height:70px;background-color:#e7e6e6;border:none;margin:0 0 10px 0;padding:5px;}



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

#footer{float:left;background-image:url(../images/footer.png);width:1080px;height:90px;margin: 0 0 10px 0;}