@charset "utf-8";
/* CSS Document */
body 									{ width: 100%; height: 100%; padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 66%; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: left top; background-attachment: fixed; color: #3d3d3d; }
a 										{ text-decoration: none; color: #4ecdd7; }
a:hover 								{ color: #3d3d3d;}
h1, h2, h3, h4, h5, h6 					{ background-repeat: no-repeat; width: 255px; height: 47px; padding: 0; margin: 15px 0 0 20px; }
blockquote								{}
form 									{}
label 									{}
input 									{}
img										{ border: none; }
h1 span									{ display: none;}


div#page								{ width: 100%; height: 100%; padding: 0px; margin: 0px; }

div#header_wrapper						{ height: 100px; position: relative; background-image: url(../images/header-bg.gif); background-repeat: no-repeat; background-position: 55px 42px; margin-left: 7.5%; margin-top: 1.2%; }
div#header								{ width: 980px; height: 120px; position: relative; float: left;  }
div.logo								{ width: 232px; height: 80px; padding-top: 10px; float: left; position: relative;}
div.logo h1								{ background:url(../images/logo.gif); background-repeat: none; height: 80px; width: 232px; margin: 0;}

div.phone-number						{ background-image:url(../images/number.gif); background-repeat: no-repeat; height: 25px; width: 200px; float: right; margin-right: 10px; position: relative; margin-top: 40px;}
div.phone-number span					{ display: none;}

div#main_wrapper						{ height: 100%; width: 870px; margin-left: 13.2%; position:relative; margin-top: 3.2%; }

div#main								{ float: right; position: relative; width: 675px; height: 445px; background-repeat: no-repeat; background-position: left top;}
div.content								{ background-color: #f2f2f2; width: 315px; padding-bottom: 10px;}
div.content p							{ color: #3d3d3d; line-height: 1.7em; font-size: 105%; padding: 0 25px 0 25px; margin-top: 5px; font-family: "MS Reference Sans Serif", "MS Sans Serif", sans-serif;}	

.home									{ background-image:url(../images/home-bg.gif); }
.about-us								{background-image:url(../images/about-bg.gif); }
.creative-design						{background-image:url(../images/internet-bg.gif); }
.get_in_touch							{background-image:url(../images/contact-bg.gif); }
.our_work								{background: #4d4d4d; }

div#navigation							{ width: 160px; float: left; position: relative;}
ul#nav									{ margin: 0; padding: 0; list-style-type: none; width: 100%;}
ul#nav li								{ width: 160px; display: block; float: left; position: relative; margin-bottom: 4px;}
ul#nav li a								{ background-color: #4d4d4d; width: 145px; display: block; float: left; position: relative; color: #FFF; padding-left: 5px; line-height: 20px; }
ul#nav li a:hover, a.active				{ color: #4ecdd7; margin-left: 10px;}

ul#sub_nav								{ margin: 0; padding: 0; list-style-type: none; width: 100%;}
ul#sub_nav li							{ width: 160px; display: block; float: left; position: relative; margin-bottom: 4px;}
ul#sub_nav li a							{ background-color: #4ecdd7; width: 145px; display: block; float: left; position: relative; color: #FFF; padding-left: 5px; line-height: 20px; }
ul#sub_nav li a:hover, a.active			{ background-color: #4d4d4d; color: #4ecdd7; margin-left: 10px;}

div#footer								{ width: 950px; margin-left: 10%; position:relative; padding-top: 20px; clear: both;}
ul#seo_links							{ list-style-type: none; margin: 0; padding: 0; float: left; position: relative;}
ul#seo_links li							{ float: left; position: relative; display: block; list-style-type: none;}
ul#seo_links li a						{ padding: 0 5px 0 5px; color: #4ecdd7;}
ul#seo_links li a:hover					{ color: #3d3d3d;}
.legal									{ float: right; position: relative; text-align: right;}

.lower-ring								{ text-align: center; width: 950px; float: left; position: relative; margin-top: 20px; }

.cb 									{ clear: both; height: 0; width: 0; }

.tp 									{ margin-top: 30px; padding-top: 15px;}
.tr										{ margin: 0 30px 0 0; float: right; position: relative; }
.fr										{ margin: 60px 0 0 0; position: relative; float: right;}
.fl										{ float: left; position: relative; margin: 20px 0 0 0; }
.bt										{}
.et										{ height: 20px; background: none;}

h1.welcome								{ background-image:url(../images/welcome.gif); }
h1.about								{ background-image:url(../images/about-us.gif); }
h1.portfolio							{ background-image:url(../images/contact.gif); }
h1.creative								{ background-image:url(../images/creative.gif); }
h1.contact								{ background-image:url(../images/contact.gif); }
h1.news									{ background-image:url(../images/contact.gif); }
h1.package								{ background-image:url(../images/package.gif); }

#gb_form								{ margin: 10px 0 0 25px;}
#gb_form div							{ width: 250px; float: left; position: relative; padding: 0 0 5px 0;}
#gb_form fieldset						{ border: none; margin: 0; padding: 0;}
#gb_form legend							{ display: none; }
#gb_form label							{ float: left; width: 65px; position: relative; }
#gb_form input							{ float: right; width: 175px; position: relative; border: solid 1px #4ecdd7; }
#gb_form input:focus					{ border: solid 1px #4d4d4d; } 
#gb_form input:hover					{ border: solid 1px #4d4d4d; } 
#gb_form select							{ float: right; width: 175px; position: relative; border: solid 1px #4ecdd7;}
#gb_form select:focus					{ border: solid 1px #4d4d4d; } 
#gb_form select:hover					{ border: solid 1px #4d4d4d; }
#gb_form textarea						{ float: right; width: 175px; height: 50px; position: relative; border: solid 1px #4ecdd7; }
#gb_form textarea:focus					{ border: solid 1px #4d4d4d; } 
#gb_form textarea:hover					{ border: solid 1px #4d4d4d; }
#gb_form .button						{ float: right; width: 85px; color: #fff; background: #4ecdd7; border: none;}

#slider { width: 675px; position: relative; height: 445px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: left; overflow: hidden; }

.scroll { width: 675px; height: 445px; overflow: hidden; position: relative; clear: left; margin: 0px; }

.scrollContainer div.panel { padding: 0px; width: 675px; height: 445px; overflow: hidden; margin: 0px; background-color: #4d4d4d;  }

#shade { background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; height: 50px; }

.scrollButtons { position: absolute; top: 150px; cursor: pointer; visibility: hidden; }

.scrollButtons.left { left: 45px; 	position: absolute; }

.scrollButtons.right { position: absolute; left: 910px; top: 450px; }

.hide { display: none; }

.port_left { width: 345px; float: left; position:relative; padding-left: 10px; text-align: center; }
.port_left img { margin-top: 20px;  }
.port_left p {margin: 0; padding: 0; text-align: center; }
.port_right { width: 280px; height: 425px; float: right; position:relative; margin-right: 10px; background: #fefefe; padding: 10px; }

h2.port { padding: 0; margin-left: 0px; font-size: 220%; word-spacing: -5px; }

div.port_links { position: absolute; bottom: 20px; left: 0px; height: 30px; width: 300px; background-color: #5d5d5d; padding: 0; margin: 0;}

a.link_left { display: block; float: left; position: relative; width: 130px; height: 30px; line-height: 30px; font-size: 130%; padding-left: 10px;  }
a.link_right { display: block; float: right; position: relative; width: 130px; height: 30px; line-height: 30px; font-size: 130%; padding-right: 15px; text-align: right; }

p.quote	{ position: absolute; bottom: 7px; right: 10px; z-index: 99; height: 10px; padding: 0; margin: 0; font-weight: bold; }