[400] | 1 | @charset "utf-8";
|
---|
| 2 | /*
|
---|
| 3 | Template Name: Realistic
|
---|
| 4 | Author: <a href="http://www.os-templates.com/">OS Templates</a>
|
---|
| 5 | Author URI: http://www.os-templates.com/
|
---|
| 6 | Licence: Free to use under our free template licence terms
|
---|
| 7 | Licence URI: http://www.os-templates.com/template-terms
|
---|
| 8 | File: Layout CSS
|
---|
| 9 | */
|
---|
| 10 |
|
---|
| 11 | /* @import url("navi.css"); */
|
---|
| 12 | @import url("forms.css");
|
---|
| 13 | @import url("tables.css");
|
---|
| 14 | @import url("homepage.css");
|
---|
| 15 | @import url("gallery.css");
|
---|
| 16 | @import url("portfolio.css");
|
---|
| 17 | @import url("style.css");
|
---|
| 18 |
|
---|
| 19 | @font-face{
|
---|
| 20 | font-family:'Titillium Web';
|
---|
| 21 | font-style:normal;
|
---|
| 22 | font-weight:300;
|
---|
| 23 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.eot');
|
---|
| 24 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.svg#TitilliumWeb') format('svg')
|
---|
| 25 | }
|
---|
| 26 | @font-face{
|
---|
| 27 | font-family:'Titillium Web';
|
---|
| 28 | font-style:italic;
|
---|
| 29 | font-weight:300;
|
---|
| 30 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.eot');
|
---|
| 31 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.svg#TitilliumWeb') format('svg')
|
---|
| 32 | }
|
---|
| 33 | @font-face{
|
---|
| 34 | font-family:'Titillium Web';
|
---|
| 35 | font-style:normal;
|
---|
| 36 | font-weight:400;
|
---|
| 37 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.eot');
|
---|
| 38 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.svg#TitilliumWeb') format('svg')
|
---|
| 39 | }
|
---|
| 40 | @font-face{
|
---|
| 41 | font-family:'Titillium Web';
|
---|
| 42 | font-style:italic;
|
---|
| 43 | font-weight:400;
|
---|
| 44 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.eot');
|
---|
| 45 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.svg#TitilliumWeb') format('svg')
|
---|
| 46 | }
|
---|
| 47 | @font-face{
|
---|
| 48 | font-family:'Titillium Web';
|
---|
| 49 | font-style:normal;
|
---|
| 50 | font-weight:700;
|
---|
| 51 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.eot');
|
---|
| 52 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.svg#TitilliumWeb') format('svg')
|
---|
| 53 | }
|
---|
| 54 | @font-face{
|
---|
| 55 | font-family:'Titillium Web';
|
---|
| 56 | font-style:italic;
|
---|
| 57 | font-weight:700;
|
---|
| 58 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.eot');
|
---|
| 59 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.svg#TitilliumWeb') format('svg')
|
---|
| 60 | }
|
---|
| 61 | @font-face{
|
---|
| 62 | font-family:'Titillium Web';
|
---|
| 63 | font-style:normal;
|
---|
| 64 | font-weight:600;
|
---|
| 65 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.eot');
|
---|
| 66 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.svg#TitilliumWeb') format('svg')
|
---|
| 67 | }
|
---|
| 68 | @font-face{
|
---|
| 69 | font-family:'Titillium Web';
|
---|
| 70 | font-style:italic;
|
---|
| 71 | font-weight:600;
|
---|
| 72 | src:url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.eot');
|
---|
| 73 | src:local(''),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.woff2') format('woff2'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.woff') format('woff'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.ttf') format('truetype'),url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.svg#TitilliumWeb') format('svg')
|
---|
| 74 | }
|
---|
| 75 |
|
---|
| 76 | html{overflow-y:scroll;}
|
---|
| 77 | body{margin:0; padding:0; font-size:12px; font-family:'Titillium Web'; color:#787878; background-color:#fff
|
---|
| 78 | ;}
|
---|
| 79 |
|
---|
| 80 | .justify{text-align:justify;}
|
---|
| 81 | .bold{font-weight:bold;}
|
---|
| 82 | .center{text-align:center;}
|
---|
| 83 | .right{text-align:right;}
|
---|
| 84 | .nostart{margin:0; padding:0; list-style-type:none;}
|
---|
| 85 |
|
---|
| 86 | .clear{clear:both;}
|
---|
| 87 | br.clear{clear:both; margin-top:-15px;}
|
---|
| 88 |
|
---|
| 89 | a{outline:none; text-decoration:none; color:#A3443E; background-color:#fff;}
|
---|
| 90 |
|
---|
| 91 | .fl_left, .imgl{float:left;}
|
---|
| 92 | .fl_right, .imgr{float:right; margin:0px 40px 0px 0px;}
|
---|
| 93 | .fl_right a {
|
---|
| 94 | text-decoration:none;
|
---|
| 95 | }
|
---|
| 96 |
|
---|
| 97 | /*img{display:block; margin:0; padding:0; border:none;}*/
|
---|
| 98 | .imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
|
---|
| 99 | .imgl{margin:0 8px 8px 0; clear:left;}
|
---|
| 100 | .imgr{margin:0 0 8px 8px; clear:right;}
|
---|
| 101 | /* ----------------------------------------------Wrapper------------------------------------- */
|
---|
| 102 |
|
---|
| 103 | div.wrapper{display:block; margin:0 0 0px 0; text-align:left; background:#0066CC;}
|
---|
| 104 | div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; padding:0; font-size:10px; font-weight:normal; line-height:normal;}
|
---|
| 105 | /* ----------------------------------------------Generalise------------------------------------- */
|
---|
| 106 |
|
---|
| 107 | #header, #topbar, #topnav, #breadcrumb, .container, #footer, #copyright{display:block; position:relative; margin:0 auto;}
|
---|
| 108 |
|
---|
| 109 | /*#header, #topbar, #topnav, #breadcrumb, .container, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}*/
|
---|
| 110 |
|
---|
| 111 | /* ----------------------------------------------Header------------------------------------- */
|
---|
| 112 |
|
---|
| 113 |
|
---|
| 114 | #header{text-align:center; text-transform:uppercase;}
|
---|
| 115 | #header h1, #header p{margin:0; padding:0; list-style:none; line-height:normal;}
|
---|
| 116 | #header h1 a{font-size:90px; color:#fff; background-color:#0066CC;text-decoration: none;}
|
---|
| 117 | #header p{margin-top:-20px; font-size:20px; color:#fff; background-color:#0066CC;}
|
---|
| 118 |
|
---|
| 119 | /* ----------------------------------------------Topbar------------------------------------- */
|
---|
| 120 |
|
---|
| 121 | #topbar{padding:15px 0px;}
|
---|
| 122 | #topbar .fl_left{margin:8px 0 0 0; padding:0;}
|
---|
| 123 | #topbar .fl_left, #topbar .fl_left a{color:#999999; background-color:#E0E0E0;}
|
---|
| 124 |
|
---|
| 125 | table.bgfooter {
|
---|
| 126 | background:#00264d;
|
---|
| 127 | color:#fff;
|
---|
| 128 | }
|
---|
| 129 | table.bgfooter a {
|
---|
| 130 | background:none;
|
---|
| 131 | color:#b2ebed;
|
---|
| 132 | text-decoration: underline;
|
---|
| 133 | }
|
---|