/*	

Bosweb Systems.2012.

Table Of Contents
-------------------------
[01] - Global/Default Styles
[02] - Layout
[03] - Additional Layouts
[04] - Navigation and Lists
[05] - Forms
[06] - Buttons
[Misc] - Miscellaneous Styles
[iPhone] - iPhone Override Styles
[iPad] - iPad Override Styles
*/

/*[01] - Global/Default Styles 
----------------------------*/
/* Resets */
html, body, div, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, form, fieldset{
	display:block;
	margin:0;
	padding:0;
	border:0;
}
a{text-decoration:none;}
a,a:active, a:focus{outline: 0;}
textarea:focus, input:focus, select:focus{outline:none;}
img, a img{
	border:none;
}
table{
	border-collapse:collapse;
	border-spacing: 0;
}
::selection{}

/* Document Styles/Page Size Standards */
html{
	overflow-y: scroll;
	font:14px Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#1f1a17;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body{}
body > *{width:100%;}
body > * > .wrapper, body > .wrapper{
	position:relative;
	margin:0px auto;
	width:980px;
}

/* Typography */
h1, h2, h3, h4, h5, h6{font-weight:bold; text-transform:uppercase; margin-top:15px;}
h1{font-size:26px; height: 62px; color:#fff; background:#2a4574; padding:10px 0 0 20px; margin:0px;line-height:2;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}

a{color:#dd2516;}
a:hover{color:#203b68;}

/*[02] - Layout
----------------------------*/
/* header */
body > header{background:url(/html/bg_header.jpg) repeat-x; height:52px;}
body > header nav{clear:both;}

/* blue */
#blue {background:url(/html/bg_blue.jpg) repeat-x; height:344px; padding-top:21px;}
#blue_followon {background:url(/html/bg_blue.jpg) repeat-x; padding-top:21px;}

/* logo */
#logo{float:left; margin:45px 0 0 20px;}

/* banner */
#banner {float:right; border:9px solid #fff;width:602px;height:284px;}

/* box */
.box {width:300px; float:left; margin:0 13px;}
.box h2 {color:#fff; background:#dd2516; padding-left:10px; line-height:2;}
.box p {padding: 0 10px;}

/* main */
#main{margin-bottom:20px; background:#fff;}
#main_followon {margin-bottom:20px; background:#fff; padding:15px; min-height:700px;}
.breadcrumbs{float:right;font-size:12px; color:#fff; text-transform:uppercase;height: 72px; color:#fff; background:#2a4574;}
.breadcrumbs a {color:#fff;}
.breadcrumbs a:hover {text-decoration:underline; color:#fff;}
.text{padding:10px 15px;}

/* strip */
#strip{background:#bcbcbc; height:6px; clear:both;}

/* footer */
body > footer{background:#e0e0e0; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:12px; clear:both;}
body > footer .wrapper {width:960px; padding:10px 0;}
body > footer a {color:#203b68;}
body > footer a:hover {color:#dd2516;}


/*[03] - Additional Layouts
----------------------------*/


/*[04] - Navigation and Lists
----------------------------*/
/* top nav */
nav ul {cursor:pointer;list-style:none; margin:0; padding:0;}
nav ul li { list-style-image:none;float:left; padding:10px 0; margin:4px 10px;}
nav ul li a{color:#1f1a17;text-transform:uppercase; font-size:16px; font-weight:bold; padding:9px 15px;}
nav ul li.selected a, nav ul li:hover a, nav ul li a:hover, nav ul li a:active, nav ul li a:focus {background:#dd2516; color:#fff;}


footer ul {cursor:pointer;list-style:none; margin:0; padding:0;}
footer ul li { list-style-image:none;float:left; padding:0 10px; line-height:1; margin:10px 0; border-right:#aaa 1px solid;}
footer ul li a{color:#203b68;text-transform:uppercase; font-size:14px; font-weight:bold;}
footer ul li.selected a, footer ul li:hover a, footer ul li a:hover, footer ul li a:active, footer ul li a:focus {color:#dd2516;}
footer ul li.last {border-right:none;}


/*[05] - Forms
----------------------------*/
fieldset{}
label{font-weight:bold;}
label,input[type=checkbox],input[type=radio]{cursor:pointer;}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=tel], select, textarea{
	padding:5px;
	border:1px solid #e0e0e0;
}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus, textarea:focus{
	border:1px solid #e0e0e0;
}

/*[06] - Buttons
----------------------------*/

input[type=button], input[type=submit], input[type=reset], button, .button {
color:#203b68; display: inline-block; padding: 5px 15px 5px 35px; border: 1px solid #c9c8c8; background: url(/html/button.png) 0 50% no-repeat; font-size: 14px; font-weight: bold; line-height: 23px; text-transform: uppercase; margin:10px 0;
}

input[type="submit"]:hover, button:hover, .button:hover {color:#dd2516;}


/*[Misc] - Miscellaneous Styles
----------------------------*/
.clear{clear:both;}
.req{color:#e50000;}
.cf:before,.cf:after{
    content:"";
    display:block;
}
.cf:after{clear:both;}
.cf{zoom:1;}
#datepicker{width:145px;}

HR {margin:10px 0; width:100%; height:1px; color:#bcbcbc; background:#bcbcbc; border:none;}

/* PHOTO GALLERY
------------------------------------------- */
.photogalleryItem{float:left;margin:10px;padding:5px;border:1px solid #bcbcbc;}
.photogalleryItem > a{position:relative;display:block;width:130px;height:130px;overflow:hidden;}
.photogalleryItem > a > span> img{max-width:300px;}
/* {module_photogallery,20423,8,,12,200,200} */


/*[iPhone] - iPhone Override Styles
----------------------------*/
@media handheld, only screen and (max-device-width: 480px) {
}

/*[iPad] - iPad Override Styles
----------------------------*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
}